@layer components{.product-browser-object,.product-phone-object,.product-document,.product-brief-content,.product-browser-top,.product-browser-rail,.product-browser-heading,.product-browser-bottom,.product-phone-content{transform-box:fill-box;transform-origin:50%;transition:transform 1.5s cubic-bezier(.22,.72,.15,1),opacity 1s,filter 1s}.product-browser-shell,.product-phone-shell,.product-browser-edge,.product-phone-edge{transition:fill 1.3s,stroke 1.3s,opacity 1.3s}.product-guides,.product-annotation,.product-sketch-note,.product-rough-lines{transition:opacity 1.1s}.product-guides,.product-annotation,.product-sketch-note{opacity:0}.product-rough-lines{opacity:0;pointer-events:none}.product-approved-mark,.product-mobile-approved{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .5s,transform .7s;transform:scale(.8)}.product-mobile-pending{opacity:1;transition:opacity .5s}.product-connection{opacity:0;transition:opacity .5s}.product-approve-button{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .4s}.product-cursor{opacity:0;transform-box:fill-box;transform-origin:0 0;transition:opacity .6s,translate 1s;translate:22px 37px}.product-packet{offset-distance:0%;offset-rotate:0deg;animation:none}[data-product-story]{--product-step:2;--product-direction:1}.product-stage-cursor{transform:translateX(calc(var(--product-step) * var(--product-direction) * 33.3333%));transition:transform .6s cubic-bezier(.22,.72,.15,1)}.product-stage-fill{transform:scaleX(calc(var(--product-step) / 2));transition:transform .6s cubic-bezier(.22,.72,.15,1)}.product-stage-marker{border-radius:9px;transition:border-radius .6s,background-color .6s,transform .6s;transform:rotate(0)}.product-stage-marker:after{content:"";border-radius:inherit;color:#69c6c8;opacity:.25;border:1px solid;transition:opacity .5s,transform .6s,border-radius .6s;position:absolute;inset:3px}[dir=rtl] [data-product-story]{--product-direction:-1}.product-phone-finish{opacity:0;transition:opacity 1s}.product-phone-document-card{transition:fill 1s,stroke 1s}.home-opening .hero-copy{will-change:auto;top:auto}.product-stage text{font-family:inherit}}[data-product-phase="0"]{--product-step:0}[data-product-phase="1"]{--product-step:1}[data-product-phase="0"] .product-stage-marker{background-color:#09151e;border-radius:43% 57% 38% 62%/56% 39% 61% 44%;transform:rotate(-12deg)}[data-product-phase="0"] .product-stage-marker:after{opacity:.35;inset:-3px -2px -2px -3px;transform:rotate(14deg)}[data-product-phase="1"] .product-stage-marker{border-radius:2px;transform:rotate(0)}[data-product-phase="1"] .product-stage-marker:after{opacity:.2;border-radius:0;inset:3px}.product-stage.product-no-motion~* :is(.product-stage-cursor,.product-stage-fill,.product-stage-marker),.product-stage.product-no-motion~* .product-stage-marker:after{transition:none!important}.product-stage[data-state="0"] .product-browser-object{transform:rotate(-5deg)translate(-8px,12px)}.product-stage[data-state="0"] .product-phone-object{transform:rotate(5deg)translate(8px,-20px)}.product-stage:is([data-state="0"],[data-state="1"]){--product-draft-ink:#5f746d;--product-draft-paper:#e9ece7}.product-stage[data-state="1"]{--product-draft-ink:#526d76;--product-draft-paper:#e0e8e8}.product-stage:is([data-state="0"],[data-state="1"]) :is(.product-browser-object,.product-phone-object){filter:none}.product-stage:is([data-state="0"],[data-state="1"]) :is(.product-browser-object,.product-phone-object) :where(rect,circle,path):where([fill]:not([fill=none])){fill:none;stroke:var(--product-draft-ink);stroke-width:1px}.product-stage:is([data-state="0"],[data-state="1"]) :is(.product-browser-object,.product-phone-object) [stroke]:not([stroke=none]){stroke:var(--product-draft-ink)}.product-stage:is([data-state="0"],[data-state="1"]) :is(.product-browser-object,.product-phone-object) text{fill:var(--product-draft-ink);font-weight:400}.product-stage:is([data-state="0"],[data-state="1"]) :is(.product-browser-object,.product-phone-object) :is(.product-browser-shell,.product-phone-shell){fill:var(--product-draft-paper);stroke-width:1.5px}.product-stage:is([data-state="0"],[data-state="1"]) :is(.product-browser-edge,.product-phone-edge){opacity:0}.product-stage:is([data-state="0"],[data-state="1"]) :is(.product-document,.product-brief-content,.product-browser-bottom,.product-mobile-pending)>rect,.product-stage:is([data-state="0"],[data-state="1"]) .product-phone-document-card{rx:2px}.product-stage:is([data-state="0"],[data-state="1"]) .product-brief-content>rect:nth-of-type(2){opacity:0}.product-stage[data-state="0"] :is(.product-browser-top,.product-browser-rail,.product-browser-heading,.product-browser-bottom){opacity:.55}.product-stage[data-state="0"] :is(.product-requirements,.product-brief-content>text:nth-child(2)){opacity:0}.product-stage[data-state="0"] :is(.product-document,.product-brief-content,.product-phone-content)>:is(rect,path),.product-stage[data-state="0"] .product-mobile-pending>rect{opacity:.2}.product-stage[data-state="0"] .product-browser-heading text:first-child{opacity:.4}.product-stage[data-state="0"] .product-annotation,.product-stage[data-state="0"] .product-sketch-note{opacity:1}.product-stage[data-state="0"] .product-rough-lines{opacity:.85}.product-stage[data-state="0"] .product-rough-lines path{stroke-dasharray:1;animation:1.1s cubic-bezier(.22,.72,.15,1) both product-pencil-stroke}@keyframes product-pencil-stroke{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.product-stage[data-state="1"] .product-guides{opacity:1}.product-stage[data-state="2"] .product-cursor{opacity:1;translate:0}.product-stage[data-state="2"] .product-approve-button{opacity:1}.product-stage[data-state="3"] .product-approve-button{animation:.38s ease-out forwards product-approve-press}.product-stage[data-state="3"] .product-cursor{opacity:0;animation:.55s ease-out forwards product-cursor-click;translate:0}.product-stage[data-state="3"] .product-approved-mark,.product-stage[data-state="3"] .product-mobile-approved{opacity:1;transform:scale(1)}.product-stage[data-state="3"] .product-approved-mark{transition-delay:.22s}.product-stage[data-state="3"] .product-mobile-approved{transition-delay:1.27s}.product-stage[data-state="3"] .product-mobile-pending{opacity:0;transition-delay:1.27s}.product-stage[data-state="3"] .product-connection{opacity:1;transition-delay:.22s}.product-stage[data-state="3"] .product-packet{animation:1.2s ease-in-out .22s both product-transmit}.product-stage[data-state="3"] .product-review-label{opacity:.6}.product-stage.product-paused *{animation-play-state:paused!important}.product-stage.product-no-motion *{transition:none!important;animation:none!important}.product-stage.product-no-motion .product-packet{display:none}@keyframes product-approve-press{0%{opacity:1;scale:1}35%{opacity:1;scale:.94}65%{opacity:1;scale:1}to{opacity:0;scale:1}}@keyframes product-cursor-click{0%{opacity:1;scale:1}25%{opacity:1;scale:.88}50%{opacity:1;scale:1}to{opacity:0;scale:1}}@keyframes product-transmit{0%{offset-distance:0%;opacity:0}15%{opacity:1}85%{opacity:1}to{offset-distance:100%;opacity:0}}.product-stage[data-state="2"] .product-phone-shell,.product-stage[data-state="3"] .product-phone-shell{fill:url(#home-product-phone-glass);stroke:#78959f;stroke-width:1.5px}.product-stage[data-state="2"] .product-phone-finish,.product-stage[data-state="3"] .product-phone-finish{opacity:1}.product-stage[data-state="2"] .product-phone-document-card,.product-stage[data-state="3"] .product-phone-document-card{fill:url(#home-product-phone-document);stroke:#4c7782;stroke-width:1px}.product-stage[data-state="2"] .product-phone-content>text:first-child,.product-stage[data-state="3"] .product-phone-content>text:first-child{fill:#97bac3;font-size:14px}.product-stage[data-state="2"] .product-phone-content>text:nth-child(2),.product-stage[data-state="3"] .product-phone-content>text:nth-child(2){fill:#f1f7f5;font-weight:600}.product-stage[data-state="2"] .product-phone-content>text:nth-child(6),.product-stage[data-state="3"] .product-phone-content>text:nth-child(6){fill:#91b0b9}.home-opening .home-about{opacity:1;pointer-events:auto;left:auto;right:auto}.home-opening[data-home-enhanced=motion]{height:var(--opening-track-h)}.home-opening[data-home-enhanced=motion] .home-stage{top:calc(-1 * var(--opening-overflow));height:var(--opening-stage-h);position:sticky}.home-opening[data-home-enhanced=motion] .home-about{inset-inline-start:var(--opening-copy-start);top:var(--opening-copy-top);width:var(--opening-copy-w);margin:0;padding-block:0;position:absolute}.home-opening[data-home-enhanced=motion] .progress{display:block}@media (max-width:800px){.product-stage .product-sketch-note text{font-size:32px}.product-stage .product-browser-heading text:first-child,.product-stage .product-browser-rail,.product-stage .product-browser-bottom{opacity:0!important}.product-stage .product-browser-heading text:last-of-type{font-size:35px;transform:translateY(6px)}.product-stage .product-requirements{display:none}.product-stage .product-brief-content>text:first-child{font-size:30px}.product-stage .product-brief-content>text:nth-child(2){font-size:19px;transform:translateY(8px)}.product-stage .product-document{transform:translateY(10px)}.product-stage .product-phone-content>text:first-child{font-size:19px}.product-stage .product-phone-content>text:nth-child(2){font-size:26px}.product-stage .product-review-label{font-size:20px}}@media (prefers-reduced-motion:reduce){.product-stage-cursor,.product-stage-fill,.product-stage-marker,.product-stage-marker:after{transition:none!important}.product-stage *{transition:none!important;animation:none!important}.product-packet{display:none}}@media (prefers-reduced-motion:no-preference){.hero-boot [data-product-story]:not([data-product-ready]){visibility:hidden}}.hero-boot .home-opening:not([data-home-enhanced]){min-height:340svh}.hero-boot .home-opening:not([data-home-enhanced]) .home-about{opacity:0}
