:root{--d-bg:#f3f5f2;--d-panel:#fff;--d-ink:#1b2420;--d-muted:#7c8881;--d-line:#e8ece8;--d-dark:#101715;--d-dark2:#171f1c;--d-lime:#b9ec7e;--d-mono:'DM Mono',monospace;--d-sans:'DM Sans',sans-serif;--d-display:'Manrope',sans-serif;--d-shadow:0 18px 60px #0b18100d}*{box-sizing:border-box}html{min-width:320px;background:var(--d-bg);scroll-behavior:smooth}body{margin:0;color:var(--d-ink);font-family:var(--d-sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.demo-root{min-height:100vh}.demo-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--d-lime);color:#172016;font:800 15px var(--d-display);letter-spacing:-.08em}.demo-brand,.sidebar-brand{display:flex;align-items:center;gap:9px;color:#f7fbf5;font:800 23px var(--d-display);letter-spacing:-.08em}.demo-brand>span:last-child>span,.sidebar-brand>span:last-child>span,.login-mobile-brand b>span{color:var(--d-lime)}.demo-eyebrow,.panel-kicker{margin:0;color:#77847b;font:500 10px var(--d-mono);letter-spacing:.13em}.demo-eyebrow>i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--d-lime);box-shadow:0 0 0 4px #b9ec7e20}.login-screen{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(430px,.87fr);min-height:100vh;background:#f6f8f5}.login-visual{position:relative;display:flex;min-height:760px;flex-direction:column;overflow:hidden;padding:34px clamp(30px,6vw,95px) 25px;background:radial-gradient(ellipse at 72% 66%,#263c2c 0,transparent 42%),linear-gradient(135deg,#0c1210 2%,#141d19 59%,#101614 100%);color:#f6f8f2}.login-visual::before,.login-visual::after{position:absolute;content:'';pointer-events:none}.login-visual::before{inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(130deg,transparent 15%,#000 95%);opacity:.48}.login-visual::after{right:-12%;bottom:-25%;width:67%;height:70%;border:1px solid #b9ec7e18;border-radius:50%;box-shadow:0 0 0 45px #b9ec7e08,0 0 0 90px #b9ec7e05}.login-visual>*{position:relative;z-index:1}.visual-copy{max-width:560px;margin-top:clamp(55px,9vh,110px)}.visual-copy .demo-eyebrow{color:#a6b3a9}.visual-copy h1{margin:20px 0 17px;color:#f4f6ef;font:700 clamp(42px,5.3vw,72px)/1.02 var(--d-display);letter-spacing:-.078em}.visual-copy h1 em{color:#b7e887;font-style:normal}.visual-copy>p:last-child{max-width:420px;color:#a8b5aa;font-size:15px;line-height:1.75}.login-art{position:relative;width:min(100%,700px);height:310px;margin:auto auto 15px;perspective:1000px}.art-window{position:absolute;top:21px;left:7%;width:82%;height:276px;overflow:hidden;border:1px solid #ffffff25;border-radius:16px;background:#eef2ec;box-shadow:0 34px 90px #0007;transform:rotateY(-10deg) rotateX(2deg)}.art-window-top{display:flex;height:35px;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid #dfe5de;background:#fff}.art-window-top i{width:6px;height:6px;border-radius:50%;background:#bdc5ba}.art-window-top span{margin:auto;color:#778179;font:9px var(--d-mono);letter-spacing:.08em}.art-window-body{display:grid;height:calc(100% - 35px);grid-template-columns:40px 1fr}.art-side{display:flex;align-items:center;flex-direction:column;gap:15px;padding-top:17px;border-right:1px solid #e3e8e1;background:#fafbf8}.art-side b,.art-side i{width:13px;height:13px;border:1px solid #cbd5c9;border-radius:4px}.art-side b{background:#b9ec7e;border-color:#b9ec7e}.art-content{padding:18px 21px}.art-greeting{width:34%;height:12px;border-radius:5px;background:#28342b}.art-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.art-metrics i{height:49px;border:1px solid #e4e9e2;border-radius:8px;background:linear-gradient(140deg,#fff 30%,#edf5e8)}.art-chart{position:relative;display:flex;height:100px;align-items:flex-end;gap:6%;padding:0 10px 10px;border:1px solid #e4e9e2;border-radius:8px;background:repeating-linear-gradient(to bottom,#fff 0 24px,#edf0ec 25px 26px)}.art-chart i,.art-chart span{width:6%;border-radius:5px 5px 0 0;background:linear-gradient(#aadd75,#aadd7545)}.art-chart span:nth-child(1){height:26%}.art-chart span:nth-child(2){height:42%}.art-chart span:nth-child(3){height:35%}.art-chart span:nth-child(4){height:56%}.art-chart span:nth-child(5){height:48%}.art-chart span:nth-child(6){height:68%}.art-chart span:nth-child(7){height:59%}.art-chart span:nth-child(8){height:90%}.art-lower{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.art-lower i{height:26px;border-radius:5px;background:#fff;border:1px solid #e6eae4}.art-float{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #ffffff25;border-radius:10px;background:#19221d;color:#eaf1e6;box-shadow:0 10px 25px #0004;font-size:10px}.art-float b{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;background:var(--d-lime);color:#172016}.float-one{top:50px;right:0}.float-two{bottom:18px;left:0}.float-two b{background:#293c30;color:var(--d-lime);font-size:8px}.art-orbit{position:absolute;border:1px solid #b9ec7e25;border-radius:50%}.orbit-one{right:0;bottom:4px;width:220px;height:220px}.orbit-two{right:45px;bottom:49px;width:130px;height:130px}.login-visual-foot{display:flex;justify-content:space-between;color:#738077;font:9px var(--d-mono);letter-spacing:.1em}.login-panel{display:flex;min-height:760px;flex-direction:column;justify-content:space-between;padding:32px clamp(25px,5vw,80px) 23px}.back-link{align-self:flex-start;color:#738078;font-size:12px}.back-link:hover{color:#202a24}.back-link span{margin-left:5px}.login-card{width:min(100%,405px);margin:34px auto}.login-mobile-brand{display:none}.login-card>.demo-eyebrow{color:#718076}.login-card h2{margin:12px 0 8px;font:700 35px var(--d-display);letter-spacing:-.065em}.login-subtitle{margin:0 0 22px;color:#738078;font-size:13px}.demo-safety{display:flex;gap:11px;padding:13px 14px;border:1px solid #e4ebdf;border-radius:10px;background:#eff5eb}.safety-icon{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border-radius:8px;background:#dceecb;color:#496235}.demo-safety p{margin:0;color:#66745f;font-size:11px;line-height:1.55}.demo-safety b{color:#34412f;font-size:12px}.login-card form{display:grid;gap:9px;margin-top:21px}.login-card form label{margin-top:4px;color:#455149;font-size:11px;font-weight:700}.input-wrap{position:relative;display:flex;height:45px;align-items:center;padding:0 12px;border:1px solid #dfe5df;border-radius:8px;background:#fff;transition:border .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#97bf70;box-shadow:0 0 0 3px #b9ec7e35}.input-wrap>span{width:22px;color:#94a096}.input-wrap input{width:100%;border:0;outline:0;background:transparent;color:#1d2921;font-size:13px}.show-password{border:0;background:transparent;color:#809087;cursor:pointer}.enter-demo{display:flex;height:47px;align-items:center;justify-content:center;gap:10px;margin-top:8px;border:0;border-radius:8px;background:#17211a;color:#f7faef;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.enter-demo:hover{transform:translateY(-1px);background:#25342a}.enter-demo span{color:var(--d-lime)}.login-error{margin:0;color:#b5463b;font-size:11px}.credentials{display:grid;grid-template-columns:1fr auto;gap:11px;margin-top:20px;padding:14px;border:1px dashed #d8ded7;border-radius:9px}.credentials>span{grid-column:1/-1;color:#8a968d;font:9px var(--d-mono);letter-spacing:.13em}.credentials>div{display:flex;gap:18px}.credentials p{display:grid;gap:4px;margin:0;color:#879188;font-size:10px}.credentials b{color:#2b352e;font-size:12px}.credentials button{align-self:center;border:0;background:transparent;color:#56684c;font-size:10px;font-weight:700;cursor:pointer}.login-footnote{margin:17px 0 0;color:#89938b;font-size:10px}.login-footnote span{margin-right:4px}.login-panel-footer{display:flex;justify-content:space-between;color:#97a199;font:9px var(--d-mono);letter-spacing:.08em}.login-panel-footer a{color:#536448;font:600 10px var(--d-sans);letter-spacing:0}.workspace{display:grid;min-height:100vh;grid-template-columns:244px minmax(0,1fr);background:var(--d-bg)}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:20px 14px 13px;background:#111816;color:#f5f8f2}.sidebar-brand{padding:1px 6px 20px;border-bottom:1px solid #26302b}.sidebar-brand .demo-mark{width:31px;height:31px;border-radius:9px;font-size:13px}.workspace-switcher{display:flex;align-items:center;gap:9px;margin:16px 0 24px;padding:9px;border:1px solid #29332e;border-radius:9px;background:#18211c}.workspace-avatar,.account-avatar,.top-avatar{display:grid;place-items:center;border-radius:8px;background:#dcebd0;color:#385039;font-weight:800}.workspace-avatar{width:31px;height:31px;font:700 13px var(--d-display)}.workspace-switcher>span:nth-child(2),.sidebar-account>span:nth-child(2){display:grid;gap:3px}.workspace-switcher b,.sidebar-account b{color:#ecf0e9;font-size:11px}.workspace-switcher small,.sidebar-account small{color:#8d9a8e;font-size:9px}.switch-chevron{margin-left:auto;color:#859287}.nav-label{padding:0 11px;color:#6f7d72;font:9px var(--d-mono);letter-spacing:.13em}.demo-nav{display:grid;gap:4px}.demo-nav-item{position:relative;display:flex;height:40px;align-items:center;gap:11px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#aab5ab;text-align:left;font-size:11px;cursor:pointer;transition:background .18s,color .18s}.demo-nav-item>span{width:17px;color:#95a391;font-size:15px;text-align:center}.demo-nav-item:hover{background:#1c2720;color:#f2f6ed}.demo-nav-item.active{background:#27342a;color:#e4f0d6;font-weight:700}.demo-nav-item.active>span{color:var(--d-lime)}.nav-tag{margin-left:auto;padding:3px 5px;border:1px solid #4b6341;border-radius:4px;color:#c6eb9a;font:8px var(--d-mono)}.nav-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#aee675;box-shadow:0 0 0 3px #aee6751c}.sidebar-bottom{margin-top:auto}.sidebar-help{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:12px 9px;border:1px solid #2e3a31;border-radius:9px;background:linear-gradient(115deg,#1a271c,#1b241f)}.sidebar-help>span{color:var(--d-lime);font-size:18px}.sidebar-help>div{display:grid;gap:4px}.sidebar-help b{font-size:10px}.sidebar-help small{color:#95a094;font-size:9px}.sidebar-help button{margin-left:auto;border:0;background:transparent;color:#c5e59e;cursor:pointer}.sidebar-account{display:flex;width:100%;align-items:center;gap:9px;padding:11px 7px;border:0;border-top:1px solid #29312c;background:transparent;text-align:left;cursor:pointer}.account-avatar{width:29px;height:29px;border-radius:50%;background:#e7d8cb;color:#735744;font-size:11px}.logout-icon{margin-left:auto;color:#879288;font-size:15px}.workspace-main{min-width:0}.workspace-topbar{position:sticky;z-index:4;top:0;display:flex;height:60px;align-items:center;justify-content:space-between;padding:0 clamp(20px,3.1vw,48px);border-bottom:1px solid #e5e9e4;background:#ffffffeb;backdrop-filter:blur(16px)}.crumb{display:flex;align-items:center;gap:10px;color:#849087;font-size:11px}.crumb i{color:#c6cdc5;font-style:normal}.crumb b{color:#29332c;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:15px}.demo-live{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #dce8d3;border-radius:6px;background:#f2f7ee;color:#5e764e;font:9px var(--d-mono);letter-spacing:.06em}.demo-live i,.schedule-status i{width:6px;height:6px;border-radius:50%;background:#75bc55;box-shadow:0 0 0 3px #75bc5523}.topbar-icon{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#6e7a70;font-size:20px;cursor:pointer}.topbar-icon:hover{background:#f0f3ee}.view-site{color:#657266;font-size:10px}.view-site span{margin-left:3px}.top-avatar{width:28px;height:28px;border-radius:50%;background:#e7d8cb;color:#735744;font-size:10px}.mobile-menu{display:none}.demo-banner{display:flex;align-items:center;gap:10px;margin:19px clamp(20px,3.1vw,48px) 0;padding:11px 14px;border:1px solid #e1ebd9;border-radius:9px;background:#f1f6ed;color:#64735d}.demo-banner>span{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border-radius:7px;background:#e1efcf;color:#647c4d}.demo-banner p{flex:1;margin:0;font-size:10px;line-height:1.55}.demo-banner p b{color:#3c4c37}.demo-banner button{border:0;background:transparent;color:#64784e;font-size:9px;font-weight:700;cursor:pointer}.view-container{padding:26px clamp(20px,3.1vw,48px) 0}.view-screen{display:none;animation:viewIn .28s ease both}.view-screen.active{display:block}@keyframes viewIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:22px}.page-heading h1{margin:9px 0 5px;color:#202b24;font:700 clamp(26px,3vw,35px) var(--d-display);letter-spacing:-.065em}.page-heading>div>p:last-child{margin:0;color:#828d84;font-size:11px}.page-heading .demo-eyebrow{font-size:9px}.wave{display:inline-block;color:#8dbf61;font-size:.65em;vertical-align:top}.primary-demo-button{display:inline-flex;min-height:38px;align-items:center;gap:8px;padding:0 13px;border:0;border-radius:7px;background:#18221b;color:#f4f7ed;font-size:10px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.primary-demo-button:hover{transform:translateY(-1px);background:#2a392c}.compact-heading{margin-bottom:19px}.read-only-pill{padding:7px 9px;border:1px solid #dfe8d8;border-radius:6px;background:#f3f7ef;color:#6c805c;font:9px var(--d-mono);letter-spacing:.05em}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card,.panel{border:1px solid var(--d-line);border-radius:11px;background:#fff;box-shadow:var(--d-shadow)}.metric-card{position:relative;min-height:140px;overflow:hidden;padding:15px 16px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#78847a;font-size:10px}.metric-icon{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;font-size:14px}.metric-icon.mint{background:#edf6e8;color:#638448}.metric-icon.lilac{background:#f1edfb;color:#806ab8}.metric-icon.blue{background:#e9f2fc;color:#5983af}.metric-icon.amber{background:#fbf1e4;color:#b48345}.metric-card>strong{display:block;margin:10px 0 4px;color:#263229;font:700 27px var(--d-display);letter-spacing:-.06em}.metric-card>strong.metric-date{font-size:20px}.metric-card>strong small{color:#88938a;font:500 11px var(--d-sans);letter-spacing:0}.metric-card>small{color:#8c968e;font-size:9px}.trend-up,.activity-status{color:#5c9447;font-style:normal;font-weight:700}.metric-progress{height:4px;margin-top:13px;overflow:hidden;border-radius:5px;background:#edf1eb}.metric-progress span{display:block;height:100%;border-radius:5px;background:#95cd68}.status-check{color:#79b65a;font-size:8px}.sparkline{position:absolute;right:15px;bottom:9px;display:flex;height:26px;align-items:flex-end;gap:3px;opacity:.7}.sparkline i{width:4px;border-radius:3px 3px 0 0;background:#a9d982}.sparkline i:nth-child(1){height:28%}.sparkline i:nth-child(2){height:43%}.sparkline i:nth-child(3){height:36%}.sparkline i:nth-child(4){height:56%}.sparkline i:nth-child(5){height:49%}.sparkline i:nth-child(6){height:65%}.sparkline i:nth-child(7){height:54%}.sparkline i:nth-child(8){height:77%}.sparkline i:nth-child(9){height:68%}.sparkline i:nth-child(10){height:89%}.sparkline i:nth-child(11){height:72%}.sparkline i:nth-child(12){height:100%}.spark-purple i{background:#c2b2e5}.ssl-mini-bars{display:flex;gap:4px;margin-top:12px}.ssl-mini-bars i{height:4px;flex:1;border-radius:5px;background:#92c96e}.overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.9fr);gap:13px;margin-top:14px}.panel{padding:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2,.backup-status h2,.backup-section-head h2,.ssl-domain-head h2{margin:5px 0 0;color:#253128;font:700 16px var(--d-display);letter-spacing:-.04em}.panel-heading .panel-kicker,.panel-kicker{font-size:8px}.select-chip{padding:7px 9px;border:1px solid #e4e9e3;border-radius:6px;background:#fff;color:#6f7c71;font-size:9px;cursor:pointer}.chart-total{display:flex;align-items:baseline;gap:9px;margin:17px 0 5px}.chart-total b{color:#26332a;font:700 27px var(--d-display);letter-spacing:-.06em}.chart-total span{color:#89948b;font-size:9px}.chart-total i{color:#638d4f;font-style:normal;font-weight:700}.chart-area{position:relative;height:189px;padding:8px 0 21px 28px}.chart-area svg{width:100%;height:150px;overflow:visible}.chart-area svg path{fill:none;stroke:#87ba60;stroke-width:3;vector-effect:non-scaling-stroke}.chart-area svg .chart-fill{fill:url(#chartFill);stroke:none}.chart-y{position:absolute;top:6px;bottom:28px;left:0;display:flex;flex-direction:column;justify-content:space-between;color:#a3aca4;font:8px var(--d-mono)}.chart-x{position:absolute;right:0;bottom:0;left:28px;display:flex;justify-content:space-between;color:#a3aca4;font:8px var(--d-mono)}.activity-list{margin-top:13px}.activity-list>div{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #eff1ee}.activity-icon{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border-radius:8px;font-size:13px;font-style:normal}.act-page{background:#eef5e9;color:#698b4d}.act-backup{background:#f1edfa;color:#7965a8}.act-ssl{background:#fbf1e4;color:#b48243}.act-media{background:#eaf2fa;color:#5b82a6}.activity-list p{display:grid;flex:1;gap:4px;margin:0}.activity-list p b{color:#374239;font-size:9px}.activity-list p small{color:#909a92;font-size:8px}.activity-status{font:8px var(--d-mono)}.more-button{border:0;background:transparent;color:#8d978f;letter-spacing:2px;cursor:pointer}.panel-link{display:flex;width:100%;justify-content:space-between;margin-top:12px;padding:0;border:0;background:transparent;color:#607651;text-align:left;font-size:9px;font-weight:700;cursor:pointer}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:13px;margin-top:13px}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.quick-links button{display:flex;min-width:0;align-items:center;gap:8px;padding:10px 9px;border:1px solid #edf0eb;border-radius:8px;background:#fcfdfb;text-align:left;cursor:pointer;transition:border .18s,transform .18s}.quick-links button:hover{transform:translateY(-2px);border-color:#d5e4cd}.quick-icon{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border-radius:8px;font-style:normal}.q-builder{background:#edf5e7;color:#668547}.q-files{background:#f0edfa;color:#7e6ab1}.q-backup{background:#eaf1fa;color:#5d80ad}.q-ssl{background:#fbf1e4;color:#b6844a}.quick-links button>span{display:grid;min-width:0;gap:3px}.quick-links button>span b{overflow:hidden;color:#39443b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.quick-links button>span small{overflow:hidden;color:#8d978f;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.quick-arrow{margin-left:auto;color:#84937d;font-size:11px}.storage-percent{color:#5f814b;font:500 11px var(--d-mono)}.storage-count{display:flex;align-items:baseline;gap:6px;margin:13px 0 9px}.storage-count b{color:#314035;font:700 20px var(--d-display);letter-spacing:-.05em}.storage-count span{color:#89948b;font-size:9px}.storage-track{height:8px;overflow:hidden;border-radius:8px;background:#edf1eb}.storage-track i{display:block;width:74%;height:100%;border-radius:8px;background:linear-gradient(90deg,#8bc45e,#c2e98e)}.storage-legend{display:grid;gap:8px;margin-top:13px}.storage-legend span{display:flex;align-items:center;color:#78847b;font-size:8px}.storage-legend span b{margin-left:auto;color:#4f5c51;font-weight:600}.storage-legend i{width:7px;height:7px;margin-right:7px;border-radius:2px}.legend-media{background:#8fc65e}.legend-backups{background:#c3b2e5}.legend-other{background:#bad4e9}.builder-toolbar{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;padding:5px 9px;border:1px solid #e4e9e3;border-radius:9px;background:#fff}.builder-page-name{display:flex;align-items:center;gap:8px;color:#77847a;font-size:9px}.builder-page-name>span{color:#758b66;font-size:13px}.builder-page-name b{color:#475348}.builder-page-name i{color:#d1d7d0;font-style:normal}.builder-page-name small{color:#9aa49c;font-size:8px}.builder-toolbar-center{display:flex;gap:3px;padding:3px;border:1px solid #eef0ed;border-radius:7px;background:#f8f9f7}.device-button{display:grid;width:30px;height:27px;place-items:center;border:0;border-radius:5px;background:transparent;color:#828e84;font-size:14px;cursor:pointer}.device-button.active{background:#e7f0df;color:#536f41}.builder-toolbar-end{display:flex;gap:6px}.builder-toolbar-end button{padding:7px 9px;border:1px solid #e4e9e3;border-radius:6px;background:#fff;color:#68756b;font-size:8px;cursor:pointer}.builder-toolbar-end .builder-publish{border-color:#1c2820;background:#1c2820;color:#f6f8f4}.builder-workspace{display:grid;min-height:565px;grid-template-columns:minmax(165px,205px) minmax(300px,1fr) minmax(170px,205px);gap:10px}.builder-left,.builder-inspector{padding:13px 10px}.builder-tabs{display:flex;gap:13px;margin-bottom:17px;border-bottom:1px solid #edf0eb}.builder-tabs button{padding:0 0 9px;border:0;border-bottom:2px solid transparent;background:transparent;color:#88938b;font-size:9px;cursor:pointer}.builder-tabs button.active{border-bottom-color:#8fbd69;color:#4b6040;font-weight:700}.builder-left-content>.panel-kicker{margin-bottom:9px}.layer-item{display:flex;width:100%;height:31px;align-items:center;gap:6px;padding:0 6px;border:0;border-radius:5px;background:transparent;color:#5f6b61;text-align:left;font-size:9px;cursor:pointer}.layer-item:hover,.layer-item.selected{background:#eff5e9;color:#516e3f}.layer-item>span{width:9px;color:#9ca79d;font-size:10px}.layer-item.child{padding-left:19px;color:#859087}.add-block-button{width:100%;margin-top:18px;padding:8px;border:1px dashed #dce4d8;border-radius:6px;background:#fbfcfa;color:#687e58;font-size:9px;cursor:pointer}.builder-canvas-wrap{min-width:0;padding:10px;border:1px solid #e1e6e0;border-radius:10px;background:#e9ede8}.canvas-label{display:flex;justify-content:space-between;margin:0 1px 9px;color:#839087;font:8px var(--d-mono);letter-spacing:.08em}.canvas-label>span:last-child{letter-spacing:0}.builder-canvas{width:100%;min-height:518px;overflow:auto;border:1px solid #dde4dc;border-radius:7px;background:#fff;box-shadow:0 5px 18px #2135210a;transition:max-width .3s; margin:0 auto}.builder-canvas.device-tablet{max-width:690px}.builder-canvas.device-mobile{max-width:390px}.sample-site{min-height:100%;padding:0 7%;color:#252c27;font-family:var(--d-display)}.sample-site-nav{display:flex;min-height:55px;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0eb;color:#68736b;font-size:8px}.sample-site-nav>b{color:#29342b;font-size:9px;letter-spacing:.08em}.sample-site-nav nav{display:flex;gap:15px}.sample-site-nav button,.sample-site-hero>button{border:0;border-radius:5px;background:#1b2920;color:#fff;font-size:8px;cursor:pointer}.sample-site-nav button{padding:7px 9px}.sample-site-hero{padding:29px 5% 0}.sample-kicker{color:#89958a;font:8px var(--d-mono);letter-spacing:.12em}.sample-site-hero h2{margin:10px 0;color:#232c25;font:700 clamp(27px,3vw,42px)/1.02 var(--d-display);letter-spacing:-.07em}.sample-site-hero h2 em{color:#788a6e;font-style:normal}.sample-site-hero>p{max-width:340px;color:#7d887f;font-size:9px;line-height:1.7}.sample-site-hero>button{margin:7px 0 19px;padding:8px 10px}.sample-site-image{position:relative;display:flex;height:184px;align-items:flex-end;overflow:hidden;padding:12px;border-radius:5px;background:linear-gradient(135deg,#ece6d6,#d8d3c0 55%,#eee9d6)}.sample-site-image>span{z-index:2;color:#7c7666;font:7px var(--d-mono);letter-spacing:.1em}.sample-sun{position:absolute;top:17px;right:18%;width:43px;height:43px;border-radius:50%;background:#f5e8ac;box-shadow:0 0 33px #ffefba88}.sample-shape{position:absolute;bottom:-78px;width:155px;height:176px;border-radius:75% 75% 0 0;background:linear-gradient(145deg,#747763,#4c5046)}.sample-shape-a{left:23%;transform:rotate(-18deg)}.sample-shape-b{left:46%;height:203px;background:linear-gradient(145deg,#999b83,#666b59);transform:rotate(13deg)}.sample-site-caption{display:flex;justify-content:space-between;padding:9px 0;color:#8c968d;font:7px var(--d-mono)}.sample-site footer{display:flex;justify-content:space-between;margin-top:20px;padding:12px 0;border-top:1px solid #edf0eb;color:#9aa29b;font:7px var(--d-mono)}[data-select]{cursor:pointer;transition:outline .15s}[data-select]:hover{outline:1px dashed #91bd6a;outline-offset:2px}.builder-inspector{min-width:0}.inspector-head{display:flex;align-items:center;justify-content:space-between}.inspector-head button{border:0;background:transparent;color:#8d978e;letter-spacing:2px;cursor:pointer}.selected-block{display:flex;align-items:center;gap:8px;margin:15px 0;padding:9px;border:1px solid #e9eee6;border-radius:7px;background:#fbfcfa}.selected-block-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:7px;background:#edf5e7;color:#637e4f}.selected-block>span:last-child{display:grid;gap:3px}.selected-block small{color:#9ba49c;font:7px var(--d-mono)}.selected-block b{color:#38453a;font-size:9px}.inspector-group{padding:10px 0;border-bottom:1px solid #eff1ee}.inspector-group p{margin:0 0 8px;color:#6e7b70;font-size:9px;font-weight:700}.readonly-control{display:flex;justify-content:space-between;padding:8px;border:1px solid #e8ece7;border-radius:5px;color:#727e74;font-size:8px}.readonly-control span{color:#99a39a}.readonly-slider{position:relative;height:4px;margin:14px 2px 10px;border-radius:5px;background:#e9eee5}.readonly-slider i{position:absolute;top:-4px;left:62%;width:12px;height:12px;border:2px solid white;border-radius:50%;background:#86b55e;box-shadow:0 0 0 1px #a9c795}.inspector-group>small{color:#929b93;font-size:7px}.inspector-group>small b{float:right;color:#687669}.inspector-swatches{display:flex;gap:7px}.inspector-swatches i{width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:#b9ec7e;box-shadow:0 0 0 1px #dce3d9}.inspector-swatches i:nth-child(2){background:#26352c}.inspector-swatches i:nth-child(3){background:#d9cfc0}.inspector-swatches i:nth-child(4){background:#e9eae5}.locked-note{margin-top:14px;padding:9px;border-radius:6px;background:#f4f6f2;color:#859087;font-size:8px}.files-summary{display:flex;align-items:center;gap:24px;margin-bottom:13px;padding:12px 15px;border:1px solid var(--d-line);border-radius:9px;background:#fff}.files-summary>div{display:flex;align-items:center;gap:9px}.files-summary>div>span:last-child{display:grid;gap:3px}.files-summary b{color:#3a473d;font-size:10px}.files-summary small{color:#8d978e;font-size:8px}.files-summary>button{margin-left:auto;padding:8px 10px;border:1px solid #e6ebe4;border-radius:6px;background:#fff;color:#687762;font-size:9px;cursor:pointer}.file-panel{padding:0}.file-toolbar{display:flex;min-height:55px;align-items:center;gap:14px;padding:0 15px;border-bottom:1px solid #edf0ec}.file-breadcrumb{display:flex;align-items:center;gap:7px;color:#a1aaa2;font-size:9px}.file-breadcrumb button{padding:0;border:0;background:transparent;color:#6c7b68;font-size:9px;cursor:pointer}.file-breadcrumb b{color:#414c43;font-size:9px}.file-search{display:flex;width:min(230px,35%);height:30px;align-items:center;gap:7px;margin-left:auto;padding:0 8px;border:1px solid #e9ede8;border-radius:6px;color:#99a39b}.file-search input{width:100%;border:0;outline:0;color:#475248;font-size:9px}.view-toggle{width:30px;height:29px;border:1px solid #e9ede8;border-radius:6px;background:#fff;color:#758276;cursor:pointer}.file-table-wrap{overflow:auto}.file-table{width:100%;border-collapse:collapse;white-space:nowrap}.file-table th{height:35px;background:#fafbf9;color:#97a097;text-align:left;font:8px var(--d-mono);letter-spacing:.04em}.file-table th,.file-table td{padding:0 12px;border-bottom:1px solid #f0f2ef}.file-table th:first-child,.file-table td:first-child{width:34px;padding-right:0}.file-table td{height:47px;color:#7d897f;font-size:9px}.file-table td:nth-child(2){min-width:230px}.file-table td:nth-child(2) button{display:flex;align-items:center;gap:9px;padding:0;border:0;background:transparent;color:#36443a;text-align:left;font-size:9px;cursor:pointer}.file-kind{display:grid;width:27px;height:27px;place-items:center;border-radius:7px;background:#eff5e9;color:#66854e;font-size:12px}.file-kind.image{background:#f3eefb;color:#856bb7}.file-kind.pdf{background:#fbeeee;color:#bf7068}.file-kind.folder{background:#fbf3e5;color:#b78c52}.file-more{border:0;background:transparent;color:#98a198;cursor:pointer}.file-empty{padding:25px!important;color:#8b958d!important;text-align:center}.file-panel-foot{display:flex;justify-content:space-between;padding:11px 14px;color:#9aa39b;font-size:8px}.file-panel-foot span:last-child{font:8px var(--d-mono);letter-spacing:.06em}.backup-status{display:grid;grid-template-columns:1fr auto;gap:17px;padding:19px}.backup-status-main{display:flex;align-items:center;gap:13px}.backup-shield{display:grid;width:45px;height:45px;place-items:center;border-radius:12px;background:#ecf6e5;color:#5e8748;font-size:22px}.backup-status h2{font-size:16px}.backup-status-main>div>p:last-child{margin:6px 0 0;color:#89948c;font-size:9px}.status-badge-good{align-self:center;padding:7px 9px;border:1px solid #dce9d3;border-radius:6px;background:#f4f8f0;color:#62824f;font:8px var(--d-mono);letter-spacing:.05em}.backup-meter{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px;color:#859086;font-size:9px}.backup-meter>b{color:#556255}.backup-meter small{color:#98a199;font-weight:400}.backup-meter>div{grid-column:1/-1;height:5px;border-radius:5px;background:#edf1eb}.backup-meter>div>i{display:block;width:42%;height:100%;border-radius:5px;background:#9bc96e}.backup-section-head,.ssl-domain-head{display:flex;align-items:flex-end;justify-content:space-between;margin:22px 0 11px}.backup-section-head h2,.ssl-domain-head h2{font-size:16px}.backup-list{padding:0 15px}.backup-row{display:grid;grid-template-columns:31px minmax(170px,1fr) 70px 92px auto;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #eff1ee}.backup-row:last-child{border-bottom:0}.backup-file-icon{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;background:#f1edfa;color:#806bb2}.backup-info{display:grid;gap:4px}.backup-info b{color:#424e44;font-size:9px}.backup-info small{color:#97a098;font-size:8px}.backup-size{color:#819084;font-size:8px}.backup-ok{color:#6f9b59;font:8px var(--d-mono)}.backup-row>button,.schedule-card>button,.ssl-domain-head>button{padding:7px 9px;border:1px solid #e7ebe5;border-radius:6px;background:#fff;color:#667660;font-size:8px;cursor:pointer}.schedule-card{display:flex;align-items:center;gap:12px;margin-top:12px}.schedule-card>div{flex:1}.schedule-card h2{margin:5px 0;color:#3a473d;font:700 12px var(--d-display)}.schedule-card p:last-child{margin:0;color:#919b92;font-size:8px}.schedule-status{display:flex;align-items:center;gap:7px;color:#73876b;font-size:8px}.ssl-hero{position:relative;display:flex;align-items:center;gap:16px;overflow:hidden;padding:21px;background:radial-gradient(ellipse at 90% 0,#f2f9ed,transparent 50%),#fff}.ssl-hero-orb{display:grid;width:60px;height:60px;flex:0 0 auto;place-items:center;border:1px solid #dcebd2;border-radius:18px;background:linear-gradient(145deg,#f2f8ec,#e5f1dc);color:#6d9754;font-size:30px;box-shadow:inset 0 0 20px #fff}.ssl-hero-copy{flex:1}.ssl-hero-copy h2{margin:6px 0;color:#2c3a2e;font:700 17px var(--d-display);letter-spacing:-.04em}.ssl-hero-copy>p:last-of-type{margin:0;color:#8a958b;font-size:9px}.ssl-hero-tags{display:flex;gap:8px;margin-top:12px}.ssl-hero-tags span{padding:5px 7px;border:1px solid #e5ede1;border-radius:5px;background:#f8faf6;color:#6c835e;font-size:8px}.ssl-countdown{display:grid;gap:5px;min-width:145px;padding:10px 13px;border-left:1px solid #e9eee5}.ssl-countdown>span{color:#909b91;font:8px var(--d-mono);letter-spacing:.06em}.ssl-countdown>b{color:#526d42;font:700 27px var(--d-display);letter-spacing:-.06em}.ssl-countdown>b small{margin-left:5px;color:#8d9b87;font:500 9px var(--d-sans);letter-spacing:0}.ssl-countdown>small{color:#879388;font-size:8px}.ssl-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:12px}.ssl-summary-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--d-line);border-radius:9px;background:#fff}.ssl-summary-icon{display:grid;width:31px;height:31px;place-items:center;border-radius:8px;font-size:14px}.ssl-summary-icon.good{background:#eef6e9;color:#69924f}.ssl-summary-icon.renew{background:#eff3e8;color:#809452}.ssl-summary-icon.expiring{background:#fbf2e6;color:#ba8a4d}.ssl-summary-card>span:last-child{display:grid;gap:4px}.ssl-summary-card small{color:#99a299;font:8px var(--d-mono)}.ssl-summary-card b{color:#425044;font-size:10px}.ssl-domain-head{margin-top:24px}.ssl-domain-head>button{font-size:9px}.ssl-domain-list{padding:0 14px}.domain-row{display:grid;grid-template-columns:31px minmax(190px,1fr) 85px 80px auto;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #eff1ee}.domain-row:last-child{border-bottom:0}.domain-lock{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#eef6e8;color:#6e9453}.domain-main{display:grid;gap:4px}.domain-main b{color:#354238;font-size:9px}.domain-main small,.domain-expiry small{color:#969f97;font-size:8px}.domain-expiry{display:grid;gap:4px}.domain-expiry small{font:7px var(--d-mono);letter-spacing:.04em}.domain-expiry b{color:#5e6c60;font-size:8px}.domain-status{font:8px var(--d-mono)}.domain-status.secure{color:#6a9650}.domain-row>button{padding:6px 8px;border:1px solid #e6ebe4;border-radius:5px;background:#fff;color:#72816c;font-size:8px;cursor:pointer}.ssl-demo-note{margin:11px 0;color:#9aa49b;font-size:8px}.workspace-footer{display:flex;justify-content:space-between;margin:23px clamp(20px,3.1vw,48px) 0;padding:13px 0 17px;border-top:1px solid #e4e9e3;color:#9aa49b;font:8px var(--d-mono);letter-spacing:.08em}.workspace-footer i{padding:0 4px;color:#c0c8c0;font-style:normal}.workspace-footer button{padding:0;border:0;background:transparent;color:#69805c;font:inherit;letter-spacing:0;cursor:pointer}.demo-toast{position:fixed;z-index:20;right:22px;bottom:22px;display:flex;max-width:min(400px,calc(100vw - 32px));align-items:center;gap:10px;padding:12px 13px;border:1px solid #35473a;border-radius:10px;background:#17221a;color:#eef4e9;box-shadow:0 16px 50px #0b171555;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s,transform .2s}.demo-toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}.demo-toast>span{color:var(--d-lime);font-size:15px}.demo-toast p{flex:1;margin:0;font-size:10px;line-height:1.5}.demo-toast button{border:0;background:transparent;color:#96a393;font-size:17px;cursor:pointer}
.demo-nav-link{color:#526a47!important;font-weight:700}.demo-nav-link span{margin-left:3px;color:#779c5d}.demo-hero-link{display:inline-flex;align-items:center;gap:7px;color:#536b48;font-size:.72rem;font-weight:700;text-decoration:none}.demo-hero-link:hover{color:#2f442d}.demo-hero-link span{font-size:1rem}
@media(max-width:1100px){.workspace{grid-template-columns:215px minmax(0,1fr)}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-workspace{grid-template-columns:minmax(145px,175px) minmax(270px,1fr)}.builder-inspector{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.inspector-head,.selected-block{margin:0}.inspector-head{display:grid;align-content:center}.inspector-group{padding:5px 0}.locked-note{align-self:center;margin:0}.backup-row{grid-template-columns:31px minmax(150px,1fr) 56px 82px auto}.login-screen{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)}}
@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-visual{min-height:360px;padding:23px 23px 17px}.visual-copy{margin-top:40px}.visual-copy h1{font-size:45px}.visual-copy>p:last-child{max-width:520px;font-size:13px}.login-art{position:absolute;right:10px;bottom:5px;width:48%;height:165px;margin:0;opacity:.62}.art-window{top:10px;height:150px}.art-window-top{height:22px}.art-window-body{height:calc(100% - 22px)}.art-content{padding:9px}.art-metrics{margin:7px 0}.art-metrics i{height:23px}.art-chart{height:48px}.art-lower{display:none}.art-float,.art-orbit{display:none}.login-visual-foot{font-size:7px}.login-panel{min-height:auto;padding:20px 23px 17px}.login-panel>.back-link{display:none}.login-card{margin:12px auto 28px}.login-mobile-brand{display:flex;align-items:center;gap:8px;margin-bottom:22px;color:#1a251d;font:800 20px var(--d-display);letter-spacing:-.08em}.login-mobile-brand .demo-mark{width:29px;height:29px;font-size:13px}.login-panel-footer{padding-top:13px;border-top:1px solid #e5eae3;font-size:7px}.workspace{grid-template-columns:1fr}.sidebar{position:fixed;z-index:10;top:0;bottom:0;left:0;width:244px;height:100dvh;box-shadow:18px 0 50px #0e18112b;transform:translateX(-105%);transition:transform .25s}.sidebar.open{transform:translateX(0)}.workspace-topbar{height:54px;padding:0 15px}.mobile-menu{display:grid;width:30px;height:30px;place-items:center;margin-right:9px;border:0;border-radius:6px;background:#f3f6f0;color:#596e50;cursor:pointer}.crumb{flex:1;font-size:9px}.topbar-actions{gap:8px}.topbar-icon,.view-site{display:none}.demo-live{padding:5px 6px;font-size:8px}.top-avatar{width:25px;height:25px}.demo-banner{align-items:flex-start;margin:12px 13px 0;padding:9px}.demo-banner p{font-size:9px}.demo-banner button{max-width:54px;padding:2px;font-size:8px}.view-container{padding:19px 13px 0}.page-heading{align-items:flex-start}.page-heading h1{font-size:27px}.page-heading>div>p:last-child{max-width:340px;font-size:10px;line-height:1.55}.primary-demo-button{min-height:34px;padding:0 9px;font-size:9px}.metrics-grid{gap:8px}.metric-card{min-height:128px;padding:12px}.metric-top{font-size:9px}.metric-icon{width:26px;height:26px}.metric-card>strong{font-size:24px}.overview-grid,.bottom-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.panel{padding:14px}.chart-area{height:175px}.activity-list>div{gap:8px}.activity-status{font-size:7px}.quick-links{gap:6px}.builder-toolbar{flex-wrap:wrap}.builder-page-name{flex:1}.builder-page-name small{display:none}.builder-toolbar-center{order:3;width:100%;justify-content:center}.builder-toolbar-end{margin-left:auto}.builder-workspace{grid-template-columns:minmax(0,1fr);min-height:auto}.builder-left{order:2}.builder-canvas-wrap{order:1}.builder-inspector{order:3;grid-column:auto;grid-template-columns:1fr 1fr}.builder-inspector>.inspector-head{grid-column:1/-1}.builder-inspector>.selected-block{grid-column:1/-1}.builder-canvas{min-height:460px}.sample-site-nav nav{gap:8px}.sample-site-nav{min-height:45px}.sample-site-hero{padding-top:23px}.sample-site-image{height:150px}.files-summary{gap:12px;padding:10px}.files-summary>div{gap:6px}.files-summary>div>span:last-child small{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-toolbar{flex-wrap:wrap;padding:10px}.file-breadcrumb{flex:1}.file-search{order:3;width:100%;max-width:none}.file-table td:nth-child(2){min-width:190px}.backup-row{grid-template-columns:30px minmax(0,1fr) auto;gap:8px}.backup-size,.backup-ok{display:none}.backup-row>button{grid-column:2/-1;justify-self:start}.backup-status{grid-template-columns:1fr;gap:11px}.status-badge-good{justify-self:start}.backup-meter{grid-column:auto}.schedule-card{flex-wrap:wrap}.schedule-card>div{width:100%;flex-basis:calc(100% - 120px)}.ssl-hero{align-items:flex-start;flex-wrap:wrap;padding:15px}.ssl-hero-orb{width:43px;height:43px;border-radius:13px;font-size:24px}.ssl-hero-copy{min-width:calc(100% - 62px)}.ssl-hero-copy h2{font-size:14px}.ssl-countdown{width:100%;grid-template-columns:1fr auto;align-items:center;border-top:1px solid #e9eee5;border-left:0;padding:10px 0 0}.ssl-countdown>b{grid-row:span 2}.ssl-countdown>small{text-align:right}.ssl-summary-grid{gap:6px}.ssl-summary-card{gap:6px;padding:8px}.ssl-summary-icon{width:25px;height:25px}.ssl-summary-card small{font-size:7px}.ssl-summary-card b{font-size:8px}.ssl-domain-list{padding:0 10px}.domain-row{grid-template-columns:28px minmax(0,1fr) auto;gap:7px;padding:11px 0}.domain-expiry{display:none}.domain-status{justify-self:end;font-size:7px}.domain-row>button{grid-column:2/-1;justify-self:start}.ssl-domain-head{align-items:center}.ssl-domain-head h2{font-size:14px}.ssl-domain-head>button{padding:6px;font-size:8px}.workspace-footer{margin:18px 13px 0;font-size:7px}.demo-toast{right:12px;bottom:12px}}
@media(max-width:430px){.login-visual{min-height:325px}.visual-copy{margin-top:34px}.visual-copy h1{font-size:38px}.visual-copy>p:last-child{max-width:300px;font-size:11px}.login-art{right:-28px;width:53%;opacity:.4}.login-visual-foot{gap:8px;font-size:6px}.login-panel{padding-inline:17px}.login-card h2{font-size:30px}.page-heading{flex-direction:column}.page-heading>.primary-demo-button,.page-heading>.read-only-pill{align-self:flex-start}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:119px}.metric-card>strong.metric-date{font-size:17px}.builder-page-name{font-size:8px}.builder-toolbar-end button{padding:7px}.builder-canvas-wrap{padding:6px}.builder-canvas{min-height:425px}.sample-site{padding:0 5%}.sample-site-nav nav{gap:6px}.sample-site-nav nav span{font-size:7px}.sample-site-nav button{padding:6px}.sample-site-hero h2{font-size:29px}.sample-site-image{height:128px}.builder-inspector{grid-template-columns:1fr 1fr}.files-summary{flex-wrap:wrap}.files-summary>button{margin-left:auto}.backup-section-head h2{font-size:14px}.ssl-summary-card{align-items:flex-start;flex-direction:column}.ssl-summary-card>span:last-child{gap:3px}.workspace-footer>span:last-child{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.demo-selected{outline:2px solid #91c96c!important;outline-offset:3px;cursor:pointer}.demo-block-card{display:grid;gap:6px;margin:10px 0;padding:13px;border:1px solid var(--d-line);border-radius:8px;background:#fbfcfa;color:#344139;font-size:11px}.demo-block-card small{color:var(--d-muted);font-size:9px}