@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../media/31e5e20239562b7a-s.3ih7dxnymi4t5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9a8b04342f903b9d-s.3uaqc_eim_oz1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c6e2684784a55443-s.p.2w-eao_k5pziq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(../media/742f0fcf9aa5cfe6-s.1haaxlqnxotgo.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b524e3bdcc8dfcd3-s.2km9zhv-p9t3b.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a083361d37caf3d1-s.p.00u70rl5ce7ry.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b221c6d9681431a7-s.0p3m7ez1fl9bq.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../media/af7efeee822b8a1b-s.0owl_bf4j-7yx.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6c98c9fb873995d2-s.p.14sz-5zsn4k6e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Fallback;src:local(Arial);ascent-override:103.43%;descent-override:20.69%;line-gap-override:0.0%;size-adjust:96.68%}.barlow_63b6a8bb-module__B5OUgW__className{font-family:Barlow,Barlow Fallback;font-style:normal}.barlow_63b6a8bb-module__B5OUgW__variable{--font-barlow:"Barlow", "Barlow Fallback"}
.amp{--amp-card:#f6fcff;--amp-bg:#e5f7fa;--amp-fg:#020617;--amp-primary:#0c4884;--amp-primary-fg:#f6fcff;--amp-secondary:#cef8fd;--amp-secondary-fg:#0f172a;--amp-accent:#4ccbfc;--amp-muted-fg:#5b6473;--amp-line:#00e5ff;--amp-border:#e2e8f0;--amp-input:#cbd5e1;--amp-destructive:#dc2626;--amp-destructive-fg:#f8fafc;--amp-success:#15803d;--amp-warning:#b45309;--amp-primary-dark:#004b81;--amp-white:#fff;--amp-sky-near:#f2fcff;--amp-sky-mid:#dcf4fb;--amp-sky-far:#b9e6f3}
.amp{--amp-s:.2;--amp-view:420;--amp-cam:0;--amp-ease:cubic-bezier(.16, 1, .3, 1);isolation:isolate;background-color:var(--color-ocean-tint);font-family:var(--font-barlow), ui-sans-serif, system-ui, sans-serif;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;justify-content:center;align-items:flex-start;padding-top:4%;display:flex;position:absolute;inset:0;overflow:hidden}.amp:before{content:"";background:url(/images/work/bg-ht-1.webp) 50% 40%/cover no-repeat;position:absolute;inset:0}.amp:after{content:"";opacity:var(--grain);mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='1.4' numOctaves='1' seed='2' stitchTiles='stitch' result='n'/%3E%3CfeComponentTransfer result='g'%3E%3CfeFuncR type='linear' slope='4' intercept='1'/%3E%3CfeFuncG type='linear' slope='4' intercept='1'/%3E%3CfeFuncB type='linear' slope='4' intercept='1'/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix type='saturate' values='0' in='g'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.amp-backdrop{opacity:.14;pointer-events:none;background-image:url(/images/ampure/hero-lines.svg);background-position:50%;background-repeat:no-repeat;background-size:190%;position:absolute;inset:-20% -10%}.amp-frame{width:calc(412px * var(--amp-s));height:calc(var(--amp-view) * var(--amp-s) * 1px);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #02061712,0 18px 40px -18px #02061773,0 6px 16px -10px #0206174d}.amp-stage{width:412px;height:887px;transform:scale(var(--amp-s)) translateY(calc(var(--amp-cam,0) * -1px));transform-origin:0 0;transition:transform calc(.95s * var(--demo-time)) var(--amp-ease);position:absolute;top:0;left:0}.amp[data-cam=hero]{--amp-cam:0}.amp[data-cam=action]{--amp-cam:280}.amp[data-cam=sheet]{--amp-cam:543}.amp-device{background:var(--amp-card);opacity:0;transition:transform calc(.82s * var(--demo-time)) var(--amp-ease), opacity calc(.56s * var(--demo-time)) ease-out;position:absolute;inset:0;overflow:hidden;transform:translateY(12%)scale(.985)}.amp[data-entered=false] .amp-stage{transition:none}.amp[data-entered=true] .amp-device{opacity:1;transform:translateY(0)scale(1)}.amp-statusbar{background:var(--amp-card);height:24px;position:relative}.amp-clock{letter-spacing:.014px;color:var(--amp-fg);font-family:Roboto,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:16px;position:absolute;top:4px;left:13.73px}.amp-sysicons{align-items:flex-start;gap:6px;display:flex;position:absolute;top:6px;left:323.21px}.amp-hero{background-image:linear-gradient(166deg, #4ccbfc34 0%, #cef8fd4d 56%), linear-gradient(90deg, var(--amp-card) 0%, var(--amp-card) 100%);flex-direction:column;gap:10px;padding:32px 16px 24px;display:flex;position:relative;overflow:hidden}.amp-hero-art{opacity:.15;pointer-events:none;background-image:url(/images/ampure/hero-lines.svg);background-size:100% 100%;width:767.303px;height:152.796px;position:absolute;top:42px;left:-338px}.amp-hero-inner{flex-direction:column;justify-content:center;gap:8px;display:flex;position:relative}.amp-hero-block{flex-direction:column;gap:4px;display:flex}.amp-sync{color:var(--amp-fg);opacity:.7;font-size:12px;font-weight:400;line-height:20px}.amp-statusrow{justify-content:space-between;align-items:center;display:flex}.amp-badge{white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.amp-badge--connected{background:var(--amp-success);color:var(--amp-destructive-fg)}.amp-badge--new{background:var(--amp-destructive);color:var(--amp-destructive-fg)}.amp-badge--installing,.amp-badge--premium{background:var(--amp-accent);color:var(--amp-secondary-fg)}.amp-disconnect{color:var(--amp-fg);text-underline-position:from-font;white-space:nowrap;align-items:center;gap:4px;font-size:14px;font-weight:500;line-height:24px;text-decoration:underline;display:flex}.amp-vehicle{letter-spacing:-.9px;color:var(--amp-fg);font-size:36px;font-weight:500;line-height:40px}.amp-details{align-items:flex-start;gap:2px;display:flex}.amp-detail{flex:1 0 0;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.amp-detail span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--amp-fg);opacity:.9;flex:1 0 0;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.amp-tabwrap{height:48px;position:relative}.amp-tabs{background:var(--amp-secondary);align-items:stretch;padding:6px 16px;display:flex;position:absolute;inset:0;box-shadow:inset 0 2px 4px #0000000d}.amp-tab{text-align:center;min-width:56px;color:var(--amp-fg);border-radius:4px;flex:1 0 0;justify-content:center;align-items:center;padding:6px 12px;font-size:14px;font-weight:500;line-height:20px;display:flex}.amp-tab--active{border:1px solid var(--amp-line);color:var(--amp-primary-fg);filter:drop-shadow(0 1px 1px #0000000d);background-image:linear-gradient(160.895deg, #fff3 15.888%, #fff0 75.409%), linear-gradient(90deg, var(--amp-primary) 0%, var(--amp-primary) 100%)}.amp-tabbadge{position:absolute;top:10px;left:351px}.amp-content{width:380px;position:absolute;top:268px;left:16px}.amp-overview{border:1px solid var(--amp-border);background-image:url("data:image/svg+xml;utf8,<svg width='380' height='220' viewBox='0 0 380 220' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><defs><radialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(0.00000044447 40.52 -69.99 0.00000071684 190 74.082)'><stop stop-color='rgba(0,229,255,0)' offset='0.31373'/><stop stop-color='rgba(5,128,147,0.5)' offset='0.51245'/><stop stop-color='rgba(8,77,92,0.75)' offset='0.61181'/><stop stop-color='rgba(9,51,65,0.875)' offset='0.66149'/><stop stop-color='rgba(10,26,38,1)' offset='0.71117'/></radialGradient></defs><rect x='0' y='0' width='380' height='220' fill='url(%23g)' opacity='0.2'/></svg>"), linear-gradient(90deg, var(--amp-card) 0%, var(--amp-card) 100%);background-size:100% 100%;flex-wrap:wrap;align-content:flex-start;gap:24px 16px;padding:20px 16px;display:flex}.amp-info{flex:1 0 0;align-items:flex-start;gap:4px;min-width:160px;display:flex}.amp-info-text{flex-direction:column;flex:1 0 0;justify-content:center;gap:4px;min-width:0;display:flex}.amp-info-label{color:var(--amp-muted-fg);font-size:14px;font-weight:500;line-height:20px}.amp-info-value{letter-spacing:-.6px;color:var(--amp-fg);font-size:20px;font-weight:500;line-height:1}.amp-info-value--warning{color:var(--amp-warning)}.amp-info-value--danger{color:var(--amp-destructive)}.amp-actions{flex-direction:column;gap:16px;margin-top:20px;display:flex}.amp-action-row{align-items:center;gap:16px;display:flex;position:relative}.amp-action{border:1px solid var(--amp-line);background-image:url("data:image/svg+xml;utf8,<svg width='182' height='80' viewBox='0 0 182 80' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><defs><radialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(12.6 7.7 -18.255 6.0865 91 36)'><stop stop-color='rgba(229,247,250,1)' offset='0.51046'/><stop stop-color='rgba(180,195,202,0.8)' offset='0.63284'/><stop stop-color='rgba(130,144,154,0.6)' offset='0.75523'/><stop stop-color='rgba(80,92,107,0.4)' offset='0.87761'/><stop stop-color='rgba(30,41,59,0.2)' offset='1'/></radialGradient></defs><rect x='0' y='0' width='182' height='80' fill='url(%23g)' opacity='0.2'/></svg>"), linear-gradient(90deg, var(--amp-secondary) 0%, var(--amp-secondary) 100%);min-width:0;min-height:80px;color:var(--amp-fg);white-space:nowrap;transition:transform calc(.18s * var(--demo-time)) var(--amp-ease), filter calc(.18s * var(--demo-time)) ease-out;background-size:100% 100%;flex-direction:column;flex:1 0 0;justify-content:center;align-items:center;gap:8px;padding:12px 0;font-size:14px;font-weight:500;line-height:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.amp-action[data-pressed=true]{filter:brightness(.94);transition-duration:calc(.11s * var(--demo-time));transform:scale(.965)}.amp-dot{background:var(--amp-destructive);border-radius:9999px;width:10px;height:10px;position:absolute;top:36px;left:336px}.amp-ripple{pointer-events:none;opacity:0;background:#0c488438;border-radius:9999px;width:180px;height:180px;margin:-90px 0 0 -90px;position:absolute;top:50%;left:50%;transform:scale(.15)}.amp-ripple--light{background:#ffffff4d}.amp-ripple[data-on=true]{animation:amp-ripple calc(.62s * var(--demo-time)) var(--ease-entrance)}@keyframes amp-ripple{0%{opacity:.85;transform:scale(.15)}to{opacity:0;transform:scale(1)}}.amp-adwrap{margin-top:68px}.amp-ad{border:1px solid var(--amp-border);background:var(--amp-white);flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.amp-ad-image{pointer-events:none;width:596px;height:253px;position:absolute;top:-8px;right:-209px}.amp-ad-image img{opacity:.5;object-fit:cover;width:70.77%;height:100%;position:absolute;top:0;left:29.19%}.amp-ad-image:after{content:"";background:var(--amp-primary-dark);mix-blend-mode:color;position:absolute;inset:0}.amp-ad-body{flex-direction:column;align-items:flex-start;gap:2px;width:191px;display:flex;position:relative}.amp-ad-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.6px;width:100%;color:var(--amp-primary);font-size:20px;font-weight:500;line-height:28px;overflow:hidden}.amp-ad-copy{color:var(--amp-muted-fg);font-size:14px;font-weight:400;line-height:20px}.amp-ad-link{color:var(--amp-fg);text-underline-position:from-font;white-space:nowrap;align-items:center;gap:4px;font-size:14px;font-weight:500;line-height:24px;text-decoration:underline;display:flex;position:relative}.amp-nav{border-top:1px solid var(--amp-line);background:var(--amp-secondary);align-items:stretch;gap:4px;height:52px;display:flex;position:absolute;bottom:48px;left:0;right:0;box-shadow:inset 0 2px 4px #0000000d}.amp-nav-item{flex:1 0 0;justify-content:center;align-items:center;min-width:0;min-height:40px;padding:8px 16px;display:flex}.amp-nav-item--active{background-image:linear-gradient(165.652deg, #fff3 15.888%, #fff0 75.409%), linear-gradient(90deg, var(--amp-primary) 0%, var(--amp-primary) 100%)}.amp-nav-item--active img{filter:drop-shadow(0 8px 5px #0000001a)}.amp-sysnav{background:var(--amp-card);height:48px;position:absolute;bottom:0;left:0;right:0}.amp-sysnav>*{position:absolute;top:50%;transform:translate(-50%,-50%)}.amp-sysnav-back{left:calc(50% - 101px)}.amp-sysnav-home{left:50%}.amp-sysnav-recents{background:var(--amp-muted-fg);border-radius:2px;width:14px;height:14px;left:calc(50% + 100px)}.amp-scrim{opacity:0;transition:opacity calc(.42s * var(--demo-time)) ease-out;pointer-events:none;background:#00000080;position:absolute;inset:0}.amp[data-sheet=true] .amp-scrim{opacity:1}.amp-drawer{background:var(--amp-card);filter:drop-shadow(0 4px 3px #0000001a)drop-shadow(0 10px 7.5px #0000001a);transition:transform calc(.52s * var(--demo-time)) var(--amp-ease);border-radius:12px 12px 0 0;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.amp[data-sheet=true] .amp-drawer{transform:translateY(0)}.amp-handle-wrap{justify-content:center;width:100%;padding-top:16px;display:flex}.amp-handle{background:#1e293b33;border-radius:9999px;width:100px;height:8px}.amp-drawer-header{flex-direction:column;gap:4px;width:100%;padding:16px;display:flex}.amp-drawer-title{letter-spacing:-.45px;color:var(--amp-fg);font-size:18px;font-weight:600;line-height:1}.amp-drawer-sub{color:var(--amp-muted-fg);font-size:16px;font-weight:400;line-height:24px}.amp-drawer-content{width:100%;padding:16px}.amp-release{border:1px solid var(--amp-input);background:var(--amp-bg);transition:background-color calc(.32s * var(--demo-time)) ease-out, border-color calc(.32s * var(--demo-time)) ease-out;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;display:flex}.amp[data-stage=installing] .amp-release{border-color:var(--amp-border);background:0 0}.amp-release>*{animation:amp-fade calc(.34s * var(--demo-time)) var(--amp-ease) both}@keyframes amp-fade{0%{opacity:0;transform:translateY(5px)}}.amp-release-text{flex-direction:column;gap:4px;width:100%;display:flex}.amp-release-title{letter-spacing:-.45px;color:var(--amp-fg);font-size:18px;font-weight:600;line-height:1}.amp-release-copy{color:var(--amp-muted-fg);font-size:14px;font-weight:400;line-height:20px}.amp-progress{background:var(--amp-secondary);width:100%;height:12px;display:block;overflow:hidden}.amp-progress-fill{background:var(--amp-primary);transform-origin:0;width:100%;height:100%;transition:transform calc(.64s * var(--demo-time)) cubic-bezier(.37, .16, .2, 1);display:block;transform:scaleX(0)}.amp[data-progress="20"] .amp-progress-fill{transform:scaleX(.2)}.amp[data-progress="40"] .amp-progress-fill{transform:scaleX(.4)}.amp[data-progress="60"] .amp-progress-fill{transform:scaleX(.6)}.amp[data-progress="80"] .amp-progress-fill{transform:scaleX(.8)}.amp[data-progress="100"] .amp-progress-fill{transform:scaleX(1)}.amp-icon-fixed{flex:none}.amp-drawer-footer{flex-direction:column;gap:8px;width:100%;padding:0 16px 16px;display:flex}.amp-btn{white-space:nowrap;width:100%;min-width:80px;height:44px;transition:transform calc(.18s * var(--demo-time)) var(--amp-ease), filter calc(.18s * var(--demo-time)) ease-out, opacity calc(.32s * var(--demo-time)) ease-out;justify-content:center;align-items:center;gap:4px;padding:10px 12px;font-size:14px;font-weight:500;line-height:24px;display:flex;position:relative;overflow:hidden}.amp-btn-wrap{padding:0 4px}.amp-btn--primary{color:var(--amp-primary-fg);background-image:linear-gradient(174.73deg, #fff3 15.888%, #fff0 75.409%), linear-gradient(90deg, var(--amp-primary) 0%, var(--amp-primary) 100%)}.amp-btn--primary[data-busy=true]{opacity:.5;background-image:linear-gradient(90deg, var(--amp-primary) 0%, var(--amp-primary) 100%)}.amp-btn--primary[data-pressed=true]{filter:brightness(.86);transition-duration:calc(.11s * var(--demo-time));transform:scale(.98)}.amp-btn--ghost{border:1px solid var(--amp-border);background:var(--amp-bg);color:var(--amp-primary)}.amp-spinner{animation:amp-spin calc(.9s * var(--demo-time)) linear infinite}@keyframes amp-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.amp-device,.amp-stage,.amp-drawer,.amp-scrim,.amp-progress-fill,.amp-action,.amp-btn{transition:none}.amp-spinner,.amp-ripple[data-on=true]{animation:none}}.amp[data-surface=page]{align-items:center;padding-top:0}
.cad{--ca-bg:#fff;--ca-panel:#f9f8f6;--ca-surface:#fff;--ca-primary:#3565fc;--ca-primary-strong:#2450e0;--ca-primary-soft:#e8edff;--ca-primary-softer:#eef2ff;--ca-text-strong:#1e293b;--ca-text:#334155;--ca-text-muted:#64748b;--ca-text-subtle:#94a3b8;--ca-border:#ece9e4;--ca-border-soft:#f1efeb;--ca-outline:#334155;--ca-up-bg:#d7f29a;--ca-up-fg:#5f8a2e;--ca-down-bg:#fce3e3;--ca-down-fg:#d14350;--ca-overdue:#9a2929;--ca-icon:#94a3b8}
.cad{--ca-s:.3;--ca-ease:cubic-bezier(.22, 1, .36, 1);background-color:var(--color-ocean-tint);font-family:var(--font-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;padding:7.5%;display:flex;position:absolute;inset:0;overflow:hidden}.cad:before{content:"";background:url(/images/work/bg-ht-5.webp) 50% 40%/cover no-repeat;position:absolute;inset:0}.cad:after{content:"";opacity:var(--grain);mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='1.4' numOctaves='1' seed='2' stitchTiles='stitch' result='n'/%3E%3CfeComponentTransfer result='g'%3E%3CfeFuncR type='linear' slope='4' intercept='1'/%3E%3CfeFuncG type='linear' slope='4' intercept='1'/%3E%3CfeFuncB type='linear' slope='4' intercept='1'/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix type='saturate' values='0' in='g'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.cad-window{aspect-ratio:16/9;background:var(--ca-bg);opacity:0;width:100%;max-width:640px;transition:transform calc(.76s * var(--demo-time)) var(--ca-ease), opacity calc(.56s * var(--demo-time)) ease-out;will-change:transform, opacity;border-radius:14px;position:relative;overflow:hidden;transform:translateY(30px);box-shadow:0 0 0 1px #0f172a0f,0 26px 60px -26px #0f172a66,0 10px 24px -16px #0f172a47}.cad[data-entered=true] .cad-window{opacity:1;transform:translateY(0)}.cad-stage{width:1200px;height:800px;transform:scale(var(--ca-s));transform-origin:0 0;position:absolute;top:0;left:0}.cad-chrome{background:var(--ca-panel);border-bottom:1px solid var(--ca-border);align-items:center;gap:9px;height:46px;padding-inline:18px;display:flex}.cad-dot{background:var(--ca-border);border-radius:999px;width:11px;height:11px}.cad-url{background:var(--ca-bg);border:1px solid var(--ca-border);height:26px;color:var(--ca-text-muted);border-radius:999px;flex:1;align-items:center;gap:8px;margin-inline:10px;padding-inline:14px;font-size:13px;display:flex}.cad-url:before{content:"";background:var(--ca-up-fg);border-radius:999px;width:8px;height:8px}.cad-frame{background:var(--ca-bg);height:754px;display:flex}.cad-side{background:var(--ca-panel);border-right:1px solid var(--ca-border);flex-direction:column;flex:0 0 236px;width:236px;height:754px;display:flex}.cad-side-logo{align-items:center;height:51px;padding:0 19px;display:flex}.cad-logo{width:auto;height:26px}.cad-search{border-top:1px solid var(--ca-border);color:var(--ca-text);align-items:center;gap:6px;padding:14px 19px 14px 13px;font-size:16px;line-height:19px;display:flex}.cad-search-icon{width:19px;height:19px;color:var(--ca-text);flex:none}.cad-side-label{border-top:1px solid var(--ca-border);letter-spacing:.22px;height:42px;color:var(--ca-text);justify-content:space-between;align-items:center;margin-bottom:6px;padding:6px 13px 0;font-size:11px;font-weight:500;display:flex}.cad-orgswap{background:var(--ca-primary-soft);border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.cad-orgswap-icon{width:19px;height:19px;color:var(--ca-primary)}.cad-nav{flex-direction:column;gap:6px;display:flex}.cad-nav-item{height:35px;color:var(--ca-text);align-items:center;gap:6px;padding:0 13px;font-size:13px;line-height:19px;display:flex}.cad-nav-icon{width:19px;height:19px;color:var(--ca-text);flex:none}.cad-nav-text{flex:1}.cad-nav-caret{width:16px;height:16px;color:var(--ca-text)}.cad-nav-active,.cad-nav-active .cad-nav-icon{color:var(--ca-primary)}.cad-side-user{border-top:1px solid var(--ca-border);align-items:center;gap:10px;height:70px;margin-top:auto;padding:0 13px;display:flex}.cad-avatar{background:linear-gradient(135deg, var(--ca-text-subtle), var(--ca-text-muted));border-radius:50%;flex:none;width:32px;height:32px}.cad-user-name{color:var(--ca-text);flex:1;font-size:13px;line-height:19px}.cad-user-out{width:19px;height:19px;color:var(--ca-text)}.cad-main{background:var(--ca-bg);flex:1;height:754px;position:relative;overflow:hidden}.cad-scroll{transition:transform calc(1.7s * var(--demo-time)) var(--ca-ease);will-change:transform;padding:24px 26px 40px;transform:translateY(0)}.cad[data-scrolled=true] .cad-scroll{transform:translateY(-500px)}.cad-topbar{justify-content:space-between;align-items:center;display:flex}.cad-page-title{letter-spacing:-.4px;color:var(--ca-text-strong);margin:0;font-size:26px;font-weight:700}.cad-tabs{align-items:center;gap:6px;display:flex}.cad-tab{color:var(--ca-text-muted);border-radius:9px;padding:8px 15px;font-size:14px;font-weight:600}.cad-tab-active{background:var(--ca-primary-soft);color:var(--ca-primary)}.cad-repbar{justify-content:flex-end;margin:16px 0 18px;display:flex}.cad-select{border:1px solid var(--ca-border);background:var(--ca-surface);color:var(--ca-text);white-space:nowrap;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}.cad-select-rep{min-width:188px}.cad-select-ghost{color:var(--ca-text-muted);font-weight:500}.cad-select-caret{width:16px;height:16px;color:var(--ca-text-subtle);flex:none}.cad-kpis{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.cad-kpi{background:var(--ca-panel);border:1px solid var(--ca-border);opacity:0;transition:opacity calc(.4s * var(--demo-time)) var(--ca-ease), transform calc(.4s * var(--demo-time)) var(--ca-ease);will-change:opacity, transform;border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex;transform:translateY(16px)}.cad[data-cards=true] .cad-kpi{opacity:1;transform:none}.cad[data-cards=true] .cad-kpi:first-child{transition-delay:0s}.cad[data-cards=true] .cad-kpi:nth-child(2){transition-delay:calc(95ms * var(--demo-time))}.cad[data-cards=true] .cad-kpi:nth-child(3){transition-delay:calc(.19s * var(--demo-time))}.cad[data-cards=true] .cad-kpi:nth-child(4){transition-delay:calc(.285s * var(--demo-time))}.cad-kpi-head{justify-content:space-between;align-items:center;display:flex}.cad-kpi-label{color:var(--ca-text-strong);font-size:17px;font-weight:600}.cad-kpi-eye{width:19px;height:19px;color:var(--ca-icon)}.cad-kpi-row{align-items:center;gap:12px;display:flex}.cad-kpi-value{color:var(--ca-primary);letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:44px;font-weight:700;line-height:1}.cad-delta{background:var(--ca-up-bg);color:var(--ca-up-fg);border-radius:999px;align-items:center;gap:3px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-flex}.cad-delta-down{background:var(--ca-down-bg);color:var(--ca-down-fg)}.cad-delta-icon{width:14px;height:14px}.cad-kpi .cad-select{width:100%}.cad-block{margin-top:26px}.cad-block-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.cad-block-title{color:var(--ca-text-strong);white-space:nowrap;align-items:center;gap:8px;font-size:18px;font-weight:700;display:inline-flex}.cad-block-icon{width:18px;height:18px;color:var(--ca-text)}.cad-block-caret{width:16px;height:16px;color:var(--ca-text-subtle)}.cad-input{border:1px solid var(--ca-border);background:var(--ca-surface);color:var(--ca-text-subtle);border-radius:10px;flex:1;align-items:center;gap:9px;padding:10px 16px;font-size:14px;display:inline-flex}.cad-input-wide{flex:1}.cad-input-icon{width:16px;height:16px;color:var(--ca-text-subtle)}.cad-subtabs{align-items:center;gap:18px;padding:0 4px;display:inline-flex}.cad-subtab{color:var(--ca-text-muted);padding-bottom:6px;font-size:14px;font-weight:600}.cad-subtab-active{color:var(--ca-primary);border-bottom:2px solid var(--ca-primary)}.cad-table{border:1px solid var(--ca-border);background:var(--ca-surface);opacity:0;transition:opacity calc(.44s * var(--demo-time)) var(--ca-ease), transform calc(.44s * var(--demo-time)) var(--ca-ease);will-change:opacity, transform;border-radius:14px;overflow:hidden;transform:translateY(16px)}.cad[data-table=true] .cad-table{opacity:1;transform:none}.cad-tr{align-items:center;gap:12px;height:52px;padding:0 20px;display:grid}.cad-table-tasks .cad-tr{grid-template-columns:.9fr 1.1fr 1.15fr .95fr 1.15fr 1fr .7fr}.cad-table-leads .cad-tr{grid-template-columns:.8fr .85fr .9fr .9fr .55fr .95fr 1.85fr}.cad-th{height:50px;color:var(--ca-text-strong);border-bottom:1px solid var(--ca-border);font-size:14px;font-weight:700}.cad-th span,.cad-tr>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cad-sortable{align-items:center;gap:6px;display:inline-flex}.cad-sort-icon{width:14px;height:14px;color:var(--ca-text-subtle)}.cad-row{color:var(--ca-text);opacity:0;transition:opacity calc(.32s * var(--demo-time)) var(--ca-ease), transform calc(.32s * var(--demo-time)) var(--ca-ease);font-size:14px;transform:translateY(9px)}.cad[data-table=true] .cad-row{opacity:1;transform:none}.cad[data-table=true] .cad-row:nth-child(2){transition-delay:calc(40ms * var(--demo-time))}.cad[data-table=true] .cad-row:nth-child(3){transition-delay:calc(95ms * var(--demo-time))}.cad[data-table=true] .cad-row:nth-child(4){transition-delay:calc(.15s * var(--demo-time))}.cad[data-table=true] .cad-row:nth-child(5){transition-delay:calc(.205s * var(--demo-time))}.cad[data-table=true] .cad-row:nth-child(6){transition-delay:calc(.26s * var(--demo-time))}.cad[data-table=true] .cad-row:nth-child(7){transition-delay:calc(.315s * var(--demo-time))}.cad[data-table=true] .cad-row:nth-child(8){transition-delay:calc(.37s * var(--demo-time))}.cad[data-table=true] .cad-row:nth-child(9){transition-delay:calc(.425s * var(--demo-time))}.cad[data-table=true] .cad-row:nth-child(10){transition-delay:calc(.48s * var(--demo-time))}.cad-row:nth-child(2n){background:var(--ca-panel)}.cad-cell-strong{color:var(--ca-text-strong);font-weight:600}.cad-cell-muted{color:var(--ca-text-muted)}.cad-cell-overdue{color:var(--ca-overdue);font-weight:600}.cad-cell-actions{justify-content:flex-start;display:flex}.cad-lead-actions{gap:8px;overflow:visible}.cad-lead-actions .cad-btn-outline{padding:7px 13px}.cad-btn-outline{border:1.5px solid var(--ca-outline);background:var(--ca-surface);color:var(--ca-text-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.cad-assign-caret{width:14px;height:14px;color:var(--ca-text-muted)}.cad-seeall{color:var(--ca-text-muted);justify-content:center;margin-top:16px;font-size:14px;font-weight:600;display:flex}.cad-divider{background:var(--ca-border);height:1px;margin:26px 0}@media (prefers-reduced-motion:reduce){.cad-window,.cad-scroll,.cad-kpi,.cad-table,.cad-row{opacity:1;transition:none;transform:none}}.cad[data-surface=page] .cad-window{max-width:none}
.prl{--pr-bg:#fff;--pr-page:#f6f8f6;--pr-promo:#18191b;--pr-header:#013440;--pr-nav:#cee9de;--pr-primary:#01ae9a;--pr-primary-strong:#019a88;--pr-dark:#004b3c;--pr-dark-soft:#0b5d4b;--pr-text:#1f2a28;--pr-muted:#5c6b66;--pr-subtle:#93a099;--pr-on-dark:#fff;--pr-cat-purple:#8484c0;--pr-cat-mint:#cee9de;--pr-cat-teal:#6cc4aa;--pr-cat-amber:#e0a93f;--pr-border:#e2e6e3;--pr-border-soft:#eef1ee;--pr-star:#e2a63c;--pr-pill:#d9d4ef;--pr-pouch:#f1efe9;--pr-pouch-shade:#e3e0d6;--pr-pouch-leaf:#1f4d3a;--pr-pouch-corner:#0f3d31;--pr-chew:#6b4a30;--pr-ph-a:#b9a88f;--pr-ph-b:#8f9b86}
.prl{--pr-s:.25;--pr-ease:cubic-bezier(.22, 1, .36, 1);background-color:var(--color-ocean-tint);font-family:var(--font-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;text-align:left;justify-content:center;align-items:center;padding:7.5%;display:flex;position:absolute;inset:0;overflow:hidden}.prl:before{content:"";background:url(/images/work/bg-ht-2.webp) 50% 40%/cover no-repeat;position:absolute;inset:0}.prl:after{content:"";opacity:var(--grain);mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='1.4' numOctaves='1' seed='2' stitchTiles='stitch' result='n'/%3E%3CfeComponentTransfer result='g'%3E%3CfeFuncR type='linear' slope='4' intercept='1'/%3E%3CfeFuncG type='linear' slope='4' intercept='1'/%3E%3CfeFuncB type='linear' slope='4' intercept='1'/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix type='saturate' values='0' in='g'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.prl-window{aspect-ratio:16/9;background:var(--pr-bg);opacity:0;width:100%;max-width:640px;transition:transform calc(.76s * var(--demo-time)) var(--pr-ease), opacity calc(.56s * var(--demo-time)) ease-out;will-change:transform, opacity;border-radius:14px;position:relative;overflow:hidden;transform:translateY(30px);box-shadow:0 0 0 1px #0f2a240f,0 26px 60px -26px #0f2a2466,0 10px 24px -16px #0f2a2442}.prl[data-entered=true] .prl-window{opacity:1;transform:translateY(0)}.prl-stage{width:1200px;height:800px;transform:scale(var(--pr-s));transform-origin:0 0;position:absolute;top:0;left:0}.prl-chrome{background:var(--pr-page);border-bottom:1px solid var(--pr-border);align-items:center;gap:9px;height:46px;padding-inline:18px;display:flex}.prl-dot{background:var(--pr-border);border-radius:999px;width:11px;height:11px}.prl-url{background:var(--pr-bg);border:1px solid var(--pr-border);height:26px;color:var(--pr-muted);border-radius:999px;flex:1;align-items:center;gap:8px;margin-inline:10px;padding-inline:14px;font-size:13px;display:flex}.prl-url:before{content:"";background:var(--pr-primary);border-radius:999px;width:8px;height:8px}.prl-view{background:var(--pr-bg);position:absolute;inset:46px 0 0;overflow:hidden}.prl-page{opacity:0;width:1200px;transition:opacity calc(.44s * var(--demo-time)) ease, transform calc(.54s * var(--demo-time)) var(--pr-ease);position:absolute;inset:0;overflow:hidden;transform:translate(26px)}.prl[data-scene=home] .prl-page-home,.prl[data-scene=shop] .prl-page-shop,.prl[data-scene=product] .prl-page-product{opacity:1;transform:none}.prl-promo{background:var(--pr-promo);height:36px;color:var(--pr-on-dark);letter-spacing:.4px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.prl-promo em{color:var(--pr-primary);margin-left:4px;font-style:normal}.prl-header{background:var(--pr-header);justify-content:space-between;align-items:center;height:72px;padding-inline:36px;display:flex}.prl-search{background:var(--pr-bg);width:230px;color:var(--pr-muted);border-radius:7px;justify-content:space-between;align-items:center;padding:9px 14px;font-size:14px;display:flex}.prl-search-icon{width:16px;height:16px;color:var(--pr-text)}.prl-logo{align-items:center;gap:8px;display:flex}.prl-logo-paw{width:30px;height:26px;fill:var(--pr-primary)}.prl-logo-word{letter-spacing:-.4px;color:var(--pr-on-dark);font-size:26px;font-weight:700}.prl-header-right{align-items:center;gap:26px;display:flex}.prl-header-link{color:var(--pr-on-dark);letter-spacing:.4px;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.prl-hicon{width:18px;height:18px}.prl-nav{background:var(--pr-nav);justify-content:center;align-items:center;gap:36px;height:44px;display:flex}.prl-nav-item{letter-spacing:.5px;color:var(--pr-dark);font-size:14px;font-weight:600}.prl-nav-shop{transition:color calc(.2s * var(--demo-time)) ease, background calc(.2s * var(--demo-time)) ease;border-radius:6px;padding:4px 6px}.prl[data-cursor=shop] .prl-nav-shop{color:var(--pr-primary);background:var(--pr-bg)}.prl-home-scroll{transition:transform calc(1.1s * var(--demo-time)) var(--pr-ease);will-change:transform;transform:translateY(0)}.prl[data-scroll=true] .prl-page-home .prl-home-scroll{transform:translateY(-230px)}.prl-hero{background:linear-gradient(#00000047 0%,#00000085 100%),url(/images/petreleaf/hero.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;height:420px;display:flex;position:relative;overflow:hidden}.prl-hero-body{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:560px;display:flex;position:relative}.prl-hero-title{color:var(--pr-on-dark);letter-spacing:-.5px;margin:0;font-size:50px;font-weight:700}.prl-hero-sub{color:var(--pr-on-dark);margin:0;font-size:17px;line-height:1.35}.prl-hero-arrow{background:var(--pr-bg);width:46px;height:46px;color:var(--pr-text);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.prl-hero-arrow svg{width:22px;height:22px}.prl-hero-arrow-l{left:40px}.prl-hero-arrow-r{right:40px}.prl-hero-dots{gap:8px;display:flex;position:absolute;bottom:24px}.prl-hero-dots span{background:#ffffff80;border-radius:999px;width:10px;height:10px}.prl-hero-dots .is-active{background:var(--pr-on-dark)}.prl-home-intro{text-align:center;color:var(--pr-dark);margin:0;padding:36px 150px 28px;font-size:15px;line-height:1.5}.prl-cat-row{grid-template-columns:repeat(4,1fr);gap:20px;padding:0 40px;display:grid}.prl-cat{text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:26px 22px 24px;display:flex}.prl-cat-purple{background:var(--pr-cat-purple)}.prl-cat-mint{background:var(--pr-cat-mint)}.prl-cat-teal{background:var(--pr-cat-teal)}.prl-cat-amber{background:var(--pr-cat-amber)}.prl-cat-title{color:var(--pr-dark);margin:0;font-size:24px;font-weight:600}.prl-cat-purple .prl-cat-title{color:var(--pr-on-dark)}.prl-cat-copy{color:var(--pr-text);min-height:54px;margin:0;font-size:13px;line-height:1.4}.prl-cat-purple .prl-cat-copy{color:var(--pr-on-dark)}.prl-cat .prl-btn{margin-top:auto}.prl-cat-nav{justify-content:space-between;align-items:center;padding:18px 40px 32px;display:flex}.prl-cat-dots{gap:7px;display:flex}.prl-cat-dots span{background:var(--pr-border);border-radius:999px;width:9px;height:9px}.prl-cat-dots .is-active{background:var(--pr-dark)}.prl-cat-arrows{gap:10px;display:flex}.prl-round-arrow{border:1px solid var(--pr-border);width:42px;height:42px;color:var(--pr-text);border-radius:999px;justify-content:center;align-items:center;display:flex}.prl-round-arrow svg{width:18px;height:18px}.prl-pouch{filter:drop-shadow(0 10px 14px #0f2a242e);background:url(/images/petreleaf/pouch.webp) 50%/contain no-repeat;width:120px;height:176px;display:block}.prl-pouch-cat{width:118px;height:172px}.prl-pouch-lg{width:300px;height:440px}.prl-btn{letter-spacing:.4px;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:13px 26px;font-size:14px;font-weight:700;display:inline-flex}.prl-btn-primary{background:var(--pr-primary);color:var(--pr-on-dark)}.prl-btn-dark{background:var(--pr-dark);color:var(--pr-on-dark)}.prl-btn-block{width:100%}.prl-btn-grow{flex:1}.prl-shop-body{background:var(--pr-bg);min-height:754px;padding:30px 40px 40px}.prl-shop-title{color:var(--pr-text);margin:0 0 14px;font-size:34px;font-weight:600}.prl-shop-title span{color:var(--pr-primary)}.prl-shop-intro{text-align:center;max-width:620px;color:var(--pr-dark);margin:0 auto 30px;font-size:13px;line-height:1.5}.prl-shop-intro em{font-style:normal;text-decoration:underline}.prl-shop-grid{grid-template-columns:170px 1fr;gap:28px;display:grid}.prl-shop-filters{flex-direction:column;gap:2px;display:flex}.prl-filter-head{color:var(--pr-text);margin-bottom:10px;font-size:15px;font-weight:600}.prl-filter{border-bottom:1px solid var(--pr-border);color:var(--pr-text);justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;display:flex}.prl-filter-active{color:var(--pr-primary);font-weight:600}.prl-shop-cards{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.prl-card{transition:transform calc(.24s * var(--demo-time)) var(--pr-ease), box-shadow calc(.24s * var(--demo-time)) ease;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:6px;display:flex}.prl-card-media{align-self:center;margin-bottom:4px}.prl[data-cursor=card] .prl-card-target{transform:translateY(-4px);box-shadow:0 16px 30px -18px #0f2a2466}.prl-card-reviews{color:var(--pr-muted);align-items:center;gap:6px;font-size:12px;display:flex}.prl-card-title{color:var(--pr-text);margin:0;font-size:14px;font-weight:600;line-height:1.3}.prl-card-price{color:var(--pr-text);font-size:16px;font-weight:700}.prl-card-fields{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:2px 0 6px;display:grid}.prl-field{flex-direction:column;gap:4px;min-width:0;display:flex}.prl-field-label{color:var(--pr-primary);font-size:11px;font-weight:600}.prl-select{border:1px solid var(--pr-border);background:var(--pr-bg);color:var(--pr-text);white-space:nowrap;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:12px;display:flex;overflow:hidden}.prl-select-caret{width:14px;height:14px;color:var(--pr-muted);flex:none}.prl-stars{color:var(--pr-star);gap:1px;display:inline-flex}.prl-stars svg{fill:none;width:13px;height:13px;stroke:var(--pr-star);stroke-width:2px}.prl-pd-body{background:var(--pr-bg);grid-template-columns:480px 1fr;gap:36px;min-height:754px;padding:30px 40px 40px;display:grid}.prl-pd-gallery{flex-direction:column;align-items:center;gap:18px;display:flex}.prl-pd-main{background:var(--pr-page);border-radius:14px;justify-content:center;align-items:center;width:100%;height:440px;display:flex}.prl-pd-thumbs{gap:10px;display:flex}.prl-pd-thumb{border:1px solid var(--pr-border);background:var(--pr-bg);border-radius:8px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;overflow:hidden}.prl-pd-thumb .prl-pouch{filter:none;width:40px;height:52px}.prl-pd-thumb.is-active{border-color:var(--pr-dark)}.prl-pd-info{flex-direction:column;gap:12px;display:flex}.prl-pd-title{color:var(--pr-text);margin:0;font-size:28px;font-weight:600;line-height:1.15}.prl-pd-reviews{color:var(--pr-muted);align-items:center;gap:8px;font-size:13px;display:flex}.prl-pd-reviews em{color:var(--pr-primary);font-style:normal;text-decoration:underline}.prl-pd-desc{color:var(--pr-text);margin:0;font-size:13px;line-height:1.5}.prl-pd-benefits{grid-template-columns:1fr 1fr;gap:8px 20px;margin:4px 0;padding:0;list-style:none;display:grid}.prl-pd-benefits li{color:var(--pr-text);align-items:flex-start;gap:8px;font-size:12px;line-height:1.3;display:flex}.prl-pd-bullet{background:var(--pr-nav);border-radius:4px;flex:none;width:14px;height:14px;margin-top:1px}.prl-pd-fields{grid-template-columns:1fr 1fr;gap:16px;margin-top:4px;display:grid}.prl-pd-fields .prl-select{padding:11px 12px;font-size:13px}.prl-sub{background:var(--pr-dark);color:var(--pr-on-dark);border-radius:12px;margin-top:8px;padding:16px}.prl-sub-head{align-items:center;gap:10px;display:flex}.prl-radio{border:2px solid var(--pr-on-dark);border-radius:999px;flex:none;width:16px;height:16px}.prl-radio.is-on{background:radial-gradient(circle, var(--pr-on-dark) 0 42%, transparent 46%)}.prl-sub-pill{background:var(--pr-bg);color:var(--pr-dark);border-radius:999px;flex:1;padding:6px 12px;font-size:13px;font-weight:700}.prl-sub-price{font-size:18px;font-weight:700}.prl-sub-select{background:var(--pr-bg);width:140px;color:var(--pr-text);margin:12px 0}.prl-sub-benefits-title{font-size:13px;font-weight:700}.prl-sub-benefits{grid-template-columns:1fr 1fr;gap:6px 16px;margin-top:8px;font-size:12px;display:grid}.prl-onetime{color:var(--pr-text);align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.prl-onetime .prl-radio{border-color:var(--pr-muted)}.prl-onetime-price{color:var(--pr-text);margin-left:auto;font-size:18px;font-weight:700}.prl-pd-actions{align-items:center;gap:14px;margin-top:16px;display:flex}.prl-qty{border:1px solid var(--pr-border);color:var(--pr-text);border-radius:8px;align-items:center;gap:16px;padding:11px 16px;font-size:15px;display:flex}.prl-cursor{opacity:0;width:32px;height:32px;transition:transform calc(.64s * var(--demo-time)) var(--pr-ease), opacity calc(.3s * var(--demo-time)) ease;filter:drop-shadow(0 3px 5px #0f2a2466);z-index:6;position:absolute;top:0;left:0;transform:translate(560px,380px)}.prl[data-cursor=shop] .prl-cursor{opacity:1;transform:translate(406px,120px)}.prl[data-cursor=card] .prl-cursor{opacity:1;transform:translate(360px,360px)}.prl[data-cursor=shop][data-press=true] .prl-cursor{transform:translate(406px,120px)scale(.84)}.prl[data-cursor=card][data-press=true] .prl-cursor{transform:translate(360px,360px)scale(.84)}@media (prefers-reduced-motion:reduce){.prl-window,.prl-page,.prl-home-scroll,.prl-cursor{transition:none}.prl-window{opacity:1;transform:none}}.prl[data-surface=page] .prl-window{max-width:none}
.vrt{--vrt-bg:#fff;--vrt-page:#f3fafa;--vrt-navbar:#284a54;--vrt-navbar-item:#8fa7ac;--vrt-navbar-active:#34606b;--vrt-primary:#4cbfb3;--vrt-primary-strong:#2fa99c;--vrt-primary-soft:#e4f5f3;--vrt-text:#1e2b2e;--vrt-muted:#6b7a7d;--vrt-subtle:#9aa8aa;--vrt-on-dark:#fff;--vrt-border:#e4edec;--vrt-border-soft:#eff5f4;--vrt-table-head:#cdeae8;--vrt-kpi-yellow:#fdf6e8;--vrt-kpi-yellow-fg:#d79a2b;--vrt-kpi-red:#fdefef;--vrt-kpi-red-fg:#e0565b;--vrt-kpi-blue:#eef4f5;--vrt-kpi-green-fg:#2fa99c;--vrt-chart-navy:#22414c;--vrt-chart-teal:#5ac2bc;--vrt-chart-yellow:#f3c369;--vrt-chart-grid:#eef3f2;--vrt-map-sky:#dfe3df;--vrt-map-road:#c7ccc8;--vrt-map-road-line:#f0f1ec;--vrt-map-grass:#8dbf6a;--vrt-map-grass-2:#74ac52;--vrt-map-water:#4f8dab;--vrt-map-water-2:#3d7693;--vrt-map-build:#cfc6a6;--vrt-map-build-2:#b9af8c;--vrt-map-pin:#2f6bff;--vrt-map-dot:#f4692f;--vrt-map-line:#d63fb5}
.vrt{--vrt-s:.25;--vrt-ease:cubic-bezier(.22, 1, .36, 1);background-color:var(--color-ocean-tint);font-family:var(--font-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;text-align:left;justify-content:center;align-items:center;padding:7.5%;display:flex;position:absolute;inset:0;overflow:hidden}.vrt:before{content:"";background:url(/images/work/bg-ht-4.webp) 50% 40%/cover no-repeat;position:absolute;inset:0}.vrt:after{content:"";opacity:var(--grain);mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='1.4' numOctaves='1' seed='2' stitchTiles='stitch' result='n'/%3E%3CfeComponentTransfer result='g'%3E%3CfeFuncR type='linear' slope='4' intercept='1'/%3E%3CfeFuncG type='linear' slope='4' intercept='1'/%3E%3CfeFuncB type='linear' slope='4' intercept='1'/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix type='saturate' values='0' in='g'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.vrt-window{aspect-ratio:16/9;background:var(--vrt-bg);opacity:0;width:100%;max-width:640px;transition:transform calc(.76s * var(--demo-time)) var(--vrt-ease), opacity calc(.56s * var(--demo-time)) ease-out;will-change:transform, opacity;border-radius:14px;position:relative;overflow:hidden;transform:translateY(30px);box-shadow:0 0 0 1px #0f2a2e0f,0 26px 60px -26px #0f2a2e66,0 10px 24px -16px #0f2a2e42}.vrt[data-entered=true] .vrt-window{opacity:1;transform:translateY(0)}.vrt-stage{width:1200px;height:800px;transform:scale(var(--vrt-s));transform-origin:0 0;position:absolute;top:0;left:0}.vrt-chrome{background:var(--vrt-page);border-bottom:1px solid var(--vrt-border);align-items:center;gap:9px;height:46px;padding-inline:18px;display:flex}.vrt-dot{background:var(--vrt-border);border-radius:999px;width:11px;height:11px}.vrt-url{background:var(--vrt-bg);border:1px solid var(--vrt-border);height:26px;color:var(--vrt-muted);border-radius:999px;flex:1;align-items:center;gap:8px;margin-inline:10px;padding-inline:14px;font-size:13px;display:flex}.vrt-url:before{content:"";background:var(--vrt-primary);border-radius:999px;width:8px;height:8px}.vrt-view{background:var(--vrt-page);position:absolute;inset:46px 0 0;overflow:hidden}.vrt-rail{background:var(--vrt-navbar);z-index:3;flex-direction:column;align-items:center;gap:8px;width:66px;padding:16px 0;display:flex;position:absolute;top:0;bottom:0;left:0}.vrt-logo-mark{width:36px;height:36px}.vrt-rail-nav{flex-direction:column;gap:4px;margin-top:14px;display:flex}.vrt-rail-foot{flex-direction:column;gap:4px;margin-top:auto;display:flex}.vrt-rail-item{width:42px;height:40px;color:var(--vrt-navbar-item);border-radius:9px;justify-content:center;align-items:center;display:flex}.vrt-rail-icon{width:20px;height:20px}.vrt-rail-active{background:var(--vrt-navbar-active);color:var(--vrt-on-dark)}.vrt-rail-maps{transition:background calc(.2s * var(--demo-time)) ease, color calc(.2s * var(--demo-time)) ease}.vrt[data-cursor=nav] .vrt-rail-maps{background:var(--vrt-navbar-active);color:var(--vrt-on-dark)}.vrt-main{background:var(--vrt-page);opacity:0;transition:opacity calc(.42s * var(--demo-time)) ease, transform calc(.52s * var(--demo-time)) var(--vrt-ease);position:absolute;inset:0 0 0 66px;overflow:hidden;transform:translate(22px)}.vrt[data-scene=dashboard] .vrt-main-dash,.vrt[data-scene=maps] .vrt-main-maps{opacity:1;transform:none}.vrt-main-dash{padding:22px 24px}.vrt-top{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.vrt-crumb{color:var(--vrt-subtle);font-size:12px}.vrt-title{color:var(--vrt-text);letter-spacing:-.4px;margin:2px 0 0;font-size:24px;font-weight:700}.vrt-top-right{align-items:center;gap:14px;display:flex}.vrt-community{color:var(--vrt-text);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.vrt-community-label{color:var(--vrt-muted);font-weight:500}.vrt-caret{width:15px;height:15px;color:var(--vrt-muted)}.vrt-search{border:1px solid var(--vrt-border);background:var(--vrt-bg);color:var(--vrt-subtle);border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;display:inline-flex}.vrt-search-icon{width:15px;height:15px}.vrt-bell{background:var(--vrt-bg);border:1px solid var(--vrt-border);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.vrt-bell-icon{width:16px;height:16px;color:var(--vrt-muted)}.vrt-user{color:var(--vrt-text);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.vrt-avatar{background:linear-gradient(135deg, var(--vrt-primary), var(--vrt-chart-navy));border-radius:999px;width:30px;height:30px}.vrt-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.vrt-kpi{border:1px solid var(--vrt-border);background:var(--vrt-bg);opacity:0;transition:opacity calc(.38s * var(--demo-time)) var(--vrt-ease), transform calc(.38s * var(--demo-time)) var(--vrt-ease);border-radius:14px;flex-direction:column;gap:8px;padding:16px;display:flex;transform:translateY(14px)}.vrt[data-cards=true] .vrt-kpi{opacity:1;transform:none}.vrt[data-cards=true] .vrt-kpi:nth-child(2){transition-delay:calc(80ms * var(--demo-time))}.vrt[data-cards=true] .vrt-kpi:nth-child(3){transition-delay:calc(.16s * var(--demo-time))}.vrt[data-cards=true] .vrt-kpi:nth-child(4){transition-delay:calc(.24s * var(--demo-time))}.vrt-kpi-yellow{background:var(--vrt-kpi-yellow);border-color:#0000}.vrt-kpi-red{background:var(--vrt-kpi-red);border-color:#0000}.vrt-kpi-blue{background:var(--vrt-kpi-blue);border-color:var(--vrt-primary)}.vrt-kpi-top{justify-content:space-between;align-items:flex-start;display:flex}.vrt-kpi-icon{align-items:center;gap:8px;display:inline-flex}.vrt-kpi-ic{width:20px;height:20px;color:var(--vrt-kpi-green-fg)}.vrt-kpi-yellow .vrt-kpi-ic{color:var(--vrt-kpi-yellow-fg)}.vrt-kpi-red .vrt-kpi-ic{color:var(--vrt-kpi-red-fg)}.vrt-kpi-value{color:var(--vrt-text);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1}.vrt-kpi-eye{border:2px solid var(--vrt-subtle);opacity:.6;border-radius:999px;width:16px;height:16px}.vrt-kpi-label{color:var(--vrt-muted);font-size:13px}.vrt-dash-grid{grid-template-columns:1.75fr 1fr;gap:16px;margin-bottom:18px;display:grid}.vrt-dash-grid-tables{grid-template-columns:1fr 1fr}.vrt-panel{background:var(--vrt-bg);border:1px solid var(--vrt-border);border-radius:14px;padding:16px}.vrt-panel-title{color:var(--vrt-text);font-size:14px;font-weight:700}.vrt-panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.vrt-view-all{border:1px solid var(--vrt-border);color:var(--vrt-muted);border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.vrt-chart{gap:10px;margin-top:14px;display:flex}.vrt-chart-y{height:180px;color:var(--vrt-subtle);flex-direction:column;justify-content:space-between;font-size:10px;display:flex}.vrt-chart-plot{border-bottom:1px solid var(--vrt-chart-grid);flex:1;justify-content:space-between;align-items:flex-end;height:180px;display:flex}.vrt-chart-group{align-items:flex-end;gap:2px;height:100%;display:flex;position:relative}.vrt-bar{transform-origin:bottom;width:7px;transition:transform calc(.56s * var(--demo-time)) var(--vrt-ease);border-radius:2px 2px 0 0;transform:scaleY(0)}.vrt[data-chart=true] .vrt-bar{transform:scaleY(1)}.vrt-bar-navy{background:var(--vrt-chart-navy)}.vrt-bar-teal{background:var(--vrt-chart-teal)}.vrt-bar-yellow{background:var(--vrt-chart-yellow)}.vrt-chart-x{color:var(--vrt-subtle);font-size:9px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.vrt-bar[data-h="30"]{height:30%}.vrt-bar[data-h="40"]{height:40%}.vrt-bar[data-h="44"]{height:44%}.vrt-bar[data-h="46"]{height:46%}.vrt-bar[data-h="50"]{height:50%}.vrt-bar[data-h="52"]{height:52%}.vrt-bar[data-h="58"]{height:58%}.vrt-bar[data-h="60"]{height:60%}.vrt-bar[data-h="62"]{height:62%}.vrt-bar[data-h="66"]{height:66%}.vrt-bar[data-h="70"]{height:70%}.vrt-bar[data-h="72"]{height:72%}.vrt-bar[data-h="78"]{height:78%}.vrt-bar[data-h="84"]{height:84%}.vrt-bar[data-h="88"]{height:88%}.vrt-bar[data-h="90"]{height:90%}.vrt-bar[data-h="92"]{height:92%}.vrt-bar[data-h="94"]{height:94%}.vrt-bar[data-h="96"]{height:96%}.vrt-legend{color:var(--vrt-muted);gap:18px;margin-top:26px;font-size:11px;display:flex}.vrt-legend span{align-items:center;gap:6px;display:inline-flex}.vrt-legend-swatch{border-radius:2px;width:10px;height:10px}.vrt-sw-navy{background:var(--vrt-chart-navy)}.vrt-sw-teal{background:var(--vrt-chart-teal)}.vrt-sw-yellow{background:var(--vrt-chart-yellow)}.vrt-tasks{flex-direction:column;gap:8px;margin-top:12px;display:flex}.vrt-task{border:1px solid var(--vrt-border);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.vrt-task-check{border:1.5px solid var(--vrt-border);border-radius:4px;flex:none;width:16px;height:16px}.vrt-task-body{flex-direction:column;flex:1;gap:2px;display:flex}.vrt-task-name{color:var(--vrt-text);font-size:13px;font-weight:600}.vrt-task-meta{color:var(--vrt-muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.vrt-task-dot{border-radius:999px;width:7px;height:7px}.vrt-dot-red{background:var(--vrt-kpi-red-fg)}.vrt-dot-blue{background:var(--vrt-map-pin)}.vrt-dot-green{background:var(--vrt-primary-strong)}.vrt-task-more{color:var(--vrt-subtle);font-weight:700}.vrt-reveal{opacity:0;transition:opacity calc(.3s * var(--demo-time)) var(--vrt-ease), transform calc(.3s * var(--demo-time)) var(--vrt-ease);transform:translateY(8px)}.vrt[data-lists=true] .vrt-main-dash .vrt-reveal{opacity:1;transform:none}.vrt-main-dash .vrt-reveal:nth-child(3){transition-delay:calc(40ms * var(--demo-time))}.vrt-main-dash .vrt-reveal:nth-child(4){transition-delay:calc(90ms * var(--demo-time))}.vrt-main-dash .vrt-reveal:nth-child(5){transition-delay:calc(.14s * var(--demo-time))}.vrt-main-dash .vrt-reveal:nth-child(6){transition-delay:calc(.19s * var(--demo-time))}.vrt-main-dash .vrt-reveal:nth-child(7){transition-delay:calc(.24s * var(--demo-time))}.vrt-table{border:1px solid var(--vrt-border);border-radius:10px;overflow:hidden}.vrt-tr{height:40px;color:var(--vrt-text);border-bottom:1px solid var(--vrt-border-soft);align-items:center;gap:8px;padding:0 14px;font-size:12px;display:grid}.vrt-tr:last-child{border-bottom:none}.vrt-th{background:var(--vrt-table-head);letter-spacing:.4px;height:38px;color:var(--vrt-text);border-bottom:none;font-size:10px;font-weight:700}.vrt-table-reports .vrt-tr{grid-template-columns:.8fr 1.4fr 1fr .6fr}.vrt-table-docs .vrt-tr{grid-template-columns:1.1fr 1fr .9fr .7fr 1fr}.vrt-table-service .vrt-tr{grid-template-columns:1fr 1fr .9fr 1.1fr 1.6fr 1fr}.vrt-th span,.vrt-tr>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vrt-cell-strong{font-weight:600}.vrt-cell-muted{color:var(--vrt-muted)}.vrt-link{color:var(--vrt-primary-strong);font-weight:600}.vrt-link-row{justify-content:flex-end;gap:12px;display:inline-flex}.vrt-link-del{color:var(--vrt-kpi-red-fg)}.vrt-maps-scroll{transition:transform calc(1.5s * var(--demo-time)) var(--vrt-ease);will-change:transform;padding:22px 24px;transform:translateY(0)}.vrt[data-scrolled=true] .vrt-maps-scroll{transform:translateY(-210px)}.vrt-tabs{border-bottom:1px solid var(--vrt-border);gap:24px;margin-bottom:18px;display:flex}.vrt-tab{color:var(--vrt-muted);padding-bottom:10px;font-size:13px}.vrt-tab-active{color:var(--vrt-text);border-bottom:2px solid var(--vrt-primary);font-weight:600}.vrt-map-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.vrt-map-tools{align-items:center;gap:14px;display:inline-flex}.vrt-toggle{color:var(--vrt-muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.vrt-switch{background:var(--vrt-primary);border-radius:999px;width:34px;height:18px;position:relative}.vrt-switch:after{content:"";background:var(--vrt-on-dark);border-radius:999px;width:14px;height:14px;position:absolute;top:2px;right:2px}.vrt-expand{border:1px solid var(--vrt-border);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.vrt-expand-icon{width:15px;height:15px;color:var(--vrt-muted)}.vrt-map{border:1px solid var(--vrt-border);opacity:0;height:260px;transition:opacity calc(.56s * var(--demo-time)) ease, transform calc(.64s * var(--demo-time)) var(--vrt-ease);border-radius:14px;overflow:hidden;transform:scale(.985)}.vrt[data-maps=true] .vrt-map{opacity:1;transform:none}.vrt-map-photo{background:url(/images/vrt/map-photo.jpg) 50%/cover no-repeat;width:100%;height:100%;display:block}.vrt-service-head{margin-top:20px}.vrt[data-maps=true] .vrt-main-maps .vrt-reveal{opacity:1;transform:none}.vrt-main-maps .vrt-reveal:nth-child(2){transition-delay:calc(40ms * var(--demo-time))}.vrt-main-maps .vrt-reveal:nth-child(3){transition-delay:calc(85ms * var(--demo-time))}.vrt-main-maps .vrt-reveal:nth-child(4){transition-delay:calc(.13s * var(--demo-time))}.vrt-main-maps .vrt-reveal:nth-child(5){transition-delay:calc(.175s * var(--demo-time))}.vrt-main-maps .vrt-reveal:nth-child(6){transition-delay:calc(.22s * var(--demo-time))}.vrt-main-maps .vrt-reveal:nth-child(7){transition-delay:calc(.265s * var(--demo-time))}.vrt-main-maps .vrt-reveal:nth-child(8){transition-delay:calc(.31s * var(--demo-time))}.vrt-cursor{opacity:0;width:30px;height:30px;transition:transform calc(.62s * var(--demo-time)) var(--vrt-ease), opacity calc(.3s * var(--demo-time)) ease;filter:drop-shadow(0 3px 5px #0f2a2e66);z-index:6;position:absolute;top:0;left:0;transform:translate(420px,360px)}.vrt[data-cursor=nav] .vrt-cursor{opacity:1;transform:translate(34px,150px)}.vrt[data-cursor=nav][data-press=true] .vrt-cursor{transform:translate(34px,150px)scale(.84)}@media (prefers-reduced-motion:reduce){.vrt-window,.vrt-main,.vrt-kpi,.vrt-bar,.vrt-reveal,.vrt-map,.vrt-maps-scroll,.vrt-cursor{transition:none}.vrt-window{opacity:1;transform:none}}.vrt[data-surface=page] .vrt-window{max-width:none}.vrt[data-surface=hero]{background:0 0;padding:0;position:relative;inset:auto;overflow:visible}.vrt[data-surface=hero]:before,.vrt[data-surface=hero]:after{display:none}.vrt[data-surface=hero] .vrt-window{max-width:none}
.dops{--dops-bg:#fff;--dops-fg:#1b2440;--dops-muted:#697091;--dops-line:#e4e7ef;--dops-track:#d7dae2;--dops-canvas:#eef1f7;--dops-navy:#20316f;--dops-navy-deep:#1a2650;--dops-navy-fg:#fff;--dops-red:#c23429;--dops-red-fg:#fff;--dops-teal:#1d7367;--dops-teal-fg:#fff;--dops-price:#15795b;--dops-sky:#bed2ef;--dops-sky-deep:#a9c3e6;--dops-sky-fg:#20316f;--dops-ph-1:#eef1f6;--dops-ph-2:#dfe5ee;--dops-shimmer:#fff;--dops-shot-ice-1:#ecf3fc;--dops-shot-ice-2:#d3e4f7;--dops-shot-blue-1:#e4edfb;--dops-shot-blue-2:#c4dbf4;--dops-shot-green-1:#e8f3ec;--dops-shot-green-2:#cde6d6;--dops-shot-purple-1:#efeaf9;--dops-shot-purple-2:#dcd1f0;--dops-shot-aqua-1:#e5f3f4;--dops-shot-aqua-2:#c7e8ea;--dops-shot-warm-1:#f5efe7;--dops-shot-warm-2:#ebdfd0}
.dops{--dops-w:760;--dops-s:.7;--dops-ease:cubic-bezier(.22, 1, .36, 1);width:100%;font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;text-align:left;margin-inline:auto;position:relative}.dops-board{aspect-ratio:760/578;background:var(--dops-bg);opacity:0;width:100%;transition:transform calc(.76s * var(--demo-time)) var(--dops-ease), opacity calc(.52s * var(--demo-time)) ease-out;border-radius:16px;position:relative;overflow:hidden;transform:translateY(16px)scale(.985);box-shadow:0 0 0 1px #1b24400f,0 26px 60px -26px #1b24404d,0 10px 24px -16px #1b244038}.dops[data-built=true] .dops-board{opacity:1;transform:none}.dops-stage{width:760px;height:578px;transform:scale(var(--dops-s));transform-origin:0 0;position:absolute;top:0;left:0}.dops-chrome{z-index:2;background:var(--dops-canvas);border-bottom:1px solid var(--dops-line);align-items:center;gap:8px;height:38px;padding-inline:14px;display:flex;position:relative;overflow:hidden}.dops-dot{background:var(--dops-track);border-radius:999px;flex:none;width:9px;height:9px}.dops-url{background:var(--dops-bg);height:22px;color:var(--dops-muted);white-space:nowrap;border-radius:999px;flex:1;align-items:center;gap:7px;margin-inline:8px;padding-inline:12px;font-size:11px;display:flex;overflow:hidden}.dops-url>span{text-overflow:ellipsis;overflow:hidden}.dops-url:before{content:"";background:var(--dops-teal);border-radius:999px;flex:none;width:6px;height:6px}.dops[data-open=true] .dops-url{color:var(--dops-fg)}.dops[data-open=true] .dops-url:before{background:var(--dops-navy)}.dops-loadbar{background:var(--dops-navy);transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.dops[data-open=true] .dops-loadbar{animation:dops-load calc(.9s * var(--demo-time)) var(--dops-ease) forwards}@keyframes dops-load{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dops-viewport{background:var(--dops-bg);position:absolute;inset:38px 0 0;overflow:hidden}.dops-pdp{z-index:3;background-color:var(--dops-bg);opacity:0;transition:opacity calc(.36s * var(--demo-time)) var(--dops-ease), transform calc(.44s * var(--demo-time)) var(--dops-ease);pointer-events:none;background-image:url(/images/dops/casper-pdp.webp);background-position:50% 0;background-repeat:no-repeat;background-size:100%;position:absolute;inset:0;transform:translateY(10px)}.dops[data-open=true] .dops-pdp{opacity:1;transition-delay:calc(.38s * var(--demo-time));animation:dops-pdp-scroll calc(1.9s * var(--demo-time)) var(--dops-ease) calc(.8s * var(--demo-time)) both;transform:translateY(0)}@keyframes dops-pdp-scroll{0%{background-position-y:0%}to{background-position-y:34%}}.dops-screen{width:760px;transform:translateY(calc(var(--dops-scroll,0) * -1px));transition:transform calc(1s * var(--demo-time)) var(--dops-ease);position:absolute;top:0;left:0}.dops[data-scroll="1"]{--dops-scroll:212}.dops[data-built=false] .dops-screen{transition:none}.dops:not([data-surface=hero]){background-color:var(--color-ocean-tint);justify-content:center;align-items:center;padding:7.5%;display:flex;position:absolute;inset:0;overflow:hidden}.dops:not([data-surface=hero]):before{content:"";background:url(/images/work/bg-ht-6.webp) 50% 40%/cover no-repeat;position:absolute;inset:0}.dops:not([data-surface=hero]):after{content:"";opacity:var(--grain);mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='1.4' numOctaves='1' seed='2' stitchTiles='stitch' result='n'/%3E%3CfeComponentTransfer result='g'%3E%3CfeFuncR type='linear' slope='4' intercept='1'/%3E%3CfeFuncG type='linear' slope='4' intercept='1'/%3E%3CfeFuncB type='linear' slope='4' intercept='1'/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix type='saturate' values='0' in='g'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.dops:not([data-surface=hero]) .dops-board{aspect-ratio:16/9;width:100%;max-width:640px;height:auto}.dops-card[data-target]{position:relative}.dops-cursor{z-index:6;pointer-events:none;opacity:0;width:22px;height:22px;transition:opacity calc(.24s * var(--demo-time)) ease, transform calc(.3s * var(--demo-time)) var(--dops-ease);filter:drop-shadow(0 2px 4px #1b24404d);position:absolute;top:46%;left:60%;transform:translate(7px,9px)scale(.9)}.dops[data-cursor=pillow] .dops-cursor{opacity:1;transform:translate(0)scale(1)}.dops[data-press=pillow] .dops-cursor{transform:translate(0)scale(.82)}.dops-tap{background:var(--dops-navy);opacity:0;pointer-events:none;border-radius:8px;position:absolute;inset:0}.dops[data-press=pillow] .dops-tap{animation:dops-tap calc(.46s * var(--demo-time)) ease-out}@keyframes dops-tap{0%{opacity:.16}to{opacity:0}}.dops-rise,.dops-drop,.dops-pop,.dops-grow,.dops-btn,.dops-fade{transition:opacity calc(.48s * var(--demo-time)) var(--dops-ease), transform calc(.52s * var(--demo-time)) var(--dops-ease);will-change:transform, opacity}.dops-rise[data-on=false]{opacity:0;transform:translateY(10px)}.dops-drop[data-on=false]{opacity:0;transform:translateY(-9px)}.dops-pop[data-on=false]{opacity:0;transform:translateY(14px)scale(.965)}.dops-grow{transform-origin:0}.dops-grow[data-on=false]{opacity:0;transform:scaleX(0)}.dops-btn{transform-origin:50%}.dops-btn[data-on=false]{opacity:0;transform:scaleX(.55)}.dops-fade[data-on=false]{opacity:0}.dops-rise[data-on=true],.dops-drop[data-on=true],.dops-pop[data-on=true],.dops-grow[data-on=true],.dops-btn[data-on=true],.dops-fade[data-on=true]{opacity:1;transform:none}.dops[data-phase=teardown] .dops-rise,.dops[data-phase=teardown] .dops-drop,.dops[data-phase=teardown] .dops-pop,.dops[data-phase=teardown] .dops-grow,.dops[data-phase=teardown] .dops-btn,.dops[data-phase=teardown] .dops-fade{transition:opacity calc(.3s * var(--demo-time)) ease-in, transform calc(.32s * var(--demo-time)) var(--dops-ease)}.dops-utility{background:var(--dops-navy-deep);height:24px;color:var(--dops-navy-fg);justify-content:space-between;align-items:center;padding-inline:20px;font-size:9px;display:flex}.dops-utility-mid{align-items:center;gap:10px;display:flex}.dops-utility-mid svg{opacity:.7;width:8px;height:8px}.dops-utility-side{align-items:center;gap:5px;display:flex}.dops-utility svg{width:10px;height:10px}.dops-header{border-bottom:1px solid var(--dops-line);background:var(--dops-bg);grid-template-columns:1fr auto 1fr;align-items:center;height:48px;padding-inline:20px;display:grid;position:relative}.dops-logo{letter-spacing:-.02em;color:var(--dops-navy);font-size:18px;font-weight:800}.dops-logo-img{width:auto;height:18px}.dops-nav{align-items:center;gap:18px;display:flex}.dops-nav>span{color:var(--dops-fg);font-size:11px;font-weight:500;position:relative}.dops-nav>span.is-sale{color:var(--dops-red)}.dops-nav-underline{background:var(--dops-navy);width:100%;height:2px;position:absolute;bottom:-3px;left:0}.dops-header-icons{color:var(--dops-navy);justify-content:flex-end;align-items:center;gap:14px;display:flex}.dops-header-icons svg{width:15px;height:15px}.dops-promo{background:var(--dops-red);height:40px;color:var(--dops-red-fg);justify-content:center;align-items:center;gap:16px;display:flex}.dops-promo-eyebrow{font-size:11px;font-weight:600}.dops-promo-head{letter-spacing:-.01em;font-size:16px;font-weight:700}.dops-promo-note{opacity:.9;font-size:9px;text-decoration:underline}.dops-filters{justify-content:space-between;align-items:center;height:44px;padding-inline:20px;display:flex}.dops-toggle{color:var(--dops-fg);align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.dops-toggle-track{background:var(--dops-track);border-radius:999px;width:26px;height:14px;position:relative}.dops-toggle-knob{background:var(--dops-bg);border-radius:999px;width:10px;height:10px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #1b244040}.dops-filter-pills{gap:14px;display:flex}.dops-filter-pill{color:var(--dops-fg);align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.dops-filter-pill svg{opacity:.6;width:11px;height:11px}.dops-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:18px 20px 0;display:grid}.dops-card{flex-direction:column;gap:8px;display:flex}.dops-photo{aspect-ratio:4/3;background:linear-gradient(135deg, var(--dops-ph-1), var(--dops-ph-2));border-radius:8px;position:relative;overflow:hidden}.dops-photo--ice{background:radial-gradient(120% 100% at 50% 20%, var(--dops-shot-ice-1), var(--dops-shot-ice-2))}.dops-photo--blue{background:radial-gradient(120% 100% at 50% 20%, var(--dops-shot-blue-1), var(--dops-shot-blue-2))}.dops-photo--green{background:radial-gradient(120% 100% at 50% 20%, var(--dops-shot-green-1), var(--dops-shot-green-2))}.dops-photo--purple{background:radial-gradient(120% 100% at 50% 20%, var(--dops-shot-purple-1), var(--dops-shot-purple-2))}.dops-photo--aqua{background:radial-gradient(120% 100% at 50% 20%, var(--dops-shot-aqua-1), var(--dops-shot-aqua-2))}.dops-photo--warm{background:radial-gradient(120% 100% at 50% 20%, var(--dops-shot-warm-1), var(--dops-shot-warm-2))}.dops-photo-shimmer{opacity:0;transition:opacity calc(.32s * var(--demo-time)) ease-out;background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%) 0 0/220% 100%;position:absolute;inset:0}.dops-photo-shimmer[data-on=true]{opacity:1;animation:dops-sweep calc(1.15s * var(--demo-time)) linear infinite}@keyframes dops-sweep{0%{background-position:160% 0}to{background-position:-60% 0}}.dops-photo-img{opacity:0;filter:blur(9px);width:100%;height:100%;transition:opacity calc(.56s * var(--demo-time)) var(--dops-ease), filter calc(.62s * var(--demo-time)) var(--dops-ease), transform calc(.62s * var(--demo-time)) var(--dops-ease);position:absolute;inset:0;transform:scale(1.06)}.dops-photo-img[data-on=true]{opacity:1;filter:blur();transform:none}.dops-photo-real{background-position:50%;background-repeat:no-repeat;background-size:cover}.dops-photo-img--cooling-pillow{background-image:url(/images/dops/cooling-pillow.webp)}.dops-photo-img--cooling-pillow-pack{background-image:url(/images/dops/cooling-pillow-pack.webp)}.dops-photo-img--original-pillow{background-image:url(/images/dops/original-pillow.webp)}.dops-photo-img--original-pillow-pack{background-image:url(/images/dops/original-pillow-pack.webp)}.dops-photo-img--hybrid-pillow{background-image:url(/images/dops/hybrid-pillow.webp)}.dops-photo-img--nap-pillow{background-image:url(/images/dops/nap-pillow.webp)}.dops-photo-img--down-pillow{background-image:url(/images/dops/down-pillow.webp)}.dops-photo-img--backrest-pillow{background-image:url(/images/dops/backrest-pillow.webp)}.dops-grid>:nth-of-type(2) .dops-photo-img{transition-delay:calc(80ms * var(--demo-time))}.dops-grid>:nth-of-type(4) .dops-photo-img{transition-delay:calc(.16s * var(--demo-time))}.dops-grid>:nth-of-type(5) .dops-photo-img{transition-delay:calc(.24s * var(--demo-time))}.dops-grid>:nth-of-type(6) .dops-photo-img{transition-delay:calc(.32s * var(--demo-time))}.dops-grid>:nth-of-type(8) .dops-photo-img{transition-delay:calc(.1s * var(--demo-time))}.dops-grid>:nth-of-type(9) .dops-photo-img{transition-delay:calc(.2s * var(--demo-time))}.dops[data-phase=teardown] .dops-photo-img{transition-delay:0s}.dops-badges{gap:6px;display:flex;position:absolute;top:8px;left:8px}.dops-badge{letter-spacing:.02em;border-radius:5px;padding:3px 7px;font-size:8px;font-weight:700}.dops-badge--new{background:var(--dops-navy);color:var(--dops-navy-fg)}.dops-badge--save{background:var(--dops-teal);color:var(--dops-teal-fg)}.dops-badge--best{background:var(--dops-navy);color:var(--dops-navy-fg)}.dops-card-title{color:var(--dops-fg);font-size:12px;font-weight:600}.dops-card-price{color:var(--dops-muted);align-items:baseline;gap:6px;font-size:10px;display:flex}.dops-card-price strong{color:var(--dops-price);font-weight:700}.dops-card-price s{color:var(--dops-muted)}.dops-tile{background:var(--dops-sky);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:16px 16px 0;display:flex;overflow:hidden}.dops-tile-badge{background:var(--dops-navy);color:var(--dops-navy-fg);border-radius:5px;padding:3px 8px;font-size:8px;font-weight:700}.dops-tile-head{color:var(--dops-sky-fg);font-size:15px;font-weight:700;line-height:1.15}.dops-tile-sub{color:var(--dops-navy);opacity:.8;font-size:9px;line-height:1.3}.dops-tile-btn{background:var(--dops-navy);color:var(--dops-navy-fg);border-radius:999px;padding:7px 14px;font-size:10px;font-weight:600}.dops-tile-art{background:linear-gradient(135deg, var(--dops-bg), var(--dops-sky-deep));border-radius:12px 12px 0 0;width:78%;height:56px;margin-top:auto;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.dops .dops-board{opacity:1;transition:none;transform:none}.dops .dops-rise,.dops .dops-drop,.dops .dops-pop,.dops .dops-grow,.dops .dops-btn,.dops .dops-fade{transition:none}}.dops[data-surface=page] .dops-board{max-width:none}