:root{--ink:#071412;--paper:#f4f1e9;--mint:#55e0b5;--line:rgba(7,20,18,.14);--muted:#66706d;--radius:26px;font-family:DM Sans,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:92px;padding:0 clamp(24px,5vw,86px);display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:14px;background:#ffffff14;font-family:Manrope;font-weight:800;letter-spacing:-2px}.brand-copy{font-family:Manrope;font-weight:800;font-size:18px;line-height:1.05}.brand-copy small{display:block;font:500 8px/1.4 DM Sans;letter-spacing:2.7px;text-transform:uppercase;opacity:.55}.site-header nav{display:flex;gap:38px;font-size:13px}.site-header nav a{opacity:.72;transition:.2s}.site-header nav a:hover{opacity:1}.header-cta{border-bottom:1px solid rgba(255,255,255,.4);padding:8px 0;font-size:13px}.header-cta span{color:var(--mint);margin-left:8px}.menu-button{display:none;color:#fff;background:none;border:0;font-size:24px}.hero{min-height:820px;height:100vh;max-height:980px;background:#061211;color:#fff;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr);align-items:center;padding:115px clamp(24px,5vw,86px) 70px;gap:40px}.hero:after{content:"";position:absolute;inset:0;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;-webkit-mask-image:linear-gradient(90deg,#000,transparent 78%);mask-image:linear-gradient(90deg,#000,transparent 78%);pointer-events:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(30px);opacity:.22}.glow-one{width:500px;height:500px;background:#17b58a;right:6%;top:15%}.glow-two{width:280px;height:280px;background:#3996ff;right:36%;bottom:8%;opacity:.1}.hero-copy{z-index:2;max-width:670px}.eyebrow{margin:0 0 28px;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:2.3px;font-size:10px;font-weight:700;color:#ffffff9e}.eyebrow span{width:26px;height:1px;background:var(--mint)}.eyebrow.dark{color:#68716e}.hero h1{font:700 clamp(47px,5.35vw,80px)/.99 Manrope;margin:0;letter-spacing:-4.4px}.hero h1 em{color:var(--mint);font-style:normal}.hero-lead{font-size:16px;line-height:1.75;color:#ffffff9e;max-width:570px;margin:30px 0}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{height:54px;padding:0 23px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.button-primary{background:var(--mint);color:#04110e}.button-primary span{margin-left:25px}.button-ghost{border:1px solid rgba(255,255,255,.22);color:#fff}.trust-row{display:flex;align-items:center;margin-top:48px}.avatar-stack{display:flex;margin-right:13px}.avatar-stack i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#d8aa73;color:#091510;font-style:normal;font-size:9px;font-weight:800;border:2px solid #061211;margin-left:-7px}.avatar-stack i:nth-child(2){background:#d8a5a5}.avatar-stack i:nth-child(3){background:#92c6c6}.avatar-stack i:nth-child(4){background:var(--mint)}.trust-row p{font-size:11px;line-height:1.45;color:#ffffff70}.trust-row strong{color:#fff}.hero-stage{position:relative;z-index:2;perspective:1300px}.hero-dashboard{width:min(720px,47vw);aspect-ratio:1.32;background:#f8faf8;border:1px solid rgba(255,255,255,.22);border-radius:20px;box-shadow:0 50px 100px #00000073;transform:rotateY(-5deg) rotateX(2deg);overflow:hidden;color:#0c1a17}.window-bar{height:38px;background:#e8ece8;display:flex;align-items:center;padding:0 14px;gap:6px}.window-bar span{width:7px;height:7px;border-radius:50%;background:#c0c9c5}.window-bar small{font-size:8px;color:#77827e;margin:auto}.dashboard-shell{display:grid;grid-template-columns:62px 1fr;height:calc(100% - 38px)}.dashboard-shell aside{background:#0a1916;display:flex;align-items:center;flex-direction:column;padding:21px 0;gap:25px}.dashboard-shell aside b{color:var(--mint);font:800 14px Manrope;margin-bottom:10px}.dashboard-shell aside i{width:14px;height:14px;border:1px solid #6c7673;border-radius:4px;opacity:.5}.dashboard-shell aside i.active{background:var(--mint);border-color:var(--mint);box-shadow:0 0 15px #55e0b566}.dashboard-main{padding:28px 30px}.dash-top{display:flex;justify-content:space-between;align-items:center}.dash-top small,.mini-top small{display:block;color:#79817e;font-size:8px}.dash-top strong{font:700 18px Manrope}.dash-top>span{width:31px;height:31px;border-radius:9px;background:#0b1a17;color:#fff;display:grid;place-items:center;font-size:8px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.metric-grid article{padding:17px;border:1px solid #e1e6e2;border-radius:12px;background:#fff}.metric-grid small{font-size:7px;color:#7b8580;display:block}.metric-grid strong{font:700 clamp(12px,1.4vw,20px) Manrope;display:block;margin:6px 0}.metric-grid em{font-style:normal;color:#199b78;font-size:7px}.chart-card{height:220px;border:1px solid #e1e6e2;border-radius:13px;padding:18px;background:#fff}.chart-card>div{display:flex;justify-content:space-between;font-size:8px}.chart-card small{color:#7c8582}.chart-card svg{width:100%;height:80%;margin-top:12px}.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke:#24bb90;stroke-width:3}.floating-tag{position:absolute;z-index:5;padding:13px 17px;border-radius:12px;background:#0b1d19e6;border:1px solid rgba(255,255,255,.13);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 50px #00000047;font-size:9px}.floating-tag b,.floating-tag span{display:block}.floating-tag b{color:#fff;font-size:11px}.floating-tag span{color:#7c918b;margin-top:3px}.tag-one{right:-10px;top:8%}.tag-two{left:-30px;bottom:5%}.orbit{position:absolute;border:1px solid rgba(85,224,181,.12);border-radius:50%}.orbit-one{width:730px;height:730px;left:-10%;top:-18%}.orbit-two{width:510px;height:510px;left:5%;top:-3%}.scroll-cue{position:absolute;bottom:30px;left:clamp(24px,5vw,86px);z-index:3;font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:#ffffff5c}.scroll-cue span{margin-left:18px;color:var(--mint)}.marquee{height:54px;background:var(--mint);overflow:hidden;display:flex;align-items:center;white-space:nowrap;font:800 10px Manrope;letter-spacing:1.6px}.marquee div{animation:marquee 30s linear infinite}.marquee span{margin:0 32px}@keyframes marquee{to{transform:translate(-50%)}}.portfolio-section{padding:120px clamp(24px,6vw,100px) 130px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:55px}.section-heading h2{font:700 clamp(38px,4.4vw,65px)/1.05 Manrope;letter-spacing:-3px;margin:0}.section-heading>p{max-width:430px;color:#67706d;line-height:1.7;font-size:14px}.filter-bar{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.filter-bar button{border:1px solid #cfd3cf;color:#6a726f;background:transparent;padding:10px 16px;border-radius:999px;font-size:11px;cursor:pointer}.filter-bar button.active{background:#0a1714;color:#fff;border-color:#0a1714}.filter-bar span{margin-left:5px;color:var(--mint)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-card{border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid rgba(7,20,18,.1);cursor:pointer;transition:.35s transform,.35s box-shadow;transition-delay:var(--delay)}.project-card:hover{transform:translateY(-7px);box-shadow:0 22px 55px #11231e1f}.project-preview{height:315px;padding:35px 35px 0;background:var(--card-bg,#dde6e2);position:relative;overflow:hidden}.project-preview:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:var(--accent,#55e0b5);filter:blur(80px);opacity:.21;right:-80px;top:-100px}.tone-sage{--card-bg:#dce7df;--accent:#527b61}.tone-blue{--card-bg:#dce8f1;--accent:#3275b8}.tone-amber{--card-bg:#eee2ca;--accent:#d09635}.tone-cyan{--card-bg:#dbeaec;--accent:#3a98a5}.tone-purple{--card-bg:#e4def0;--accent:#7157b5}.tone-red{--card-bg:#efdcd9;--accent:#cf4e3d}.tone-gold{--card-bg:#ede5ce;--accent:#b98d34}.tone-indigo{--card-bg:#dfe1ef;--accent:#5265b6}.tone-pink{--card-bg:#efdee4;--accent:#b75078}.tone-olive{--card-bg:#e3e4d2;--accent:#7f863c}.tone-orange{--card-bg:#efe0d3;--accent:#cc7133}.tone-green{--card-bg:#dce9df;--accent:#3d8c5a}.mini-app{height:100%;display:grid;grid-template-columns:48px 1fr;background:#f9faf8;border-radius:13px 13px 0 0;box-shadow:0 23px 45px #16292333;overflow:hidden;position:relative;z-index:2}.mini-app.compact{transform:rotate(-1deg);transform-origin:bottom center}.mini-sidebar{background:#0c1a17;padding:16px 0;display:flex;align-items:center;flex-direction:column;gap:18px}.mini-sidebar b{color:var(--mint);font:800 12px Manrope;margin-bottom:6px}.mini-sidebar i{width:12px;height:12px;border:1px solid #6f7d78;border-radius:3px;opacity:.42}.mini-sidebar i.on{background:var(--accent,var(--mint));border:0;opacity:1}.mini-content{padding:19px}.mini-top{display:flex;justify-content:space-between;align-items:center}.mini-top strong{display:block;font:700 12px Manrope;margin-top:2px}.mini-top>span{font-size:6px;letter-spacing:1px;padding:5px 7px;border-radius:99px;background:#e7eee9;color:#457260}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.mini-stats article{border:1px solid #e0e5e1;background:#fff;border-radius:8px;padding:11px}.mini-stats small{font-size:6px;color:#818a86;display:block}.mini-stats b{display:block;font:700 13px Manrope;margin:4px 0}.mini-stats em{font-size:6px;color:#249674;font-style:normal}.mini-visual{height:120px;border:1px solid #e0e5e1;background:#fff;border-radius:9px;display:grid;grid-template-columns:1.3fr .7fr;padding:13px;gap:14px}.bars{display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid #e7ebe8}.bars i{width:100%;height:var(--h);border-radius:3px 3px 0 0;background:var(--accent,var(--mint));opacity:.75}.mini-list{display:flex;flex-direction:column;gap:9px}.mini-list span{height:16px;border-radius:4px;background:#edf0ed}.privacy-chip{position:absolute;z-index:4;right:47px;bottom:20px;border-radius:99px;padding:7px 10px;background:#05120fdb;color:#fff;font-size:7px;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-content{padding:27px 30px 30px;display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.project-content>div>span{color:#7d8682;text-transform:uppercase;letter-spacing:1.4px;font-size:8px}.project-content h3{font:700 23px Manrope;margin:5px 0 9px;letter-spacing:-.8px}.project-content p{font-size:11px;line-height:1.6;color:#6e7773;max-width:430px;margin:0}.demo-button{flex:0 0 auto;border:0;background:transparent;font-size:10px;font-weight:700;padding:8px 0;border-bottom:1px solid #bfc6c2;cursor:pointer}.demo-button span{color:#269c78;margin-left:6px}.load-more{display:block;margin:45px auto 0;border:1px solid #aeb5b1;background:transparent;border-radius:10px;padding:14px 20px;font-size:11px;font-weight:700;cursor:pointer}.load-more span{margin-left:16px}.principles{background:#071512;color:#fff;padding:120px clamp(24px,6vw,100px)}.section-heading.light>p{color:#ffffff80}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.13);margin-top:75px}.principle-grid article{padding:44px 55px 20px 0;min-height:320px;border-right:1px solid rgba(255,255,255,.13);position:relative}.principle-grid article+article{padding-left:55px}.principle-grid article:last-child{border:0}.principle-grid article>span{position:absolute;right:20px;top:22px;color:#fff3;font-size:10px}.principle-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(85,224,181,.4);color:var(--mint);font-size:23px}.principle-grid h3{font:700 21px Manrope;margin:30px 0 15px}.principle-grid p{font-size:12px;line-height:1.75;color:#ffffff7a}.numbers{padding:120px clamp(24px,6vw,100px);display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.number-copy h2{font:700 clamp(38px,4vw,58px)/1.08 Manrope;letter-spacing:-2.8px;margin:0}.number-grid{display:grid;grid-template-columns:1fr 1fr}.number-grid article{padding:34px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.number-grid strong{font:700 52px Manrope;letter-spacing:-3px}.number-grid strong span{font-size:22px;color:#2ca77e}.number-grid p{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#7c8581}.contact-section{padding:0 clamp(24px,6vw,100px) 100px}.contact-card{min-height:430px;border-radius:30px;padding:70px;background:#0a1916;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:60px;position:relative;overflow:hidden}.contact-card:before{content:"YM";position:absolute;right:-20px;top:-100px;font:800 320px Manrope;color:#ffffff06;letter-spacing:-35px}.contact-card h2{font:700 clamp(40px,4.2vw,63px)/1.03 Manrope;letter-spacing:-3px;margin:0}.contact-card>div>p:last-child{max-width:560px;color:#ffffff80;line-height:1.7;font-size:13px}.contact-button{height:62px;flex:0 0 auto;border-radius:11px;background:var(--mint);color:#071512;display:flex;align-items:center;padding:0 25px;font-size:12px;font-weight:800;position:relative;z-index:2}.contact-button span{margin-left:25px;font-size:18px}footer{padding:45px clamp(24px,6vw,100px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid var(--line);font-size:10px;color:#737c78}footer .brand-mark{color:#fff;background:#0a1916;border-color:#0a1916}footer .brand-copy{color:#0a1916}footer>p{text-align:center}footer>div{display:flex;justify-content:flex-end;gap:25px}footer>small{grid-column:1/-1;margin-top:35px;padding-top:20px;border-top:1px solid var(--line);text-align:center}dialog{width:min(1120px,92vw);border:0;border-radius:26px;padding:0;background:#f5f2ea;box-shadow:0 35px 100px #00000080}dialog::backdrop{background:#030c0ac7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-shell{display:grid;grid-template-columns:.8fr 1.2fr;min-height:610px;position:relative}.dialog-close{position:absolute;right:18px;top:16px;z-index:10;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#071412b3;color:#fff;font-size:25px;cursor:pointer}.dialog-info{padding:60px 45px}.demo-kicker{font-size:8px;color:#348c70;letter-spacing:1.3px;font-weight:800}.dialog-category{display:block;color:#7b837f;text-transform:uppercase;letter-spacing:1.5px;font-size:9px;margin-top:50px}.dialog-title{font:700 41px/1.05 Manrope;letter-spacing:-2px;margin:7px 0 18px}.dialog-description{color:#68716d;line-height:1.7;font-size:13px}.feature-list{display:flex;flex-direction:column;gap:10px;margin:35px 0}.feature-list span{font-size:12px;font-weight:700}.feature-list span:first-letter{color:#2ba77e}.privacy-note{font-size:9px!important;background:#e6ede8;padding:13px;border-radius:9px;color:#53615c!important}.dialog-preview{background:#dce7e1;padding:70px 45px 0;overflow:hidden}.dialog-preview .mini-app{height:540px;box-shadow:0 25px 70px #10282047}.dialog-preview .mini-content{padding:30px}.dialog-preview .mini-top strong{font-size:18px}.dialog-preview .mini-stats b{font-size:22px}.dialog-preview .mini-visual{height:230px}.reveal{opacity:0;transform:translateY(22px);transition:.75s ease opacity,.75s ease transform}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:130px;height:auto;max-height:none;min-height:1050px}.hero-copy{padding-top:20px}.hero-stage{justify-self:center}.hero-dashboard{width:min(760px,85vw)}.project-preview{height:270px}.project-content{display:block}.demo-button{margin-top:20px}.numbers,.dialog-shell{grid-template-columns:1fr}.dialog-preview{display:none}}@media(max-width:760px){.site-header{height:76px;padding:0 20px}.site-header nav{display:none;position:absolute;top:70px;left:18px;right:18px;padding:22px;background:#10231e;border:1px solid rgba(255,255,255,.12);border-radius:14px;flex-direction:column;gap:20px}.site-header nav.open{display:flex}.header-cta{display:none}.menu-button{display:block}.hero{display:block;min-height:970px;padding:130px 20px 80px}.hero h1{font-size:48px;letter-spacing:-3px}.hero-lead{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-stage{margin-top:65px}.hero-dashboard{width:100%;transform:rotate(-1deg)}.dashboard-main{padding:16px}.metric-grid article:nth-child(3){display:none}.metric-grid{grid-template-columns:1fr 1fr}.chart-card{height:150px}.floating-tag,.scroll-cue{display:none}.portfolio-section,.principles,.numbers{padding:85px 20px}.section-heading{display:block;margin-bottom:40px}.section-heading h2{font-size:40px}.section-heading>p{margin-top:25px}.project-grid{grid-template-columns:1fr}.project-preview{height:240px;padding:25px 25px 0}.project-content{padding:23px}.principle-grid{grid-template-columns:1fr}.principle-grid article,.principle-grid article+article{padding:38px 10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.13);min-height:0}.number-grid article{padding:25px 15px}.number-grid strong{font-size:39px}.contact-section{padding:0 20px 65px}.contact-card{padding:45px 27px;display:block}.contact-card h2{font-size:41px}.contact-button{margin-top:35px;width:100%;justify-content:center}footer{grid-template-columns:1fr;text-align:center;gap:25px}footer .brand{justify-content:center}footer>p{text-align:center}footer>div{justify-content:center}footer>small{grid-column:1}.dialog-info{padding:45px 27px}.dialog-title{font-size:35px}.dialog-category{margin-top:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}dialog{width:min(1420px,96vw);height:min(900px,94vh);max-width:none;max-height:none;border-radius:24px;overflow:hidden}.dialog-shell{display:block;height:100%;min-height:0}.demo-intro{height:100%;padding:clamp(38px,6vw,90px);display:grid;grid-template-columns:minmax(360px,680px) auto;align-items:end;justify-content:space-between;gap:70px;background:radial-gradient(circle at 82% 35%,rgba(85,224,181,.25),transparent 30%),#f5f2ea}.demo-intro[hidden],.interactive-demo[hidden],.demo-expired[hidden]{display:none}.demo-intro .dialog-title{font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-3.5px}.demo-intro .dialog-description{font-size:15px;max-width:650px}.demo-intro .feature-list{flex-direction:row;flex-wrap:wrap}.demo-intro .feature-list span{background:#fff;border:1px solid #dfe4e0;padding:10px 13px;border-radius:999px;font-size:11px}.start-demo{width:260px;height:64px;border:0;border-radius:12px;background:#081713;color:#fff;padding:0 23px;display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:12px;cursor:pointer;box-shadow:0 18px 45px #08171333}.start-demo span{color:var(--mint);font-size:20px}.interactive-demo{height:100%;background:#edf1ee;position:relative}.demo-system-bar{height:72px;background:#0a1916;color:#fff;padding:0 72px 0 24px;display:flex;align-items:center;justify-content:space-between}.demo-system-bar>div:first-child b{display:block;font:700 15px Manrope}.demo-system-bar>div:first-child span{display:block;color:#ffffff73;font-size:8px;margin-top:3px;text-transform:uppercase;letter-spacing:1.2px}.demo-clock{display:flex;align-items:center;gap:11px;border:1px solid rgba(85,224,181,.35);background:#55e0b514;padding:8px 13px;border-radius:10px}.demo-clock small{color:#ffffff8c;font-size:8px}.demo-clock strong{font:700 18px Manrope;color:var(--mint);font-variant-numeric:tabular-nums}.demo-clock.ending{border-color:#f0a178;background:#f0613b1a}.demo-clock.ending strong{color:#ffad87}.end-demo{border:1px solid rgba(255,255,255,.18);background:transparent;color:#ffffffb3;border-radius:8px;padding:8px 12px;font-size:9px;cursor:pointer}.demo-workspace{height:calc(100% - 72px);display:grid;grid-template-columns:210px 1fr}.demo-nav{background:#10231e;padding:23px 14px;display:flex;flex-direction:column;gap:6px}.demo-nav-logo{width:38px;height:38px;border-radius:11px;background:var(--mint);color:#061410;display:grid;place-items:center;font:800 13px Manrope;margin:0 8px 24px}.demo-nav button{height:46px;border:0;background:transparent;color:#ffffff80;display:flex;align-items:center;gap:12px;padding:0 13px;border-radius:9px;text-align:left;font-size:11px;cursor:pointer}.demo-nav button i{font-style:normal;width:19px;text-align:center;font-size:15px}.demo-nav button:hover,.demo-nav button.active{background:#ffffff14;color:#fff}.demo-nav button.active i{color:var(--mint)}.demo-safe-badge{margin:auto 5px 0;padding:12px;border:1px solid rgba(85,224,181,.18);background:#55e0b50f;color:#7eb6a4;border-radius:8px;font-size:8px;text-align:center}.demo-screen{padding:clamp(25px,3vw,45px);overflow:auto}.demo-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.demo-page-head small{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#78837f}.demo-page-head h2{font:700 clamp(26px,3vw,38px) Manrope;letter-spacing:-1.5px;margin:4px 0}.demo-page-head p{font-size:10px;color:#85908c;margin:0}.demo-primary{border:0;background:#0b1a17;color:#fff;height:43px;border-radius:9px;padding:0 15px;font-size:10px;font-weight:700;cursor:pointer}.demo-primary span{color:var(--mint);margin-left:12px}.demo-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.demo-stat-grid article{background:#fff;border:1px solid #dfe5e1;border-radius:13px;padding:19px;position:relative}.demo-stat-grid small{display:block;font-size:9px;color:#7d8884}.demo-stat-grid strong{display:block;font:700 clamp(18px,2vw,27px) Manrope;margin-top:9px}.demo-stat-grid span{position:absolute;right:14px;top:16px;color:#279778;background:#e9f6f1;border-radius:99px;padding:4px 7px;font-size:7px}.demo-panels{display:grid;grid-template-columns:1.5fr .7fr;gap:14px;margin-top:14px}.demo-chart-panel,.demo-activity{background:#fff;border:1px solid #dfe5e1;border-radius:13px;padding:21px;min-height:290px}.demo-chart-panel>div:first-child,.demo-activity>div:first-child{display:flex;justify-content:space-between;align-items:center}.demo-chart-panel b,.demo-activity b{font:700 12px Manrope}.demo-chart-panel small{font-size:8px;color:#85908c}.demo-chart-bars{height:210px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid #e6ebe8;padding-top:25px}.demo-chart-bars i{height:var(--value);flex:1;background:linear-gradient(#4ed5aa,#32a985);border-radius:5px 5px 0 0;position:relative;opacity:.88}.demo-chart-bars i span{position:absolute;bottom:-19px;width:100%;text-align:center;color:#89928f;font: 7px DM Sans}.demo-activity button{border:0;background:none;color:#278e70;font-size:8px;cursor:pointer}.demo-activity p{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf0ee;margin:0;font-size:9px}.demo-activity p i{width:7px;height:7px;border-radius:50%;background:var(--mint)}.demo-activity p span{display:flex;flex-direction:column;gap:3px}.demo-activity p small{font-size:7px;color:#929b97}.demo-toolbar{display:flex;gap:8px;background:#fff;border:1px solid #dfe5e1;padding:10px;border-radius:11px;margin-bottom:13px}.demo-toolbar label{height:35px;flex:1;background:#f3f5f3;border-radius:7px;padding:0 11px;display:flex;align-items:center;gap:7px;color:#8c9591}.demo-toolbar input{border:0;background:transparent;outline:0;width:100%;font-size:9px}.demo-toolbar button{border:1px solid #dce2de;background:#fff;border-radius:7px;padding:0 13px;font-size:8px;cursor:pointer}.demo-table{background:#fff;border:1px solid #dfe5e1;border-radius:12px;overflow:hidden}.demo-table-row{min-height:64px;display:grid;grid-template-columns:1.25fr 1fr .8fr 55px;align-items:center;padding:0 20px;border-bottom:1px solid #edf0ee;font-size:10px}.demo-table-row:last-child{border:0}.demo-table-head{min-height:40px;background:#f7f8f7;color:#818b87;text-transform:uppercase;letter-spacing:.8px;font-size:7px}.demo-table-row>span:first-child{display:flex;flex-direction:column;gap:3px}.demo-table-row span small{font-size:7px;color:#9ca4a0}.demo-table-row>span:nth-child(3){display:flex;align-items:center;gap:7px}.demo-table-row>span:nth-child(3) i{width:7px;height:7px;border-radius:50%;background:#4ac397}.demo-table-row>span:nth-child(3) i.warning{background:#e4a14c}.demo-table-row>button{border:0;background:#edf5f1;color:#278e70;border-radius:6px;padding:7px;font-size:8px;cursor:pointer}.demo-expired{position:absolute;inset:0;z-index:25;background:#071411f5;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.expired-icon{width:72px;height:72px;border:1px solid rgba(85,224,181,.4);border-radius:22px;display:grid;place-items:center;font-size:30px}.demo-expired>p:first-of-type{color:var(--mint);font-size:9px;letter-spacing:2px;margin-top:25px}.demo-expired h2{font:700 clamp(36px,5vw,64px) Manrope;letter-spacing:-3px;margin:6px}.demo-expired h2+p{color:#ffffff80;font-size:12px}.demo-expired>div:last-child{display:flex;gap:10px;margin-top:26px}.demo-expired button{height:44px;padding:0 16px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:9px;cursor:pointer}.demo-expired .restart-demo{background:var(--mint);color:#071512;border-color:var(--mint);font-weight:800}.demo-toast{position:absolute;z-index:24;right:28px;bottom:24px;max-width:340px;background:#0a1916;color:#fff;border-left:3px solid var(--mint);border-radius:9px;padding:14px 17px;font-size:9px;box-shadow:0 15px 40px #00000040;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.demo-toast.show{opacity:1;transform:none}@media(max-width:1050px){.demo-intro{grid-template-columns:1fr}.demo-workspace{grid-template-columns:78px 1fr}.demo-nav button span,.demo-safe-badge{display:none}.demo-nav button{justify-content:center}.demo-nav button i{font-size:18px}.demo-stat-grid{grid-template-columns:1fr 1fr}.demo-panels{grid-template-columns:1fr}.demo-activity{display:none}}@media(max-width:760px){dialog{width:100vw;height:100dvh;border-radius:0}.demo-intro{padding:55px 24px 30px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:25px}.demo-intro .dialog-title{font-size:42px}.demo-intro .dialog-category{margin-top:25px}.demo-intro .feature-list{margin:20px 0}.start-demo{width:100%}.demo-system-bar{height:64px;padding:0 54px 0 13px}.demo-system-bar>div:first-child span,.end-demo,.demo-clock small{display:none}.demo-clock{padding:7px}.demo-workspace{height:calc(100% - 64px);grid-template-columns:58px 1fr}.demo-nav{padding:16px 7px}.demo-nav-logo{width:34px;height:34px;margin:0 auto 18px}.demo-nav button{padding:0;justify-content:center}.demo-screen{padding:20px 13px}.demo-page-head{align-items:flex-start}.demo-page-head h2{font-size:24px}.demo-page-head p{display:none}.demo-primary{height:38px;white-space:nowrap}.demo-stat-grid{gap:7px}.demo-stat-grid article{padding:13px}.demo-stat-grid article strong{font-size:16px}.demo-stat-grid article span{display:none}.demo-chart-panel{min-height:240px;padding:14px}.demo-chart-bars{height:170px}.demo-toolbar label{min-width:0}.demo-toolbar button{display:none}.demo-table-row{grid-template-columns:1.2fr .8fr 42px;padding:0 10px;font-size:8px}.demo-table-row>span:nth-child(2){display:none}.demo-table-row>button{font-size:7px}.demo-expired>div:last-child{flex-direction:column;width:100%}.demo-expired button{width:100%}}