.real-app{position:relative;width:100%;overflow:hidden;border:1px solid #ffffff25;border-radius:12px;color:#202124;background:#fff;font:11px/1.5 'Segoe UI',Arial,P,sans-serif;letter-spacing:0;box-shadow:0 22px 65px #0005}.real-app *{box-sizing:border-box}.real-app p,.real-app h4{margin:0}.real-app button{font:inherit;cursor:pointer}.product-icon{width:22px;height:22px;object-fit:contain;display:inline-block;vertical-align:middle}.app-menubar{height:27px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #e1e4e8;font-size:9px;background:#fafbfc}.tool-right{margin-left:auto}.traffic{display:flex;gap:5px;align-items:center;flex-shrink:0}.traffic i{width:8px;height:8px;background:#ff5f57;border-radius:50%}.traffic i:nth-child(2){background:#febc2e}.traffic i:nth-child(3){background:#28c840}.tableau-top{height:37px;display:flex;align-items:center;gap:22px;padding:0 12px;background:#f6f7f9;border-bottom:1px solid #e0e3e9}.tableau-top strong{font-size:15px;color:#264e77;font-weight:500;display:flex;gap:6px;align-items:center}.tableau-mark{color:#df7e35;font-size:23px}.tableau-top>span:last-child{margin-left:auto;color:#557b9f;font-size:9px}.tableau-tools{height:31px;display:flex;align-items:center;padding:0 12px;color:#788494;border-bottom:1px solid #dde2e7}.tableau-work{display:grid;grid-template-columns:108px 1fr;min-height:355px}.tableau-sidebar{background:#f6f7f8;border-right:1px solid #dfe3e8;font-size:9px;padding:10px 8px;color:#59738a}.tableau-sidebar>b{display:block;color:#3a4652;border-bottom:1px solid #dfe4e8;padding-bottom:10px}.tableau-sidebar p{font-size:8px;margin:12px 0}.tableau-sidebar small{color:#999;display:block;margin:18px 0 7px;font-size:8px}.tableau-sidebar>span,.tableau-sidebar>em{display:block;font-size:8px;margin:7px 0;font-style:normal}.tableau-sidebar>em{color:#438d64}.tableau-filter{margin-top:25px;border:1px solid #dce1e7;padding:8px;background:#fff}.tableau-filter strong{display:block;margin-top:7px;font-weight:400;color:#4c5158}.tableau-dashboard{padding:16px 16px 14px;min-width:0}.dashboard-title{display:flex;align-items:center;justify-content:space-between}.dashboard-title h4{font-size:17px;letter-spacing:-.5px;color:#333d49}.dashboard-title>span{font-size:8px;color:#9aa3ae}.tableau-kpis{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;border-top:1px solid #ebedf0;border-bottom:1px solid #ebedf0;padding:10px 0}.tableau-kpis>div{border-right:1px solid #e6eaf0;padding-left:14px}.tableau-kpis>div:first-child{padding-left:0}.tableau-kpis>div:last-child{border:0}.tableau-kpis small{display:block;font-size:8px;color:#8390a0}.tableau-kpis b{display:block;font-size:27px;font-weight:500;color:#334655;line-height:1.4}.tableau-kpis b small{display:inline;font-size:10px;padding-left:3px}.tableau-kpis em{font-style:normal;font-size:8px;color:#dc6659}.tableau-kpis>div>span{font-size:7px;color:#9ba4af}.chart-title{display:flex;justify-content:space-between;font-size:9px;margin-top:14px;color:#4d5d6c}.chart-title>span{color:#6286a4;font-size:7px}.real-chart{width:100%;height:126px;display:block;margin-top:5px}.tableau-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:8px;border-top:1px solid #e7ebef;font-size:8px;color:#7c8895}.tableau-bottom b{display:block;font-size:9px;color:#4a5968;margin-bottom:7px;font-weight:500}.tableau-bottom span{display:flex;align-items:center;gap:8px;font-size:7px;margin:5px 0}.tableau-bottom i{display:block;height:5px;width:var(--w);background:#6695b7}.tableau-bottom p{margin:6px 0}.tableau-bottom small{font-size:7px;color:#a0a8b1}.tableau-sheet-tabs{height:29px;background:#f5f6f8;border-top:1px solid #d9dfe5;display:flex;align-items:center;gap:15px;padding:0 12px;font-size:8px}.tableau-sheet-tabs b{background:#fff;height:100%;padding:6px 12px;color:#4177a7;border-top:2px solid #4177a7;font-weight:500}.tableau-sheet-tabs small{font-size:7px;color:#8d969f;margin-left:auto}
.gmail-app{background:#f6f8fc}.gmail-top{display:flex;align-items:center;gap:12px;padding:12px 13px;height:58px}.hamburger{font-size:15px;color:#687077}.gmail-top strong{font-family:Arial,sans-serif;font-size:20px;color:#5f6368;font-weight:400;display:flex;gap:8px;align-items:center}.gmail-top .product-icon{width:26px;height:26px}.gmail-search{background:#eaf1fb;border-radius:20px;flex:1;padding:10px 15px;color:#81878e;font-size:11px;margin-left:12px;display:flex;justify-content:space-between}.google-avatar{background:#7e57c2;border-radius:50%;width:27px;height:27px;color:#fff;display:grid;place-items:center;font-size:10px}.gmail-work{display:grid;grid-template-columns:126px 1fr;min-height:396px}.gmail-sidebar{padding:3px 8px 20px 0;color:#5e6368;font-size:9px}.gmail-compose{display:inline-block;background:#c2e7ff;border-radius:14px;padding:15px 13px;margin:0 0 16px 8px;color:#20364a;font-weight:500;font-size:10px}.gmail-sidebar>b,.gmail-sidebar>span{display:block;padding:6px 11px;white-space:nowrap}.gmail-sidebar>b{background:#d3e3fd;border-radius:0 15px 15px 0;color:#15305c;font-weight:600}.gmail-sidebar b span,.gmail-sidebar i{float:right;font-size:8px;font-style:normal}.gmail-sidebar small{display:block;padding:20px 11px 6px;color:#757a80;font-size:9px}.gmail-inbox{min-width:0;border-radius:14px 0 0 0;background:#fff;overflow:hidden}.gmail-actions{display:flex;justify-content:space-between;height:35px;align-items:center;padding:0 13px;color:#67707a;font-size:10px}.gmail-actions span{font-size:8px}.gmail-categories{display:flex;gap:25px;border-bottom:1px solid #e7eaed;padding:10px 12px 0;font-size:9px;color:#5f6368;height:39px}.gmail-categories b{color:#0b57d0;border-bottom:3px solid #0b57d0;padding-bottom:10px}.gmail-row{display:flex;align-items:center;gap:10px;padding:11px 10px;border-bottom:1px solid #e5e9ef;background:#f2f6fc;font-size:9px;min-width:0}.gmail-row.unread{background:#fff}.mail-check{color:#92989f;font-size:11px;white-space:nowrap}.gmail-row>b{font-size:9px;min-width:57px;font-weight:500}.gmail-row.unread>b{font-weight:700}.gmail-row>div{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gmail-row em{font-size:7px;background:#fce8b2;color:#71511c;padding:2px 4px;font-style:normal;margin-right:5px;border-radius:3px}.gmail-row strong{font-weight:400;font-size:9px}.gmail-row.unread strong{font-weight:600}.gmail-row>div>span{color:#8e959d;font-size:9px}.gmail-row time{font-size:7px;margin-left:auto}.gmail-draft{margin:22px 14px 0 42px;box-shadow:0 0 14px #142b4b22;border:1px solid #e5e8ed;border-bottom:0;border-radius:8px 8px 0 0;background:#fff}.draft-title{display:flex;justify-content:space-between;background:#f2f6fc;padding:9px 12px;font-size:9px;color:#394654;border-radius:8px 8px 0 0}.draft-address,.draft-subject{margin:0 12px;padding:7px 0;border-bottom:1px solid #eceff2;color:#828994;font-size:8px}.draft-address span{background:#e8f0fe;color:#456794;padding:2px 6px;border-radius:9px;margin-left:8px}.draft-subject{color:#4f5660}.gmail-draft p{padding:12px;line-height:1.9;font-size:9px}.draft-footer{display:flex;gap:9px;align-items:center;padding:5px 12px 12px}.draft-footer>b{background:#0b57d0;color:white;border-radius:14px;padding:6px 11px;font-size:9px;font-weight:500}.draft-footer>span{color:#868e98;font-size:9px}.draft-footer small{font-size:7px;color:#969da5;margin-left:auto}
.excel-title{display:flex;align-items:center;gap:9px;padding:9px 13px;background:#107c41;color:#fff;height:43px}.excel-title .product-icon{width:23px;height:23px}.excel-title strong{font-size:11px;font-weight:500}.excel-title>span{font-size:8px;opacity:.8}.excel-title>small{margin-left:auto;background:#ffffff23;border-radius:4px;padding:5px 22px;font-size:9px;font-weight:400}.excel-title>.excel-account{background:#ffffff30;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;margin-left:8px}.excel-menu{height:31px;border-bottom:1px solid #ddd;background:#fafafa;padding:7px 12px;font-size:9px;color:#555}.excel-menu b{font-weight:500;color:#107c41;text-decoration:underline;text-underline-offset:8px}.excel-ribbon{display:flex;gap:0;background:#fafafa;border-bottom:1px solid #ddd;padding:9px 8px;font-size:11px;color:#4e555e;min-height:66px}.excel-ribbon>div{border-right:1px solid #ddd;padding:0 13px;white-space:nowrap}.excel-ribbon small{display:block;font-size:7px;margin-top:8px}.excel-ribbon p{font-size:9px;margin-top:8px;letter-spacing:2px}.excel-ribbon>div>span{border:1px solid #d4d7d9;padding:2px 4px;font-size:9px;background:#fff}.formula-bar{display:flex;align-items:center;gap:10px;height:30px;background:#f7f8f9;padding:4px 7px;border-bottom:1px solid #ddd}.formula-bar>span{border:1px solid #cdd2d6;padding:1px 8px;background:white;font-size:8px;width:64px}.formula-bar>b{font-weight:400;color:#8a9298;font-size:10px}.formula-bar>code{border:1px solid #d5dadd;background:#fff;flex:1;padding:1px 8px;font-size:9px;font-family:Arial,sans-serif}.excel-sheet{background:white;overflow:hidden;min-height:247px}.excel-grid{width:100%;border-collapse:collapse;table-layout:fixed;font-size:9px;font-variant-numeric:tabular-nums}.excel-grid th,.excel-grid td{border-right:1px solid #dce2e5;border-bottom:1px solid #dce2e5;height:23px;padding:3px 6px;text-align:right;white-space:nowrap;font-weight:400}.excel-grid th{background:#f3f5f6;color:#69757c;text-align:center}.excel-grid th:first-child{width:25px}.excel-grid tbody td:nth-child(2),.excel-grid tbody td:nth-child(3){text-align:left}.excel-grid tbody tr:first-child td{background:#e2f0d9;color:#31552a;font-weight:600}.excel-grid .excel-total td{background:#e2f0d9;font-weight:600}.excel-grid .excel-total td:last-child{outline:2px solid #107c41;outline-offset:-1px;position:relative}.excel-grid .excel-total td:last-child:after{content:'';position:absolute;width:5px;height:5px;background:#107c41;bottom:-2px;right:-2px}.excel-empty{height:58px;color:#8b949a;background:linear-gradient(90deg,#f2f4f6 25px,transparent 25px),repeating-linear-gradient(0deg,transparent,transparent 22px,#e1e5e8 22px,#e1e5e8 23px);font-size:8px;line-height:23px;padding-left:10px}.excel-tabs{display:flex;gap:20px;padding:0 13px;height:28px;align-items:center;background:#f4f5f5;font-size:9px;color:#65716b;border-top:1px solid #d8ddda}.excel-tabs>b{height:100%;padding:5px 8px;border-bottom:3px solid #107c41;color:#107c41;background:#fff;font-weight:600}.excel-status{display:flex;justify-content:space-between;align-items:center;height:20px;background:#107c41;color:#fff;font-size:7px;padding:0 10px}.product-delivery{display:flex;gap:8px;align-items:center;margin-top:13px;color:#aab5b0;font-size:9px}.product-delivery>b{font-weight:400;margin-right:7px}.product-delivery>span:last-child{margin-left:auto;color:#80bc98;font-size:8px}.file-symbol{font-style:normal;font-size:6px!important;display:inline-grid;place-items:center;width:21px;height:26px;border:1px solid #e5c2bc;border-radius:2px;color:#ba4840;background:#fff6f4;flex-shrink:0}.file-symbol.xls{background:#e8f2ec;color:#187542;border-color:#a6d2b9}.file-symbol.ppt{background:#f9e7da;color:#c35f2d}
.chrome-tabs{display:flex;gap:14px;align-items:center;height:35px;background:#e8eaed;padding:0 11px;color:#555}.chrome-tab{height:29px;margin-top:6px;padding:5px 12px;display:flex;align-items:center;gap:6px;border-radius:8px 8px 0 0;background:#fff;min-width:200px;font-size:9px}.chrome-tab .product-icon{width:14px;height:14px}.chrome-tab b{margin-left:auto;font-weight:400;color:#777}.chrome-add{font-size:18px}.chrome-toolbar{display:flex;gap:13px;align-items:center;padding:6px 12px;background:#fff;height:35px;border-bottom:1px solid #e2e5e8;font-size:10px;color:#747a83}.omnibox{display:flex;align-items:center;gap:10px;border-radius:18px;background:#f1f3f4;flex:1;padding:5px 11px;color:#5f6368;font-size:9px}.real-app .site-choices{background:#fff;padding:9px 14px;border-bottom:1px solid #e3e7e6;gap:6px}.real-app .site-choices button{font-size:8px;color:#7e8586;padding:4px 8px}.real-app .site-choices button[aria-pressed=true]{background:#eef1ed;color:#3c5a3b}.real-site.site-preview{background:#faf9f6;color:#272b28;min-height:330px}.real-site .mini-site-nav{padding:19px 22px;border-bottom:1px solid #d9ded7;font-size:9px}.real-site .mini-site-nav>b{font-size:12px}.real-site-main{display:grid;grid-template-columns:1fr .85fr;gap:20px;min-height:269px;align-items:center;padding:15px 22px}.real-site .mini-site-content{width:auto;padding:0}.real-site .mini-site-content>span:first-child{font-size:8px}.real-site .mini-site-content h4{font-size:27px;margin:15px 0;letter-spacing:-1.5px}.real-site .mini-site-content p{font-size:9px;line-height:1.8}.real-site .mini-site-link{font-size:8px;margin-top:20px}.portfolio-canvas{min-width:0}.code-editor{background:#202329;color:#acb4c0;border:1px solid #363c47;border-radius:5px;box-shadow:0 10px 20px #0002;overflow:hidden;transform:rotate(-2deg)}.code-editor>div{background:#292d35;font-size:7px;padding:7px;color:#aeb7c8}.code-editor pre{font:8px/2 monospace;padding:10px 9px;white-space:pre-wrap;margin:0;color:#b6c9de}.code-editor pre span{color:#d9946e}.deploy-status{background:#fff;border:1px solid #dde2db;box-shadow:0 6px 20px #0001;display:flex;align-items:center;gap:7px;font-size:8px;padding:10px;margin-top:17px;transform:rotate(1deg);color:#61755d}.deploy-status i{width:5px;height:5px;border-radius:50%;background:#63a472}.deploy-status>span{margin-left:auto}.real-site[data-theme=shop]{background:#f6f3e9;color:#364a31}.real-site[data-theme=club]{background:#f0f5fa;color:#344f6a}.google-result-page{background:white;padding:16px 18px 0;min-height:390px}.google-search-row{display:flex;gap:20px;align-items:center}.google-search-row>.product-icon{width:63px;height:auto}.google-search-row>div{border:1px solid #dfe1e5;box-shadow:0 2px 5px #3c404314;border-radius:24px;padding:9px 15px;font-size:11px;display:flex;flex:1;justify-content:space-between}.google-search-row>div>span{color:#777}.google-search-tabs{display:flex;gap:22px;margin:18px 0 0 85px;font-size:9px;color:#70757a;border-bottom:1px solid #eceef0;padding-bottom:9px}.google-search-tabs>b{font-weight:500;color:#1a73e8}.google-results{padding:3px 6px 12px 85px}.google-result{margin-top:18px}.google-result>div{display:flex;align-items:center;gap:7px;font-size:8px;color:#4f5459}.result-favicon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f0f2f5;font-size:10px;color:#444;flex:none}.google-result small{display:block;font-size:7px;color:#70757a;margin-top:2px}.google-result i{font-style:normal;margin-left:3px}.google-result h4{font-size:13px;color:#1a0dab;margin:5px 0 3px;font-weight:400;line-height:1.45}.google-result p{font-size:9px;color:#70757a;line-height:1.6}.chrome-download{display:flex;align-items:center;gap:9px;padding:11px 13px;background:#f8fafd;margin:14px -18px 0;border-top:1px solid #e7ebef;color:#4a596a}.chrome-download b{font-size:9px;font-weight:500}.chrome-download small{display:block;font-size:8px;color:#8791a0;margin-top:3px}.chrome-download>span:last-child{margin-left:auto;color:#348e63}
.desktop-app{height:448px;background:linear-gradient(145deg,#c2dff1,#7a9fcb 45%,#3c568b);position:relative;isolation:isolate}.os-menubar{height:25px;display:flex;align-items:center;padding:0 12px;gap:14px;background:#dbe6f0c9;color:#344660;font-size:8px}.os-menubar strong{font-size:9px;font-weight:600}.os-menubar>span:last-child{margin-left:auto;font-size:7px}.os-switch{position:absolute;right:14px;top:41px;display:flex;background:#ffffff50;backdrop-filter:blur(12px);border:1px solid #ffffff50;padding:3px;border-radius:7px;gap:3px}.os-switch button{border:0;padding:5px 9px;color:#324968;background:transparent;border-radius:4px;font-size:8px}.os-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #0002}.finder-window{position:absolute;top:84px;left:5%;width:90%;background:#fff;border:1px solid #ffffff85;box-shadow:0 15px 36px #1c345d44;border-radius:9px;overflow:hidden}.finder-toolbar{height:43px;background:#f4f4f5;border-bottom:1px solid #ddd;display:flex;align-items:center;padding:0 12px;gap:13px;font-size:10px}.finder-toolbar b{font-weight:500;color:#4e5158}.finder-toolbar>span:last-child{margin-left:auto;color:#737980;font-size:10px}.finder-body{display:grid;grid-template-columns:112px 1fr;min-height:231px}.finder-body>aside{background:#edf0f3;padding:12px 0;font-size:8px;color:#687381;border-right:1px solid #e0e4e8}.finder-body aside small{font-size:7px;color:#9aa1aa;display:block;padding:0 12px;margin:0 0 7px}.finder-body aside small:nth-of-type(2){margin-top:17px}.finder-body aside>span,.finder-body aside>b{display:block;padding:5px 12px;font-weight:400}.finder-body aside>b{background:#d5dce5;color:#3f556b}.finder-list{min-width:0}.finder-columns{display:grid;grid-template-columns:1fr 40px 45px;padding:6px 10px;border-bottom:1px solid #e8ebee;color:#9a9fa7;font-size:8px}.finder-row{display:grid;grid-template-columns:1fr 40px 45px;align-items:center;padding:6px 10px;gap:3px;font-size:8px;color:#64707c}.finder-row:nth-child(even){background:#f6f7f9}.finder-row.selected{background:#dbe9fc;color:#234b7b}.finder-row>span:first-child{display:flex;align-items:center;gap:7px;white-space:nowrap}.finder-row .file-symbol{width:16px;height:20px;font-size:5px!important}.finder-done{display:flex;gap:9px;align-items:center;padding:15px 12px;color:#4f785b}.finder-done>span{border-radius:50%;background:#e5f2e9;width:22px;height:22px;display:grid;place-items:center}.finder-done b{display:block;font-size:8px;font-weight:500}.finder-done small{display:block;color:#94a099;font-size:7px;margin-top:4px}.finder-status{height:22px;background:#fafbfc;border-top:1px solid #e4e7eb;font-size:7px;color:#8e969f;text-align:center;padding:5px}.os-dock{position:absolute;display:flex;align-items:center;justify-content:center;gap:13px;bottom:11px;left:50%;transform:translateX(-50%);background:#e2e7f052;border:1px solid #ffffff65;border-radius:13px;padding:9px 14px;backdrop-filter:blur(12px)}.os-dock>.product-icon{width:29px;height:29px;filter:drop-shadow(0 2px 2px #0002)}.finder-icon{display:grid;place-items:center;background:linear-gradient(90deg,#56a6ee 50%,#d4eaff 50%);color:#244d77;width:28px;height:28px;border-radius:6px;font-size:20px}.dock-folder{font-size:29px;color:#d0b75d;line-height:1}.os-dock>span:last-child{font-size:22px;color:#e7eef8}.desktop-app[data-os=windows]{background:radial-gradient(ellipse at 70% 65%,#0ba8ea,#0758c2 55%,#043068)}.desktop-app[data-os=windows] .os-menubar{visibility:hidden}.desktop-app[data-os=windows] .finder-window{border-radius:8px}.desktop-app[data-os=windows] .finder-toolbar .traffic i{border-radius:0;background:#919ca9;width:7px;height:1px}.desktop-app[data-os=windows] .os-dock{border-radius:0;bottom:0;width:100%;padding:8px;background:#eaf2ffcf;border:0}.desktop-app[data-os=windows] .finder-icon{background:#087ed8;color:#e4f5ff;border-radius:0}
.motion .process-scene.is-active .real-chart .chart-trace{stroke-dasharray:550;stroke-dashoffset:550;animation:draw-chart 1.5s .1s ease forwards}.process-scene.is-active .finder-row.selected{animation:product-select 3s ease-in-out infinite}.process-scene.is-active .gmail-draft{animation:product-reveal .6s .2s both}@keyframes product-select{0%,100%{background:#dbe9fc}50%{background:#bed9fc}}@keyframes product-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:800px){.real-app{border-radius:8px;font-size:9px}.tableau-work{grid-template-columns:65px 1fr;min-height:267px}.tableau-top{height:30px;gap:12px;padding:0 8px}.tableau-top strong{font-size:12px}.tableau-top>span{font-size:8px}.app-menubar{font-size:6px;height:22px;padding:0 7px;white-space:nowrap}.tableau-tools{height:25px;font-size:8px;padding:0 8px}.tableau-sidebar{padding:8px 5px;font-size:7px}.tableau-sidebar>span,.tableau-sidebar>em,.tableau-sidebar p{font-size:6px}.tableau-sidebar small{font-size:6px;margin:12px 0 5px}.tableau-sidebar>b{font-size:7px}.tableau-filter{font-size:6px;padding:5px;margin-top:15px}.tableau-dashboard{padding:11px 9px}.dashboard-title h4{font-size:12px}.dashboard-title>span{font-size:6px}.tableau-kpis{margin-top:9px;padding:7px 0}.tableau-kpis>div{padding-left:8px}.tableau-kpis b{font-size:20px}.tableau-kpis small{font-size:6px}.tableau-kpis>div>span{font-size:5px}.tableau-kpis em{font-size:6px}.chart-title{font-size:7px;margin-top:10px}.chart-title>span{font-size:5px}.real-chart{height:85px}.tableau-bottom{gap:7px;font-size:6px}.tableau-bottom b{font-size:6px}.tableau-bottom span,.tableau-bottom small{font-size:5px}.tableau-sheet-tabs{height:23px;font-size:6px;gap:8px;padding:0 7px}.tableau-sheet-tabs small{font-size:5px}.tableau-sheet-tabs b{padding:4px 7px}.gmail-top{height:43px;padding:8px;gap:8px}.gmail-top strong{font-size:15px;gap:5px}.gmail-top .product-icon{width:20px;height:20px}.gmail-search{font-size:8px;padding:7px 9px;margin-left:0}.google-avatar{width:22px;height:22px;font-size:8px}.gmail-work{grid-template-columns:77px 1fr;min-height:325px}.gmail-sidebar{font-size:6px}.gmail-compose{padding:10px 7px;margin:0 0 12px 5px;font-size:7px;border-radius:10px}.gmail-sidebar>b,.gmail-sidebar>span{padding:5px 6px;font-size:6px}.gmail-sidebar small{font-size:6px;padding:15px 6px 5px}.gmail-sidebar b span{font-size:6px}.gmail-actions{padding:0 8px;height:28px;font-size:7px}.gmail-actions span{font-size:6px}.gmail-categories{font-size:7px;gap:16px;height:31px;padding:8px 8px 0}.gmail-row{gap:6px;padding:9px 7px}.mail-check{font-size:7px}.gmail-row>b{font-size:7px;min-width:39px}.gmail-row strong{font-size:7px}.gmail-row time{font-size:6px}.gmail-row em{font-size:5px;padding:1px 3px}.gmail-row>div>span{display:none}.gmail-draft{margin:17px 9px 0 17px}.draft-title{padding:8px;font-size:8px}.draft-address,.draft-subject{font-size:7px;margin:0 8px;padding:6px 0}.gmail-draft p{padding:10px 8px;font-size:8px}.draft-footer{padding:4px 8px 10px;gap:5px}.draft-footer>b{font-size:7px;padding:5px 8px}.draft-footer small{font-size:5px}.draft-footer>span{font-size:7px}.excel-title{padding:7px 8px;height:34px;gap:6px}.excel-title strong{font-size:9px}.excel-title>span{font-size:6px}.excel-title>small{font-size:7px;padding:4px 10px}.excel-title .product-icon{width:18px;height:18px}.excel-menu{font-size:7px;height:27px;padding:6px 8px;white-space:nowrap}.excel-ribbon{min-height:57px;padding:7px 5px}.excel-ribbon>div{padding:0 8px;font-size:9px}.excel-ribbon>div:last-child{display:none}.excel-ribbon>div>span{font-size:7px}.excel-ribbon p{font-size:7px}.excel-ribbon small{font-size:6px}.formula-bar{height:26px;gap:6px}.formula-bar>span{font-size:7px;width:42px;padding:1px 4px}.formula-bar>b{font-size:8px}.formula-bar>code{font-size:8px}.excel-sheet{min-height:218px}.excel-grid{font-size:7px}.excel-grid th,.excel-grid td{height:21px;padding:3px;font-size:7px}.excel-grid th:first-child{width:18px}.excel-empty{height:32px;background:linear-gradient(90deg,#f2f4f6 18px,transparent 18px),repeating-linear-gradient(0deg,transparent,transparent 20px,#e1e5e8 20px,#e1e5e8 21px);padding-left:6px}.excel-tabs{height:25px;font-size:7px;gap:14px;padding:0 8px}.excel-status{font-size:5px;height:17px;padding:0 6px}.product-delivery{gap:5px;margin-top:9px;font-size:7px}.product-delivery>span:last-child{font-size:6px}.product-delivery .file-symbol{width:16px;height:21px;font-size:5px!important}.product-delivery>b{margin-right:2px}.chrome-tabs{height:29px;padding:0 8px;gap:10px}.chrome-tab{font-size:7px;height:24px;min-width:160px;margin-top:5px;padding:4px 8px}.traffic i{width:6px;height:6px}.chrome-tab .product-icon{width:11px;height:11px}.chrome-toolbar{height:29px;font-size:8px;padding:4px 7px;gap:8px}.omnibox{font-size:7px;padding:4px 8px;gap:6px}.real-app .site-choices{padding:7px 9px}.real-app .site-choices button{font-size:7px;padding:4px 7px}.real-site.site-preview{min-height:264px}.real-site .mini-site-nav{padding:14px 15px}.real-site .mini-site-nav>b{font-size:10px}.real-site .mini-site-nav>span{font-size:6px}.real-site-main{padding:12px 15px;gap:10px;min-height:213px}.real-site .mini-site-content h4{font-size:20px;letter-spacing:-1.1px;margin:12px 0}.real-site .mini-site-content>span:first-child{font-size:6px}.real-site .mini-site-content p{font-size:7px}.real-site .mini-site-link{font-size:6px;margin-top:17px}.code-editor>div{font-size:5px;padding:5px}.code-editor pre{font-size:6px;padding:8px 6px}.deploy-status{font-size:6px;padding:7px;gap:5px;margin-top:12px}.google-result-page{padding:14px 12px 0;min-height:329px}.google-search-row{gap:12px}.google-search-row>.product-icon{width:48px}.google-search-row>div{font-size:9px;padding:7px 10px}.google-search-tabs{margin-left:60px;font-size:7px;gap:17px;margin-top:13px;padding-bottom:7px}.google-results{padding-left:60px;padding-right:0}.google-result{margin-top:15px}.google-result>div{font-size:6px;gap:5px}.result-favicon{width:16px;height:16px;font-size:8px}.google-result small{font-size:5px}.google-result h4{font-size:10px;line-height:1.45}.google-result p{font-size:7px}.chrome-download{margin:12px -12px 0;padding:9px 11px}.chrome-download b{font-size:7px}.chrome-download small{font-size:6px}.chrome-download .file-symbol{width:17px;height:22px}.desktop-app{height:351px}.os-menubar{height:22px;padding:0 8px;gap:9px;font-size:6px}.os-menubar strong{font-size:7px}.os-menubar>span:last-child{font-size:5px}.os-switch{top:32px;right:10px;padding:2px}.os-switch button{font-size:7px;padding:4px 7px}.finder-window{top:66px;left:4%;width:92%;border-radius:7px}.finder-toolbar{height:34px;padding:0 8px;gap:8px;font-size:8px}.finder-toolbar>span:last-child{font-size:8px}.finder-body{grid-template-columns:73px 1fr;min-height:193px}.finder-body>aside{font-size:6px;padding-top:9px}.finder-body aside small{font-size:5px;padding:0 8px}.finder-body aside>span,.finder-body aside>b{padding:4px 8px;font-size:6px}.finder-columns{grid-template-columns:1fr 27px 31px;font-size:6px;padding:5px 6px}.finder-row{grid-template-columns:1fr 27px 31px;font-size:6px;padding:6px;gap:2px}.finder-row>span:first-child{gap:4px;font-size:6px}.finder-row .file-symbol{width:13px;height:17px;font-size:4px!important}.finder-done{gap:6px;padding:12px 7px}.finder-done b{font-size:6px}.finder-done small{font-size:5px}.finder-done>span{width:18px;height:18px}.finder-status{height:19px;padding:4px;font-size:6px}.os-dock{gap:10px;bottom:8px;padding:7px 11px;border-radius:10px}.os-dock>.product-icon{width:23px;height:23px}.finder-icon{width:23px;height:23px;font-size:16px}.dock-folder{font-size:24px}.os-dock>span:last-child{font-size:19px}}
@media(prefers-reduced-motion:reduce){.process-scene.is-active .finder-row.selected,.process-scene.is-active .gmail-draft,.motion .process-scene.is-active .real-chart .chart-trace{animation:none;stroke-dashoffset:0}}

.real-chart .chart-trace{stroke:#4682b4;stroke-width:2.5}.real-chart .chart-comparison{stroke:#bcc9d5;stroke-width:1.5;fill:none}.window-controls{display:none;margin-left:auto;letter-spacing:14px;font-size:10px;color:#666}.desktop-app[data-os=windows] .finder-toolbar .traffic{display:none}.desktop-app[data-os=windows] .window-controls{display:block}.desktop-app[data-os=windows] .finder-toolbar>span:last-child:not(.window-controls){display:none}.desktop-app[data-os=windows] .finder-icon{font-size:0;background:transparent;position:relative}.desktop-app[data-os=windows] .finder-icon:after{content:'';position:absolute;width:9px;height:9px;left:3px;top:3px;background:#087ed8;box-shadow:11px 0 #087ed8,0 11px #087ed8,11px 11px #087ed8}
@media(min-width:800px){.process-scene .scene-visual{width:100%;margin-left:0}}
@media(max-width:799px){.motion .process-cinema:not(.process-static) .process-scene{grid-template-rows:auto minmax(0,1fr);gap:15px}.motion .process-cinema:not(.process-static) .scene-flow{display:none}.motion .process-cinema:not(.process-static) .scene-copy>p:last-child{margin-top:10px}.motion .process-cinema:not(.process-static) .scene-visual{max-width:430px}.motion .process-cinema:not(.process-static) .scene-number{margin-bottom:10px}}