.dashboard-preview{padding-block:24px 75px}.dashboard-preview-intro{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.dashboard-preview-intro h2{letter-spacing:-.045em;margin-top:12px;font-size:clamp(29px,3.1vw,40px);font-weight:500;line-height:1.15}.dashboard-preview-description{max-width:330px;color:var(--muted);text-wrap:pretty;font-size:13px;line-height:1.8}.dashboard-preview-toolbar{justify-content:space-between;align-items:center;margin-top:25px;display:flex}.dashboard-preview-badge{color:#4c5666;align-items:center;gap:8px;min-height:40px;font-size:11px;display:inline-flex}.device-scene{perspective:1800px;perspective-origin:50% 80%;width:min(100%,880px,100svh);margin-inline:auto;padding:28px 0 44px}.device{pointer-events:none;-webkit-user-select:none;user-select:none;isolation:isolate;width:100%;position:relative}.device-hardware{transform-origin:50% 100%;position:relative}.device-shadow{pointer-events:none;z-index:-1;position:absolute;left:50%;transform:translate(-50%)}.device-shadow-ambient{background:radial-gradient(#141b2b30 0%,#141b2b14 34%,#141b2b05 56%,#0000 72%);width:98%;height:80px;bottom:-43px}.device-shadow-contact{background:radial-gradient(#0c111a4f 0%,#0c111a2b 35%,#0000 72%);width:90%;height:27px;bottom:-15px}.device-lid{transform-origin:50% 100%;background:linear-gradient(110deg,#333438,#101113 35%,#242528 85%,#3f4044);border:2px solid #929398;border-radius:23px 23px 10px 10px;width:96%;margin:0 auto;padding:.62% .62% .82%;position:relative;transform:rotateX(-7deg);box-shadow:inset 0 0 0 1px #050608,inset 0 1px 1px 2px #65666b}.device-screen{--screen-width:1000px;--screen-height:625px;aspect-ratio:1.6;background:#edf1f8;border-radius:15px 15px 4px 4px;position:relative;overflow:hidden;container:device-screen/inline-size}.device-screen-content{width:var(--screen-width);height:var(--screen-height);transform:scale(var(--device-scale,calc(tan(atan2(100cqw, var(--screen-width))))));transform-origin:0 0}@supports (transform:scale(calc(100px / 100px))){.device-screen-content{transform:scale(var(--device-scale,calc(100cqw / var(--screen-width))))}}.device-notch{background:#101113;border-radius:0 0 8px 8px;width:11%;height:3.15%;position:absolute;top:-1px;left:44.5%;box-shadow:0 1px 1px #0000001f}.device-notch i{background:radial-gradient(circle at 35% 35%,#293a58,#131b27 50%,#06080c 75%);border-radius:50%;width:5px;height:5px;position:absolute;top:33%;left:49%;box-shadow:0 0 0 1px #202124}.device-glare{pointer-events:none;background:radial-gradient(70% 40% at 14% 0,#ffffff29,#0000 80%);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff42}.device-reflection{opacity:0;background:linear-gradient(110deg,#0000 25%,#ffffff2e 40%,#ffffffa3 48%,#ffffff2e 56%,#0000 72%);position:absolute;inset:0}.device-scene[data-lid-state=closed] .device-lid{transform:rotateX(-90deg)}.device-closed-cover{z-index:4;opacity:0;background:linear-gradient(#e0e1e5,#b5b6bd 50%,#808189);border:1px solid #9d9ea4;border-radius:7px 7px 2px 2px;height:clamp(4px,.65vw,7px);position:absolute;bottom:calc(2.9% + 1px);left:2%;right:2%;box-shadow:inset 0 1px #f6f6f8}.device-scene[data-lid-state=closed] .device-closed-cover{opacity:1}.device-hinge{z-index:2;background:linear-gradient(90deg,#626369,#131417 10%,#35363b 50%,#131417 90%,#626369);border-radius:0 0 6px 6px;width:90%;height:5px;margin:-2px auto 0;position:relative}.device-base{z-index:3;aspect-ratio:58;background:linear-gradient(#f5f5f7 0%,#c3c4c9 7%,#9b9ca3 37%,#d6d7dc 50%,#b1b2b8 65%,#797a82 95%,#404148);border-radius:1px 1px 5% 5%/1px 1px 85% 85%;margin-top:-1px;position:relative;box-shadow:inset 0 1px #fafafa,inset 0 -1px 1px #52535a}.device-base:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#2c2d3352,#0000 4%,#ffffff47 17%,#0000 35% 65%,#ffffff47 83%,#0000 96%,#2c2d3352);position:absolute;inset:0}.device-base-lip{background:linear-gradient(90deg,#92939a,#c7c8cd 8%,#e0e1e5 50%,#c7c8cd 92%,#92939a);border-radius:0 0 9px 9px;width:14%;height:40%;position:absolute;top:0;left:43%;box-shadow:0 1px #ffffffa6}.dashboard-preview-invitation{justify-content:center;align-items:center;gap:20px;margin-top:26px;display:flex}.dashboard-preview-invitation a{color:var(--accent);align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:600;display:inline-flex}.dashboard-preview-invitation a:hover{color:#1748e5}.dashboard-preview-invitation a svg{width:16px}.dashboard-preview-invitation>span{color:var(--muted);font-size:11px}.dashboard-preview-features{grid-template-columns:repeat(3,1fr);gap:32px;padding-block:8px 6px;display:grid}.dashboard-preview-features>div{gap:13px;display:flex}.dashboard-preview-features>div>span{color:var(--accent);padding-top:3px;font-family:monospace;font-size:10px}.dashboard-preview-features h3{letter-spacing:-.01em;font-size:12px;font-weight:600}.dashboard-preview-features p{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.7}.screen-shell{--screen-muted:#5d687d;--screen-line:#5b74a421;width:var(--screen-width);height:var(--screen-height);color:#202838;letter-spacing:-.01em;text-align:left;-webkit-font-smoothing:antialiased;background:radial-gradient(at 96% 7%,#cedcfa 0%,#0000 48%),radial-gradient(at 12% 95%,#d3e1fc 0%,#0000 51%),linear-gradient(120deg,#f8f9fc,#e9effa);flex-direction:column;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.4;display:flex}.screen-shell *{box-sizing:border-box}.screen-shell svg{flex-shrink:0}.screen-shell ul{margin:0;padding:0;list-style:none}.screen-shell h2,.screen-shell h3{letter-spacing:-.025em;margin:0}.screen-menubar{color:#45516b;background:#e6edfc99;border-bottom:1px solid #ffffffa6;flex-shrink:0;justify-content:space-between;align-items:center;height:28px;padding:0 15px;font-size:10px;display:flex}.screen-menubar>span{align-items:center;gap:14px;display:flex}.screen-menubar b{color:#222b3b;font-weight:700}.screen-menubar .screen-example-context{color:#3d527c;font-weight:600}.screen-battery{border:1px solid #66738a;border-radius:2px;width:18px;height:8px;position:relative}.screen-battery:before{content:"";background:#66738a;border-radius:1px;position:absolute;inset:1px 3px 1px 1px}.screen-body{flex:1;grid-template-columns:172px minmax(0,1fr);min-height:0;display:grid}.screen-nav{background:#f6f9ff4d;border-right:1px solid #ffffffc7;flex-direction:column;min-height:0;padding:27px 12px 16px;display:flex}.screen-nav-brand{padding:0 12px 25px}.screen-nav-brand>.brand-wordmark{width:104px}.screen-workspace-switch{color:#405576;align-items:center;gap:8px;margin-top:9px;font-size:11px;font-weight:600;display:flex}.screen-nav-label{color:#58677f;letter-spacing:1.25px;padding:0 13px 9px;font-size:9px;font-weight:600}.screen-nav ul{gap:5px;display:grid}.screen-nav li{color:#5b677c;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;min-height:37px;padding:0 12px;font-size:12px;display:flex}.screen-nav li.is-active{color:#255aff;background:linear-gradient(130deg,#fffffff5,#ffffff8c);border-color:#fffffff2;font-weight:600;box-shadow:0 3px 8px #3655950f,inset 0 1px #fff}.screen-nav-count{background:#e1e8f5;border-radius:4px;margin-left:auto;padding:1px 5px;font-size:9px;font-style:normal}.screen-nav-bottom{margin-top:auto}.screen-development{background:linear-gradient(135deg,#ffffff6b,#cfdeff8c);border:1px solid #ffffffdb;border-radius:12px;gap:4px;padding:14px 12px;display:grid;box-shadow:inset 0 1px #fff}.screen-development strong{font-size:11px;font-weight:500}.screen-development>span:last-child{color:#5b6984;font-size:10px}.screen-dev-symbol{color:#255aff;margin-bottom:4px;font-size:25px;line-height:1}.screen-profile{align-items:center;gap:8px;margin-top:19px;display:flex}.screen-avatar{color:#4b5a76;background:linear-gradient(135deg,#d4dff5,#e8eef9);border:1px solid #fff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;display:grid}.screen-profile>div{gap:2px;display:grid}.screen-profile strong{font-size:10px;font-weight:600}.screen-profile div span{color:#58677f;font-size:9px}.screen-main{grid-template-rows:43px 94px minmax(0,1fr) 121px;gap:13px;min-width:0;min-height:0;padding:19px 23px 18px;display:grid}.screen-header{justify-content:space-between;align-items:center;display:flex}.screen-header p{color:#61708a;letter-spacing:1.4px;margin-bottom:4px;font-size:9px;font-weight:500}.screen-header h2{letter-spacing:-.045em;font-size:26px;font-weight:500;line-height:1.2}.screen-period{color:#56647b;background:#ffffff8c;border:1px solid #ffffffe0;border-radius:8px;align-items:center;gap:13px;padding:8px 10px;font-size:10px;display:inline-flex;box-shadow:0 2px 3px #324f8d08,inset 0 1px #fff}.screen-card,.screen-stat{-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:#ffffffa1;border:1px solid #ffffffeb;border-radius:13px;min-width:0;box-shadow:0 4px 18px #26478a0a,inset 0 1px #fff}.screen-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.screen-stat{flex-direction:column;justify-content:center;padding:13px 16px;display:flex}.screen-stat>span{color:#59677c;justify-content:space-between;align-items:center;font-size:11px;display:flex}.screen-stat>span svg{color:#8190aa}.screen-stat>div{justify-content:space-between;align-items:center;margin-block:3px;display:flex}.screen-stat strong{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:27px;font-weight:500;line-height:1.25}.screen-stat small{color:#65728a;font-size:9px}.screen-sparkline{color:#6994ef;width:61px;height:26px;margin-left:6px}.screen-sparkline-1{color:#66a59c}.screen-sparkline-2{color:#9caed6}.screen-panels{grid-template-columns:minmax(0,1.58fr) minmax(0,1fr);gap:14px;min-height:0;display:grid}.screen-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.screen-card-head h3{font-size:13px;font-weight:600}.screen-card-head span{color:#627089;align-items:center;gap:5px;font-size:9px;display:inline-flex}.screen-card-head>div>span{margin-top:5px}.screen-legend-dot{background:#255aff;border-radius:50%;width:5px;height:5px;margin-right:2px}.screen-chart-period{background:#fff9;border:1px solid #e1e7f0;border-radius:6px;padding:4px 7px}.screen-chart{grid-template-rows:auto minmax(0,1fr) auto;gap:11px;min-height:0;padding:15px 16px 12px;display:grid}.screen-plot{grid-template-rows:minmax(0,1fr) auto;gap:8px;min-height:0;padding-top:8px;padding-left:27px;display:grid;position:relative}.screen-plot>svg{width:100%;height:100%;min-height:0;display:block;overflow:visible}.screen-plot-scale{color:#58677f;flex-direction:column;justify-content:space-between;font-size:9px;display:flex;position:absolute;inset:7px auto 21px 0}.screen-plot-gridline{stroke:#cfd9ea;stroke-width:.8px;stroke-dasharray:3 5}.screen-plot-labels{color:#58677f;justify-content:space-between;font-size:9px;display:flex}.screen-chart-tooltip{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#ffffffed,#eff4ffc7);border:1px solid #fff;border-radius:9px;gap:2px;padding:8px 11px;display:grid;position:absolute;top:12%;left:49%;box-shadow:0 7px 19px #1c3e8321,inset 0 1px #fff}.screen-chart-tooltip>span{color:#586680;font-size:9px}.screen-chart-tooltip strong{letter-spacing:-.04em;font-size:15px;font-weight:600}.screen-chart-tooltip small{color:#67758c;letter-spacing:normal;margin-left:3px;font-size:9px;font-weight:400}.screen-chart-footer{border-top:1px solid var(--screen-line);color:#5f6e86;justify-content:space-between;padding-top:9px;font-size:9px;display:flex}.screen-chart-footer span:first-child{color:#405576;align-items:center;gap:6px;font-weight:600;display:flex}.screen-chart-footer i,.screen-builder-title>div>span i,.screen-activity-badge i{background:#3b9c82;border-radius:50%;width:5px;height:5px;display:inline-block}.screen-builder{background:linear-gradient(140deg,#ffffffc4,#f5f8ff78);flex-direction:column;gap:8px;min-height:0;padding:14px;display:flex}.screen-builder-title{align-items:center;gap:8px;display:flex}.screen-builder-title h3{font-size:13px;font-weight:600}.screen-builder-title>svg{color:#58677f;margin-left:auto}.screen-builder-title>div>span{color:#4d7d70;align-items:center;gap:4px;margin-top:1px;font-size:9px;display:flex}.screen-builder-icon{color:#255aff;background:linear-gradient(135deg,#e9f0ff,#ceddff);border:1px solid #fff;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 1px #fff,0 3px 8px #255aff14}.screen-network-types{background:#dde6f680;border-radius:7px;gap:2px;padding:3px;display:flex}.screen-network-types>span{text-align:center;color:#53637e;border-radius:5px;flex:1;padding:4px 2px;font-size:8px}.screen-network-types>.is-active{color:#255aff;background:#ffffffed;box-shadow:0 1px 4px #3a528b1a}.screen-builder-fields{gap:9px;display:grid}.screen-builder-fields>div{gap:3px;display:grid}.screen-builder-fields>div>span{color:#58677f;font-size:9px}.screen-builder-fields strong{align-items:center;gap:6px;font-size:10px;font-weight:500;display:flex}.screen-builder-fields strong>svg{margin-left:auto}.screen-country{letter-spacing:-.025em;color:#58677f;background:#fff;border:1px solid #d9e2f1;border-radius:3px;padding:1px 3px;font-size:8px}.screen-protocol{color:#58677f;border:1px solid #dfe6f2;border-radius:3px;margin-left:auto;padding:1px 4px;font-size:8px}.screen-connection{border-top:1px solid var(--screen-line);min-width:0;margin-top:auto;padding-top:8px}.screen-connection>span{color:#58677f;letter-spacing:.7px;font-size:7px}.screen-connection code{color:#3d527c;overflow-wrap:anywhere;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;display:block}.screen-copy{color:#fff;background:linear-gradient(135deg,#3972ff,#255aff);border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:7px;font-size:10px;font-weight:500;display:flex;box-shadow:inset 0 1px #ffffff52,0 3px 7px #255aff2b}.screen-copy>svg:last-child{margin-left:auto}.screen-copy>svg:first-child{margin-right:auto}.screen-request-card{padding:10px 16px 8px}.screen-request-card .screen-card-head{padding-bottom:8px}.screen-request-card h3{align-items:center;gap:9px;display:flex}.screen-card-head .screen-activity-badge{color:#547d72;background:#e5f3ee;border:1px solid #d5eade;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:400}.screen-request-rows{display:grid}.screen-request-row{border-top:1px solid var(--screen-line);grid-template-columns:29px minmax(0,1.5fr) minmax(0,1fr) 45px 46px 43px;align-items:center;gap:10px;min-height:25px;font-size:10px;display:grid}.screen-request-method{color:#56716a;font-size:8px}.screen-request-target{text-overflow:ellipsis;white-space:nowrap;color:#3b4a65;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;overflow:hidden}.screen-request-location{color:#627089;align-items:center;gap:6px;display:flex}.screen-request-location b{border:1px solid #d9e2ef;border-radius:3px;padding:1px 3px;font-size:7px;font-weight:500}.screen-response{border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:2px 3px;font-size:8px;display:flex}.screen-response.is-success{color:#307460;background:#e5f3ed}.screen-response.is-warning{color:#906521;background:#fbefda}.screen-request-time{color:#4a5d7c;text-align:right;font-variant-numeric:tabular-nums}.screen-request-age{color:#58677f;text-align:right;font-size:8px}.screen-chart-tracer{stroke-dasharray:.035 1.1;opacity:0}@container device-screen (max-width:600px){.device-screen-content{--screen-width:520px;--screen-height:325px}.screen-menubar{height:19px;padding-inline:12px;font-size:8px}.screen-body{grid-template-columns:minmax(0,1fr)}.screen-nav{display:none}.screen-main{grid-template-rows:33px 65px minmax(0,1fr);gap:9px;padding:13px 17px 12px}.screen-header h2{font-size:24px}.screen-header p{letter-spacing:1.1px;margin-bottom:1px;font-size:8px}.screen-period{padding:5px 8px}.screen-stats{gap:8px}.screen-stat{border-radius:9px;padding:7px 11px}.screen-stat>span{font-size:10px}.screen-stat>span svg{width:12px;height:12px}.screen-stat strong{font-size:22px}.screen-stat small,.screen-sparkline{display:none}.screen-panels{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:9px}.screen-chart{gap:6px;padding:10px 12px}.screen-chart .screen-card-head>div>span,.screen-chart-period{display:none}.screen-chart-footer{padding-top:5px;font-size:10px}.screen-chart-footer>span:last-child{display:none}.screen-plot{gap:5px;padding-top:4px;padding-left:20px}.screen-chart-tooltip{border-radius:6px;padding:5px 7px;top:4%;left:39%}.screen-chart-tooltip strong{font-size:12px}.screen-chart-tooltip small{display:none}.screen-builder{gap:8px;padding:10px}.screen-builder-title h3{font-size:12px}.screen-builder-icon{border-radius:7px;width:25px;height:25px}.screen-builder-title>svg,.screen-network-types,.screen-connection,.screen-request-card{display:none}.screen-builder-fields{gap:5px}.screen-builder-fields>div>span{font-size:8px}.screen-builder-fields strong{font-size:10px}.screen-copy{margin-top:auto;padding:5px;font-size:9px}}@container device-screen (min-width:430px) and (max-width:660px){.dashboard-preview--hero .device-screen-content{--screen-width:680px;--screen-height:425px}.dashboard-preview--hero .screen-menubar{height:20px;padding-inline:12px;font-size:9px}.dashboard-preview--hero .screen-menubar>span{gap:10px}.dashboard-preview--hero .screen-body{grid-template-columns:124px minmax(0,1fr)}.dashboard-preview--hero .screen-nav{padding:15px 8px 12px;display:flex}.dashboard-preview--hero .screen-nav-brand{padding:0 6px 16px}.dashboard-preview--hero .screen-nav-brand>.brand-wordmark{width:61px}.dashboard-preview--hero .screen-workspace-switch{white-space:nowrap;gap:3px;margin-top:7px;font-size:9px}.dashboard-preview--hero .screen-workspace-switch>svg{width:9px}.dashboard-preview--hero .screen-nav-label{letter-spacing:1px;padding:0 7px 8px;font-size:7.5px}.dashboard-preview--hero .screen-nav ul{gap:3px}.dashboard-preview--hero .screen-nav li{white-space:nowrap;border-radius:6px;gap:7px;min-height:28px;padding:0 7px;font-size:10px}.dashboard-preview--hero .screen-nav li>svg{width:13px;height:13px}.dashboard-preview--hero .screen-nav-count{padding:0 3px;font-size:7px}.dashboard-preview--hero .screen-development{display:none}.dashboard-preview--hero .screen-profile{gap:6px;margin-top:12px}.dashboard-preview--hero .screen-avatar{width:23px;height:23px;font-size:8px}.dashboard-preview--hero .screen-profile strong{font-size:8px}.dashboard-preview--hero .screen-profile div span{font-size:7.5px}.dashboard-preview--hero .screen-main{grid-template-rows:30px 74px minmax(0,1fr) 76px;gap:8px;padding:12px}.dashboard-preview--hero .screen-header p{letter-spacing:1px;margin-bottom:2px;font-size:7px}.dashboard-preview--hero .screen-header h2{letter-spacing:-.035em;font-size:21px;line-height:1.15}.dashboard-preview--hero .screen-period{border-radius:5px;gap:8px;padding:5px 7px;font-size:8.5px}.dashboard-preview--hero .screen-period>svg{width:10px}.dashboard-preview--hero .screen-stats{gap:8px}.dashboard-preview--hero .screen-stat{border-radius:9px;padding:8px 11px}.dashboard-preview--hero .screen-stat>span{font-size:10px;line-height:1.3}.dashboard-preview--hero .screen-stat>span svg{width:12px;height:12px}.dashboard-preview--hero .screen-stat>div{margin-block:2px}.dashboard-preview--hero .screen-stat strong{letter-spacing:-.045em;font-size:21px;line-height:1.15}.dashboard-preview--hero .screen-stat small{font-size:8px;display:block}.dashboard-preview--hero .screen-sparkline{width:42px;height:20px;margin-left:4px;display:block}.dashboard-preview--hero .screen-panels{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:9px}.dashboard-preview--hero .screen-card{border-radius:9px}.dashboard-preview--hero .screen-card-head h3{font-size:11px}.dashboard-preview--hero .screen-card-head span{font-size:8px}.dashboard-preview--hero .screen-chart{gap:7px;padding:10px 11px 8px}.dashboard-preview--hero .screen-chart .screen-card-head>div>span{margin-top:3px;font-size:8px;display:inline-flex}.dashboard-preview--hero .screen-chart-period{padding:3px 5px;font-size:8px;display:inline-flex}.dashboard-preview--hero .screen-plot{gap:5px;padding-top:4px;padding-left:22px}.dashboard-preview--hero .screen-plot-scale{font-size:8px;top:4px;bottom:17px}.dashboard-preview--hero .screen-plot-labels{font-size:8px}.dashboard-preview--hero .screen-chart-tooltip{border-radius:6px;padding:5px 7px;top:5%;left:45%}.dashboard-preview--hero .screen-chart-tooltip>span{font-size:8px}.dashboard-preview--hero .screen-chart-tooltip strong{font-size:12px}.dashboard-preview--hero .screen-chart-tooltip small{font-size:7.5px;display:inline}.dashboard-preview--hero .screen-chart-footer{padding-top:6px;font-size:9px;display:flex}.dashboard-preview--hero .screen-chart-footer>span:last-child{font-size:8px;display:inline}.dashboard-preview--hero .screen-builder{gap:5px;padding:10px}.dashboard-preview--hero .screen-builder-title{gap:6px}.dashboard-preview--hero .screen-builder-title h3{font-size:11px}.dashboard-preview--hero .screen-builder-title>div>span{font-size:8px}.dashboard-preview--hero .screen-builder-title>svg{width:12px;height:12px;display:block}.dashboard-preview--hero .screen-builder-icon{border-radius:6px;width:25px;height:25px}.dashboard-preview--hero .screen-builder-icon>svg{width:16px;height:16px}.dashboard-preview--hero .screen-network-types{border-radius:5px;gap:1px;padding:2px;display:flex}.dashboard-preview--hero .screen-network-types>span{padding:3px 1px;font-size:8px}.dashboard-preview--hero .screen-builder-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.dashboard-preview--hero .screen-builder-fields>div{gap:3px}.dashboard-preview--hero .screen-builder-fields>div>span{font-size:8px}.dashboard-preview--hero .screen-builder-fields strong{white-space:nowrap;gap:4px;font-size:9px}.dashboard-preview--hero .screen-builder-fields strong>svg{width:9px}.dashboard-preview--hero .screen-country{padding:1px 2px;font-size:6.5px}.dashboard-preview--hero .screen-protocol{padding:1px 3px;font-size:6.5px}.dashboard-preview--hero .screen-connection{padding-top:5px;display:block}.dashboard-preview--hero .screen-connection>span{letter-spacing:.5px;font-size:7px}.dashboard-preview--hero .screen-connection code{margin-top:2px;font-size:8px}.dashboard-preview--hero .screen-copy{border-radius:5px;padding:5px 6px;font-size:9px}.dashboard-preview--hero .screen-request-card{padding:7px 11px 5px;display:block}.dashboard-preview--hero .screen-request-card .screen-card-head{padding-bottom:5px}.dashboard-preview--hero .screen-request-card h3{gap:7px;font-size:10px}.dashboard-preview--hero .screen-card-head .screen-activity-badge{gap:4px;padding:1px 4px;font-size:7px}.dashboard-preview--hero .screen-request-row{grid-template-columns:24px minmax(0,1.5fr) minmax(0,1fr) 35px 38px 35px;gap:7px;min-height:19px;font-size:8px}.dashboard-preview--hero .screen-request-method,.dashboard-preview--hero .screen-request-target{font-size:7.5px}.dashboard-preview--hero .screen-request-location{gap:5px}.dashboard-preview--hero .screen-request-location b{padding:1px 2px;font-size:6.5px}.dashboard-preview--hero .screen-response{gap:3px;padding:1px 2px;font-size:7px}.dashboard-preview--hero .screen-response>svg{width:8px;height:8px}.dashboard-preview--hero .screen-request-age{font-size:7px}.dashboard-preview--hero .screen-request-row:nth-child(n+3){display:none}}@media (max-width:800px){.dashboard-preview-intro{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-preview-description{max-width:440px}}@media (max-width:700px){.dashboard-preview{padding-block:12px 44px}.dashboard-preview-intro h2{font-size:clamp(27px,7.4vw,38px)}.dashboard-preview-toolbar{margin-top:15px}.dashboard-preview-badge{gap:6px;font-size:10px}.device-scene{padding:25px 0 39px}.device-lid{border-width:1px;border-radius:10px 10px 4px 4px;padding:.85%;box-shadow:inset 0 0 0 1px #101113,inset 0 1px 1px 1px #77787c}.device-screen{border-radius:7px 7px 1px 1px}.device-notch{border-radius:0 0 3px 3px}.device-notch i{width:2px;height:2px}.device-hinge{height:2px;margin-top:-1px}.device-base-lip{border-radius:0 0 3px 3px}.device-shadow-ambient{height:45px;bottom:-24px}.device-shadow-contact{height:15px;bottom:-8px}.dashboard-preview-invitation{flex-direction:column;gap:0;margin-top:15px}.dashboard-preview-features{grid-template-columns:1fr;gap:18px;padding-top:7px}.dashboard-preview-features p{margin-top:4px}}