[data-color=blue]{--module-color:#2575dc;--module-ink:#205eac;--module-light:#eaf3ff}[data-color=green]{--module-color:#13956a;--module-ink:#0c7450;--module-light:#e6f6ee}[data-color=orange]{--module-color:#ef661b;--module-ink:#ac4008;--module-light:#fff0e5}[data-color=purple]{--module-color:#8750d4;--module-ink:#723bb7;--module-light:#f1eaff}.mobile-hero-preview{display:none}.mobile-app{color:#142236;text-align:left;background:#f7f9fb;border:1px solid #576570;border-radius:14px;font-size:12px;overflow:hidden;box-shadow:0 18px 40px #00000030}.mobile-app-toolbar{color:#fff;background:#172b38;justify-content:space-between;align-items:center;height:49px;padding:0 17px;display:flex}.mobile-app-toolbar>.brand{font-size:16px}.mobile-app-toolbar>div:not(.brand){align-items:center;gap:14px;display:flex}.mobile-app-toolbar>div:not(.brand)>span{background:#35576e;border:1px solid #ffffff20;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:9px;font-weight:600;display:flex}.mobile-app-body{padding:18px 16px 14px}.mobile-app-heading{align-items:center;gap:8px;margin-bottom:16px;display:flex}.mobile-app-heading>p{letter-spacing:-.04em;font-size:17px;font-weight:650;line-height:1.2}.mobile-app-heading>svg{color:#cb771a;flex-shrink:0}.mobile-app-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;font-size:10px;display:grid}.mobile-app-stats .stat-card{padding:12px 10px 10px}.mobile-app-stats .stat-icon{top:14px;left:10px}.mobile-app-stats .stat-title{padding-left:34px;font-size:9px}.mobile-app-stats .stat-value{margin:3px 0 6px;padding-left:34px;font-size:24px;line-height:1.2}.mobile-app-stats .stat-trend{font-size:8px}.mobile-app-tabs{color:#63748a;border-bottom:1px solid #e1e7ee;gap:23px;margin:17px 0 14px;padding:0 2px;font-size:11px;font-weight:500;display:flex}.mobile-app-tabs>span{padding:0 0 10px}.mobile-app-tabs>.is-selected{color:#1c669f;border-bottom:2px solid #1c669f;margin-bottom:-1px}.mobile-app-section-label{color:#4c6077;margin-bottom:2px;font-size:10px;font-weight:650}.mobile-app-schedule .schedule-preview{padding:0}.mobile-app-schedule .schedule-row{gap:10px;padding:11px 0}.mobile-app-schedule .schedule-time{width:29px;font-size:9px}.mobile-app-schedule .schedule-icon{width:29px;height:29px}.mobile-app-schedule .schedule-icon svg{width:19px;height:19px}.mobile-app-schedule .schedule-title{font-size:11px}.mobile-app-schedule .schedule-address{font-size:9px}.mobile-app-schedule .schedule-crew{display:none}.mobile-app-update{color:#1a6947;background:#eaf6ef;border:1px solid #d4e9dd;border-radius:6px;align-items:center;gap:7px;margin-top:9px;padding:10px;display:flex}.mobile-app-update>span{color:#fff;background:#1d8c60;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;display:flex}.mobile-app-update>p{font-size:9px;line-height:1.4}.mobile-app-update>.mobile-app-update-value{margin-left:auto;font-size:11px;font-weight:650}@media (width<=359px){.mobile-app-body{padding:16px 12px 12px}.mobile-app-heading>p{font-size:15px}.mobile-app-heading>svg{width:17px}.mobile-app-tabs{gap:20px}.mobile-app-update{gap:5px;padding:8px 6px}.mobile-app-update>p{font-size:8px}.mobile-app-update>.mobile-app-update-value{font-size:10px}}.device-showcase{color:#142236;width:100%;padding:0 0 18px;position:relative;container-type:inline-size}.device-annotation{color:#fff;position:absolute;top:-74px;right:3%;transform:rotate(-7deg)}.device-annotation p{font-size:25px}.device-annotation svg{width:45px;position:absolute;top:18px;left:-45px}.laptop-frame{background:#172129;border:1px solid #59656e;border-radius:2.2cqw 2.2cqw .8cqw .8cqw;padding:2.1% 1.8% 1.15%;position:relative;box-shadow:0 0 0 2px #0d151bd9,0 24px 50px #00000045}.laptop-camera{background:#2e4557;border-radius:50%;width:.45cqw;height:.45cqw;position:absolute;top:1%;left:50%;box-shadow:0 0 0 1px #090d10}.laptop-screen{background:#f7f9fc;border:1px solid #171e24;border-radius:.7cqw;overflow:hidden}.laptop-chin{height:1.05cqw}.laptop-base{background:linear-gradient(#65727c,#46535d 48%,#28353f);border-top:1px solid #6b7882;border-radius:1px 1px 45% 45%/1px 1px 85% 85%;width:104%;height:2.1cqw;margin-left:-2%;position:relative;box-shadow:0 16px 25px #00000035}.laptop-base>span{background:#3c4953;border-radius:0 0 8px 8px;width:15%;height:35%;margin:auto;display:block}.phone-position{z-index:2;width:25%;font-size:1.08cqw;position:absolute;bottom:-12px;right:-4%}.phone-frame{background:#1b252d;border-radius:3.05em;width:100%;padding:.53em;position:relative;box-shadow:0 0 0 1px #697680,0 16px 24px #00000045}.phone-screen{aspect-ratio:9/19;color:#142236;background:#f8fafc;border-radius:2.5em;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 .15em #04090d}.phone-screen>*{flex-shrink:0}.phone-top{color:#fff;background:#11212d;justify-content:space-between;align-items:center;height:3em;padding:0 1.65em;font-size:.85em;font-weight:600;display:flex}.phone-island{background:#050a0e;border-radius:3em;width:32%;height:1.15em;position:absolute;top:.75em;left:34%}.phone-status{align-items:center;gap:.4em;font-size:.72em;display:flex}.phone-battery{background:#fff;border:1px solid #fff;border-radius:.2em;width:1.5em;height:.8em}.phone-header{color:#fff;background:#11212d;justify-content:space-between;align-items:center;padding:.45em 1.4em 1.35em;display:flex}.phone-logo{font-size:1.16em}.phone-header>svg{width:1.3em;height:1.3em}.phone-greeting{color:#fff;background:#11212d;padding:.2em 1.45em 1.5em}.phone-heading{letter-spacing:-.04em;font-size:1.65em;font-weight:650;line-height:1.3;position:relative}.phone-sun{color:#ffb65b;margin-left:.5em;display:inline-flex}.phone-sun svg{width:.9em;height:.9em}.phone-subheading{color:#c1cfda;margin-top:.5em;font-size:.8em}.phone-shortcuts{text-align:center;background:#fff;border-bottom:1px solid #e5eaf0;grid-template-columns:repeat(4,1fr);padding:1.3em .85em;display:grid}.phone-shortcut-icon{width:2.7em;height:2.7em;color:var(--module-color);background:var(--module-light);border-radius:.8em;justify-content:center;align-items:center;margin:auto;display:flex}.phone-shortcut-icon svg{width:1.65em;height:1.65em}.phone-shortcut-label{margin-top:.55em;font-size:.74em;font-weight:500}.phone-today{justify-content:space-between;align-items:center;margin:1.4em 1.2em .65em;display:flex}.phone-section-title{font-size:.9em;font-weight:650}.phone-today>span{color:#788698;font-size:.7em}.phone-payment{background:#eef8f2;border:1px solid #d3ebe0;border-radius:.65em;align-items:center;gap:.7em;margin:.75em 1em 1.1em;padding:.9em;display:flex}.phone-payment>span{color:#fff;background:#15976d;border-radius:50%;justify-content:center;align-items:center;width:2em;height:2em;display:flex}.phone-payment svg{width:1.2em;height:1.2em}.phone-payment-title{color:#216a4b;font-size:.82em;font-weight:600}.phone-payment-desc{color:#5e7a6d;margin-top:.1em;font-size:.73em}.phone-bottom{color:#8391a1;background:#fff;border-top:1px solid #e5eaf0;justify-content:space-around;align-items:center;margin-top:auto;padding:1em .4em .25em;display:flex}.phone-bottom>div{flex-direction:column;align-items:center;display:flex}.phone-bottom svg{width:1.6em;height:1.6em}.phone-nav-label{margin-top:.4em;font-size:.63em}.phone-bottom .phone-active{color:#235986}.phone-add{color:#fff;background:#ff570a;border-radius:50%;justify-content:center;align-items:center;width:3.3em;height:3.3em;margin-top:-.7em;display:flex;box-shadow:0 2px 5px #ff570a30}.phone-home-indicator{background:#15222d;border-radius:1em;width:35%;height:.35em;margin:.95em auto .65em}.device-caption{text-align:center;color:#ffffff80;letter-spacing:.04em;margin-top:22px;font-size:8px}.dashboard-preview{text-align:left;color:#142236;background:#f6f8fb;font-size:1.02cqw;line-height:1.5;display:flex}.dashboard-preview p,.phone-frame p,.mini-preview p{line-height:1.45}.app-sidebar{color:#d9e2eb;background:linear-gradient(150deg,#172a38,#10212c);flex-direction:column;flex-shrink:0;width:15.4em;padding:2.05em 1.05em 1.4em;display:flex}.app-logo{color:#fff;margin-bottom:2.1em;margin-left:.25em;font-size:1.53em}.app-nav{flex-direction:column;gap:.22em;display:flex}.app-nav-item{border-radius:.55em;align-items:center;gap:.85em;height:2.85em;padding:0 1em;display:flex}.app-nav-item.selected{color:#fff;background:#244c69;box-shadow:inset 3px 0 #ff671e}.app-nav-item svg,.app-sidebar-bottom svg{width:1.5em;height:1.5em}.app-nav-label{font-size:.97em;line-height:1.4}.app-nav-count{color:#fff;background:#ff570a;border-radius:50%;justify-content:center;align-items:center;width:1.5em;height:1.5em;margin-left:auto;font-size:.75em;display:flex}.app-sidebar-bottom{align-items:center;gap:.85em;margin-top:auto;padding:3em 1em 0;display:flex}.app-sidebar-dot{background:#67bf97;border-radius:50%;width:.5em;height:.5em;margin-left:auto}.app-workspace{flex:1;min-width:0}.app-toolbar{background:#fff;border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;height:5em;padding:0 2.25em;display:flex}.app-toolbar svg{width:1.45em;height:1.45em}.app-breadcrumb{color:#8491a2;align-items:center;gap:.9em;display:flex}.app-breadcrumb svg{width:.95em;height:.95em}.app-tiny{font-size:.85em}.app-strong{color:#233249;font-weight:500}.app-toolbar-actions{color:#50617b;align-items:center;gap:1.5em;display:flex}.notification-bell{position:relative}.notification-bell:after{content:"";background:#ff570a;border:1px solid #fff;border-radius:50%;width:.5em;height:.5em;position:absolute;top:-.2em;right:-.1em}.app-avatar{color:#fff;background:#1c425b;border-radius:50%;justify-content:center;align-items:center;width:2.65em;height:2.65em;font-size:.95em;font-weight:600;display:flex}.app-person-name{font-size:.87em;font-weight:600}.app-person-company{color:#738197;margin-top:.1em;font-size:.7em}.app-main{padding:2em 2.25em 1.8em}.app-greeting{justify-content:space-between;align-items:center;margin-bottom:2.2em;display:flex}.app-greeting-title{letter-spacing:-.045em;align-items:center;gap:.4em;font-size:2.15em;font-weight:650;display:flex;line-height:1.2!important}.app-greeting-title svg{color:#ef9b34;width:.95em;height:.95em}.app-greeting-description{color:#728098;margin-top:.75em;font-size:.95em}.app-date{background:#fff;border:1px solid #e2e8ef;border-radius:.5em;align-items:center;gap:1em;padding:.6em .85em;font-size:.85em;display:flex}.app-date svg{width:1em;height:1em}.app-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1em;display:grid}.stat-card{background:#fff;border:1px solid #e6ebf0;border-radius:.7em;min-width:0;padding:1.25em 1.1em 1.1em;position:relative;box-shadow:0 2px 3px #15223702}.stat-icon{background:var(--module-light);width:2.6em;height:2.6em;color:var(--module-color);border-radius:.65em;justify-content:center;align-items:center;display:flex;position:absolute;top:1.4em;left:1.1em}.stat-icon svg{width:1.8em;height:1.8em}.stat-title{color:#627086;white-space:nowrap;padding-left:4.4em;font-size:.77em}.stat-value{letter-spacing:-.055em;margin:.1em 0 .5em;padding-left:1.58em;font-size:2.15em;font-weight:650;line-height:1.25!important}.stat-trend{color:#188a5f;white-space:nowrap;align-items:center;gap:.25em;font-size:.68em;display:flex}.stat-trend svg{width:1em;height:1em}.app-middle{grid-template-columns:1.12fr 1fr;gap:1.1em;margin:1.35em 0;display:grid}.app-panel{background:#fff;border:1px solid #e3e9ef;border-radius:.75em;min-width:0;overflow:hidden}.app-panel-heading{justify-content:space-between;align-items:center;gap:.7em;padding:1.3em 1.3em 1.1em;display:flex}.app-panel-title{letter-spacing:-.025em;font-size:1.1em;font-weight:650}.app-panel-link{color:#377ac4;align-items:center;gap:.4em;font-size:.72em;display:flex}.app-panel-link svg,.app-panel-heading>svg{width:1.2em;height:1.2em}.app-panel-heading>svg{color:#5e748d}.map-preview{background:#edf0e8;border-radius:.4em;height:19.7em;margin:0 1em 1em;position:relative;overflow:hidden}.map-art{object-fit:cover;width:100%;height:100%;position:absolute}.map-label{color:#7b9382;letter-spacing:.13em;font-size:.54em;position:absolute}.map-label-one{top:19%;left:9%}.map-label-two{bottom:15%;right:8%}.map-pin{color:#fff;background:#268be2;border:2px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:2.6em;height:2.6em;display:flex;position:absolute;transform:rotate(-45deg);box-shadow:0 2px 5px #203d5040}.map-pin svg{width:1.4em;height:1.4em;transform:rotate(45deg)}.map-pin-one{background:#16a775;top:24%;left:36%}.map-pin-two{background:#ff6c1e;top:34%;right:12%}.map-pin-three{bottom:15%;left:20%}.map-job{background:#fff;border:1px solid #e5e9ec;border-radius:.75em;align-items:center;gap:.8em;padding:1.1em;display:flex;position:absolute;top:47%;left:28%;box-shadow:0 3px 12px #14223417}.map-job-icon{color:#15996d;background:#e7f5ee;border-radius:.6em;justify-content:center;align-items:center;width:3em;height:3em;display:flex}.map-job-icon svg{width:1.8em;height:1.8em}.map-job-title{white-space:nowrap;font-size:.9em;font-weight:650}.map-job-address{color:#728098;margin:.25em 0 .4em;font-size:.73em}.status-badge{color:#3075b2;background:#e8f2ff;border-radius:.3em;padding:.2em .5em;font-size:.65em;display:inline-flex}.map-controls{color:#617084;background:#fff;border:1px solid #e0e7e8;border-radius:.3em;flex-direction:column;align-items:center;gap:.3em;padding:.35em;display:flex;position:absolute;bottom:.8em;right:.8em}.map-controls svg{width:1.4em;height:1.4em}.map-controls span{font-size:1.4em;line-height:1}.schedule-preview{padding:0 1.2em .7em}.schedule-row{border-bottom:1px solid #edf0f4;align-items:center;gap:.75em;padding:1.1em 0;display:flex}.schedule-row:last-child{border-bottom:0}.schedule-time{color:#718096;flex-shrink:0;width:3.3em;font-size:.8em}.schedule-time span{font-size:.75em;display:block}.schedule-icon{background:var(--module-light);width:2.8em;height:2.8em;color:var(--module-color);border-radius:.65em;flex-shrink:0;justify-content:center;align-items:center;display:flex}.schedule-icon svg{width:1.65em;height:1.65em}.schedule-title{letter-spacing:-.025em;white-space:nowrap;font-size:.89em;font-weight:600}.schedule-address{color:#758298;margin-top:.2em;font-size:.75em}.schedule-mobile{padding:0 1em}.schedule-mobile .schedule-row{align-items:flex-start;gap:.6em;padding:.9em 0}.schedule-mobile .schedule-time{width:2.8em;margin-top:.3em;font-size:.67em}.schedule-mobile .schedule-icon{width:2.2em;height:2.2em}.schedule-mobile .schedule-icon svg{width:1.35em;height:1.35em}.schedule-mobile .schedule-title{font-size:.78em}.schedule-mobile .schedule-address{font-size:.68em}.schedule-crew{color:var(--module-color);background:var(--module-light);border-radius:.25em;margin-top:.45em;padding:.15em .6em;font-size:.6em;display:inline-block}.activity-preview{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 1.3em 1.3em;display:grid}.activity-row{border-left:1px solid #edf0f4;align-items:flex-start;gap:.7em;padding:.7em .8em;display:flex}.activity-row:first-child{border-left:0;padding-left:0}.activity-row:last-child{padding-right:0}.activity-icon{background:var(--module-light);width:2.7em;height:2.7em;color:var(--module-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-icon svg{width:1.5em;height:1.5em}.activity-title{font-size:.78em;font-weight:550}.activity-description{color:#758298;margin-top:.4em;font-size:.68em}.activity-time{display:none}.mini-preview{color:#1b2d46;background:linear-gradient(145deg,#fff,#fbfcfe);border:1px solid #e6ecf2;border-radius:6px;min-width:0;height:240px;padding:1.2em 1.1em;font-size:8px;line-height:1.5;overflow:hidden;box-shadow:0 2px 5px #14223403}.mini-material-delivery{background:#edf8f1;border:1px solid #cce7d8;border-radius:.5em;align-items:center;gap:.8em;margin-top:1.8em;padding:1em;display:flex}.mini-material-delivery>svg{color:#18754d;flex-shrink:0;width:1.5em;height:1.5em}.mini-material-delivery>svg:last-child{margin-left:auto}.mini-material-note{margin-top:1.2em}.mini-top{justify-content:space-between;align-items:center;gap:.4em;margin-bottom:1.4em;display:flex}.mini-top>svg{color:#7387a0;width:1.3em;height:1.3em}.mini-heading{letter-spacing:-.025em;align-items:center;gap:.6em;font-size:1.05em;font-weight:650;display:flex}.mini-heading svg{color:#ff671e;width:1.4em;height:1.4em}.mini-tabs{color:#75849c;border-bottom:1px solid #eaf0f6;justify-content:space-between;align-items:center;gap:.35em;margin-bottom:1em;padding-bottom:.9em;font-size:.83em;display:flex}.mini-tabs .active{color:#2765b6;background:#e9f2ff;border-radius:.3em;padding:.3em .6em;font-weight:550}.mini-tabs b{color:#fff;background:#256fd3;border-radius:.3em;margin-left:.2em;padding:0 .3em;font-weight:500}.mini-lead{border-bottom:1px solid #edf1f5;align-items:center;gap:.8em;padding:1.4em 0;display:flex}.mini-lead:last-child{border-bottom:0}.mini-avatar{background:var(--module-light);width:2.7em;height:2.7em;color:var(--module-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9em;font-weight:600;display:flex}.mini-name{font-size:.93em;font-weight:600}.mini-muted{color:#71829a;font-size:.8em}.mini-name+.mini-muted{margin-top:.35em}.mini-document-title{margin-top:1.1em;font-size:1em;font-weight:600}.mini-document-title+.mini-muted{margin-top:.3em}.mini-badge{border-radius:.3em;align-items:center;gap:.3em;padding:.35em .6em;font-size:.68em;display:inline-flex}.mini-badge svg{width:1em;height:1em}.mini-badge-green{color:#168556;background:#e4f7eb}.mini-badge-blue{color:#327abd;background:#e9f2ff;margin:.6em 0 1.2em}.mini-table{margin-top:1.5em}.mini-table-head,.mini-table-row{justify-content:space-between;gap:.5em;font-size:.85em;display:flex}.mini-table-head{color:#65758b;background:#f0f4f9;margin-bottom:.65em;padding:.65em .2em}.mini-table-row{color:#52647d;border-bottom:1px solid #eff2f7;padding:.6em 0}.mini-total{border-top:1px solid #dce5ef;justify-content:space-between;margin-top:.65em;padding-top:1em;font-size:1.05em;font-weight:700;display:flex}.mini-task-list{flex-direction:column;gap:1.05em;display:flex}.mini-task{align-items:center;gap:.7em;display:flex}.mini-checkbox{border:1px solid #c5d1dd;border-radius:.25em;justify-content:center;align-items:center;width:1.15em;height:1.15em;display:flex}.mini-checkbox.is-checked{color:#fff;background:#287ade;border-color:#287ade}.mini-checkbox svg{width:.85em;height:.85em}.mini-task-label{color:#53677f;font-size:.86em}.mini-progress{background:#e9eef6;border-radius:.5em;height:.45em;margin-top:1.5em}.mini-progress>span{border-radius:inherit;background:#3988e7;width:50%;height:100%;display:block}.mini-progress-label{margin-top:.65em}.mini-calendar-arrows{color:#596b82;font-size:1.5em}.mini-week{justify-content:space-between;margin-bottom:1.2em;display:flex}.mini-week>div{color:#8090a5;flex-direction:column;align-items:center;gap:.65em;font-size:.85em;display:flex}.mini-week b{color:#52647d;justify-content:center;align-items:center;width:2em;height:2em;font-weight:500;display:flex}.mini-week .today{color:#fff;background:#8362d7;border-radius:50%}.mini-calendar-grid{background-image:linear-gradient(90deg,#eaf0f7 1px,#0000 1px);background-size:20% 100%;flex-direction:column;gap:.7em;padding:.3em 0;display:flex}.mini-event{border-left:2px solid var(--module-color);background:var(--module-light);border-radius:.35em;width:81%;padding:.8em .75em}.mini-event-title{font-size:.86em;font-weight:550}.mini-event-sub{color:#6c7890;margin-top:.15em;font-size:.75em}.mini-bill-label{margin-top:2.1em}.mini-bill-label+.mini-document-title{margin-top:.5em}.mini-revenue{letter-spacing:-.04em;font-size:2.2em;font-weight:650}.mini-growth{color:#168a62;align-items:center;gap:.2em;margin-top:.2em;font-size:.75em;display:flex}.mini-growth svg{width:1.1em;height:1.1em}.mini-chart{background-image:linear-gradient(#eef2f7 1px,#0000 1px);background-size:100% 25%;border-bottom:1px solid #e5edf5;justify-content:space-between;align-items:flex-end;gap:.8em;height:13em;margin-top:1.3em;padding:0 .3em 1.7em;display:flex}.mini-bar-column{flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.mini-bar{background:linear-gradient(#5e9fab,#3b7893);border-radius:2px 2px 0 0;width:100%}.mini-bar-column:last-child .mini-bar{background:linear-gradient(#48bb96,#0b9869)}.mini-bar-column>span{color:#8191a4;font-size:.67em;position:absolute;bottom:-1.9em;left:50%;transform:translate(-50%)}.mini-report-footer{justify-content:space-between;align-items:center;margin-top:1.6em;display:flex}.mini-report-dot{background:#13956a;border-radius:50%;width:.65em;height:.65em}.app-breadcrumb,.app-person-company,.app-greeting-description,.map-job-address,.schedule-time,.schedule-address,.activity-description,.activity-time,.phone-today>span,.phone-bottom,.mini-muted,.mini-tabs,.mini-table-head,.mini-event-sub,.mini-bar-column>span,.mini-week>div{color:#586a80}.stat-trend,.mini-growth{color:#0d7750}.app-panel-link{color:#2867ab}.status-badge,.mini-badge-blue{color:#255f96}.phone-payment-desc{color:#4a6859}.mini-avatar,.schedule-crew{color:var(--module-ink)}.mini-badge-green{color:#0f7047}.mini-week .today{background:#7852cb}@media (width>=1500px){.mini-preview{font-size:8.8px}}@media (width>=1280px) and (width<=1350px){.mini-preview{font-size:7.2px}}@media (width>=768px) and (width<=1279px){.mini-preview{height:285px;font-size:10px}}@media (width>=480px) and (width<=767px){.mini-preview{height:285px;font-size:10px}}@media (width<=1023px){.device-annotation{top:-47px;right:2%}.device-annotation p{font-size:22px}.device-annotation svg{width:33px;top:14px;left:-34px}.phone-position{right:-2%}.device-caption{margin-top:20px;font-size:8px}}@media (width<=479px){.device-annotation{top:-43px;right:4%}.device-annotation p{font-size:15px}.device-annotation svg{width:25px;top:7px;left:-26px}.device-showcase{padding-bottom:20px}.phone-position{bottom:-4px;right:-2%}.device-caption{margin-top:17px;font-size:6px}.mini-preview{height:213px;padding:1.1em .9em;font-size:7.2px}}@media (width<=359px){.mini-preview{height:190px;font-size:6.2px}}.device-annotation{z-index:3;pointer-events:none}@media (width>=640px) and (width<=1023px){.hero-product{padding-top:66px}.device-annotation{top:-78px;right:4%}.device-annotation svg{width:37px;top:19px;left:-39px}}