/* Tessuvo pearl motion: shared by the website and its motion studio. */
.header{position:relative;z-index:10}.header .wordmark img,footer .wordmark img{border-radius:13px;box-shadow:0 2px 9px #a7b6d329}.header .wordmark img{width:46px;height:46px}.hero-stage{position:relative;isolation:isolate;overflow:hidden;border-block:1px solid #fff; background:#eef1fa}.hero-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-video,.hero-poster{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.hero-video{opacity:0;transition:opacity .65s}.video-ready:not(.video-fallback) .hero-video{opacity:1}.hero-poster{opacity:.35}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#f7f8fcf0 0%,#f7f8fcc2 34%,#f7f8fc16 65%,#f7f8fc00),linear-gradient(0deg,#f7f8fcad,transparent 24%,transparent 84%,#f7f8fc45)}.hero{min-height:640px;padding-top:44px;padding-bottom:30px}.hero-copy{animation:none}.hero-art{transform-origin:center center;will-change:transform}.hero-art picture{position:absolute;inset:0;display:block;mask-image:radial-gradient(ellipse at 62% 52%,black 36%,#000b 55%,transparent 76%)}.hero-glass{border-radius:0;animation:pearl-float var(--float-seconds,8s) ease-in-out infinite;mix-blend-mode:multiply}.hero-art::before{content:'';position:absolute;inset:35px -15px 50px 40px;border:1px solid #ffffff85;border-radius:48% 52% 45% 55%;transform:rotate(-23deg);box-shadow:inset 0 0 45px #fff5,0 0 50px #e4d2fa55;pointer-events:none}.float-card{background:linear-gradient(120deg,#ffffffed,#ffffffa6);border-color:#fff;box-shadow:0 20px 60px #52658d18,inset 0 0 20px #fff6}.card-call{top:40px}.card-result{bottom:70px}.hero-motion-control{display:flex;align-items:center;justify-content:space-between;padding:0 0 15px;position:relative;z-index:2}.hero-motion-control button{font-size:10px;min-height:36px;border:1px solid #cad3e6;border-radius:24px;padding:8px 13px;background:#ffffffb3}.hero-motion-control>span{font-size:8px;letter-spacing:2px;color:#63708b}.principles{background:var(--background);position:relative}.hero h1{letter-spacing:-4px}.hero h1>span{background:linear-gradient(105deg,#687492,#8c80a7 75%,#456286);background-clip:text;color:transparent}.button{position:relative;transition:transform .18s,box-shadow .18s,background .18s}.button:active:not(:disabled),button:active:not(:disabled){transform:translateY(1px) scale(.985)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #345ce5;outline-offset:5px}.pearl-edge{border:1px solid #d9e4ff;box-shadow:0 0 0 3px #e6dcf475,0 6px 25px #345ce51f}.pearl-edge::after{content:'';position:absolute;inset:-3px;border:1px solid transparent;border-radius:17px;background:linear-gradient(110deg,#95baff,#e6c1dd,#fff,#b4a4e7) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.7}.pearl-edge:hover::after{opacity:1;filter:drop-shadow(0 0 3px #c0a6f0)}.step{transition:background .2s,transform .2s;border-radius:18px}.step:hover{transform:translateY(-3px);background:#eff2fa}.step-line{background:linear-gradient(90deg,#adbfec,#dac8f1,#f0dbe6)}.reveal{opacity:1;transform:none;transition:none}.motion-ready{opacity:1}.demo-shell{transition:box-shadow .3s}.demo-shell:focus-within{box-shadow:0 20px 65px #526aa61c}.milestone-tab,.choice,summary{transition:background .18s,color .18s,box-shadow .18s}.milestone-tab:hover:not(.active){background:#e9edf7}.choice:hover:not(:disabled){border-color:#9aaee0;box-shadow:0 2px 10px #526aa60d}.faq-list details[open] p{animation:detail-in .25s ease-out}.mechanism-top{align-items:center}.mechanism-story{display:grid;gap:10px}.mechanism-phase{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dfe5f1;border-radius:14px;background:#fff9}.mechanism-phase strong{display:block;font-size:12px;font-weight:550;letter-spacing:-.2px}.mechanism-phase div>span{display:block;font-size:10px;color:#626d82;margin-top:5px}.mechanism-phase small{margin-left:auto;font-size:9px;color:#7a85a0}.phase-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#e5eafa;color:#4569c7}.mechanism-phase:last-child .phase-icon{background:#e3ede8;color:#346f60}.mechanism-rail{height:3px;margin:19px 0;background:#e2e7f3;border-radius:3px;overflow:hidden}.mechanism-progress{display:block;height:100%;background:linear-gradient(90deg,#829fe7,#bca8e3,#e8bfda);transform-origin:left}.slot-release{font-size:11px;background:#edf4f0;color:#346f60;padding:13px;border:1px solid #dbe8e1;border-radius:11px}.mechanism>.small-note{margin-top:14px}.mechanism #motion-toggle{font-size:10px}.studio-link{font-size:10px;color:#64718c;white-space:nowrap}.motion-studio{position:sticky;top:0;z-index:30;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #dce2ef;padding:14px 24px;box-shadow:0 5px 30px #4b5e8814}.motion-studio>div:first-child{display:flex;align-items:center;gap:20px;margin-bottom:10px}.motion-studio strong{font-size:15px}.motion-studio span,.motion-studio a{font-size:11px;color:#61708b}.studio-controls{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.studio-controls button{border:1px solid #dce1ee;background:#f4f6fc;border-radius:8px;padding:8px 10px;font-size:10px;color:#34476b}.studio-controls button:hover{background:#e7edfa}.studio-controls label{display:flex;align-items:center;gap:5px;font-size:10px;color:#4d5d78}.studio-controls input[type=range]{width:70px}.studio-controls output{font-size:10px;color:#526ba5;margin-left:7px}.paused *, .paused *::before,.paused *::after,.out-of-view .hero-glass{animation-play-state:paused!important}.reduced .hero-video,.video-fallback .hero-video{opacity:0!important}.reduced .hero-art{transform:none!important}.reduced *,.reduced *::before,.reduced *::after{animation:none!important;transition:none!important}.reduced .hero-glass{transform:none}.reduced .motion-ready{opacity:1;transform:none;filter:none}.reduced{scroll-behavior:auto}
@keyframes pearl-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes detail-in{from{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:800px){.hero{min-height:570px}.hero h1{letter-spacing:-2.8px}.hero-wash{background:linear-gradient(90deg,#f7f8fce0,#f7f8fc88 45%,#f7f8fc20)}.mechanism-phase{padding:11px;gap:8px}.mechanism-phase strong{font-size:11px}.mechanism-phase div>span{font-size:9px}}
@media(max-width:600px){.hero{min-height:0;padding-top:35px}.hero-wash{background:linear-gradient(#f7f8fcee 0%,#f7f8fcbb 35%,#f7f8fc22 72%,#f7f8fca6)}.hero-video{object-position:68% center}.hero h1{letter-spacing:-2.9px}.hero-art picture{mask-image:radial-gradient(ellipse,black 40%,#000b 62%,transparent 80%)}.header .wordmark img{width:40px;height:40px}.hero-motion-control{padding-bottom:12px}.hero-art::before{inset:25px 0 40px 5px}.card-call{top:5px}.card-result{bottom:37px}.motion-studio{padding:10px 14px}.motion-studio span{display:none}.studio-controls{gap:5px}.studio-controls button{padding:7px}.studio-controls label{font-size:9px}.studio-link{margin-left:auto}nav.is-open{animation:detail-in .2s ease-out}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero-art{transform:none!important}.motion-ready{opacity:1;transform:none;filter:none}}
.hero-art picture{mask-image:linear-gradient(90deg,transparent,black 14%,black 78%,transparent),linear-gradient(0deg,transparent,black 16%,black 83%,transparent);mask-composite:intersect}
.pearl-edge::after{background-size:250% 100%;animation:edge-light 8s ease-in-out infinite}@keyframes edge-light{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}