:root{--clarity-blue:#dce7ed}.instant{position:absolute;z-index:3;top:118px;left:40px;background:#fff8edf2;padding:17px 23px;border-left:2px solid #b59b6c;max-width:330px}.instant p{font-size:18px;line-height:1.45;margin:0 0 9px}.instant strong{font-weight:500}.instant a{font-size:12px;border-bottom:1px solid #243c5055;padding-bottom:3px}.how{padding:110px 7vw;background:#f6f0e6;scroll-margin-top:40px}.section-heading{text-align:center}.section-heading h2,.trust h2,.home-faq h2{font:400 clamp(46px,6vw,86px)/1.02 'Italiana',Georgia,serif;margin:23px 0}.section-heading p{font-size:18px;line-height:1.6}.format-switch{display:flex;justify-content:center;gap:8px;margin:35px auto 45px}.format-switch button{border:1px solid #243c5030;border-radius:30px;background:transparent;color:var(--ink);padding:14px 28px}.format-switch button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.how-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center}.how-visual{aspect-ratio:1;position:relative;overflow:hidden;background:#e9e3d8;border-radius:50% 50% 5px 5px}.how-visual>img{width:100%;height:100%;object-fit:cover}.image-note{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;background:#fff8edcc;padding:8px}.how-step{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid #243c5025;padding:25px 20px;background:transparent;color:var(--ink);transition:background .25s}.how-step.active{background:#e0e9ec}.step-tag{font-size:10px;letter-spacing:2px}.how-step h3{font:400 clamp(27px,3vw,42px)/1.1 'Italiana',Georgia,serif;margin:9px 0}.how-step p{font-size:16px;line-height:1.65;margin:0;max-width:400px}.how-note{font-size:11px;line-height:1.6;opacity:.7;padding:8px 20px}.trust{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:9%;padding:110px 9vw;background:#e5edf0}.trust p{font-size:18px;line-height:1.8;max-width:500px}.trust figure{margin:0;text-align:center}.trust figure img{width:100%;max-width:440px;background:white;padding:24px}.trust figcaption{font-size:16px;line-height:1.7;margin-top:25px}.trust-origin{display:flex;align-items:center;gap:14px;margin:30px 0;font-size:14px}.german-flag{width:30px;height:20px;display:inline-block;background:linear-gradient(#161616 0 33.33%,#cc2734 33.33% 66.66%,#e8bd49 66.66%)}.underlink{font-size:13px;border-bottom:1px solid;padding-bottom:6px}.home-faq{padding:100px 8vw;display:grid;grid-template-columns:1fr 1.2fr;gap:7%;background:#fff8ed}.faq-list details{border-bottom:1px solid #243c5033;padding:23px 0}.faq-list summary{cursor:pointer;list-style:none;display:flex;gap:20px;justify-content:space-between;font-size:18px}.faq-list summary:after{content:'+';font-size:23px}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:16px;line-height:1.8;max-width:580px;margin-bottom:0}.launch-note{display:inline-block;font-size:13px;letter-spacing:1px;margin-top:13px}.founder-truth:first-child{padding-top:180px}.application-diagram,.after-illustration{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 40% 30%,#fffdf8,#dbe7ed);padding:35px}.application-diagram svg{height:78%;width:85%}.diagram-cloth{animation:wipe-motion 2.8s ease-in-out infinite}.diagram-caption{font-size:13px;text-align:center;line-height:1.6}.after-illustration .wipe-symbol{width:160px;height:125px;border-radius:10px 35px 8px 20px;background:repeating-linear-gradient(12deg,#fff 0 2px,#f4f2eb 3px 4px);box-shadow:0 20px 25px #243c5020;transform:rotate(-12deg);margin:30px}.after-illustration strong{font:52px/1.05 'Italiana',Georgia,serif;text-align:center}.after-illustration p{font-size:14px;max-width:250px;text-align:center;line-height:1.7}.application-diagram[hidden],.after-illustration[hidden]{display:none}@keyframes wipe-motion{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media(max-width:750px){.instant{top:104px;left:20px;padding:12px 16px}.instant p{font-size:15px}.how{padding:75px 22px}.how-layout{grid-template-columns:1fr;gap:20px}.how-visual{max-width:480px;width:100%;margin:auto}.how-step{padding:17px}.how-step h3{font-size:30px}.how-step p{font-size:15px}.format-switch button{padding:12px 19px}.trust,.home-faq{grid-template-columns:1fr;padding:75px 24px;gap:35px}.trust figure img{max-width:320px}.section-heading h2,.trust h2,.home-faq h2{font-size:52px}.faq-list summary{font-size:16px}.after-illustration strong{font-size:40px}.home-faq h2{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.diagram-cloth{animation:none}.how-step{transition:none}}
.porcelain-application{padding:0;display:block;background:#eee4d5}.porcelain-base{width:100%;height:100%;object-fit:cover;display:block}.porcelain-hand{position:absolute;width:55%;height:auto;left:36%;top:13%;opacity:0;filter:drop-shadow(0 5px 5px #6b58492b);pointer-events:none;transform:translate(13%, -6%) rotate(-8deg)}.care-gleam{position:absolute;left:43%;top:38%;width:13%;height:13%;border-radius:50%;background:radial-gradient(ellipse,#fffbeabb,transparent 68%);opacity:0;mix-blend-mode:screen;pointer-events:none}.porcelain-label{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:25px 12px 18px;background:linear-gradient(transparent,#fff8edf5 25%);color:#243c50}.porcelain-label>span{font-size:9px;letter-spacing:2px}.porcelain-label p{font-size:14px;line-height:1.5;margin:9px 0 5px}.porcelain-label small{font-size:9px;opacity:.65}.replay-care{position:absolute;right:17px;bottom:22px;width:32px;height:32px;border:1px solid #b79d6d70;border-radius:50%;background:#fff8ede6;color:#243c50;font-size:21px}.porcelain-application.is-playing .porcelain-hand{animation:porcelain-care 3.8s cubic-bezier(.4,0,.25,1) both}.porcelain-application.is-playing .care-gleam{animation:porcelain-glow 3.8s ease both}@keyframes porcelain-care{0%{opacity:0;transform:translate(30%,-8%) rotate(-8deg)}18%{opacity:1;transform:translate(4%,0) rotate(-5deg)}62%{opacity:1;transform:translate(-7%,17%) rotate(3deg)}82%{opacity:1;transform:translate(-7%,17%) rotate(3deg)}100%{opacity:0;transform:translate(25%,22%) rotate(8deg)}}@keyframes porcelain-glow{0%,28%{opacity:0}70%{opacity:.85}100%{opacity:.28}}@media(prefers-reduced-motion:reduce){.porcelain-application.is-playing .porcelain-hand{animation:none;opacity:1;transform:translate(-3%,8%)}.porcelain-application.is-playing .care-gleam{animation:none;opacity:.2}}@media(max-width:750px){.porcelain-label{padding:22px 10px 12px}.porcelain-label p{font-size:12px}.replay-care{right:10px;bottom:15px}}
/* Preparation and finish stay in the same porcelain visual language. */
.pump-motion{position:absolute;inset:0;pointer-events:none}.pump-motion[hidden],.replay-pump[hidden]{display:none}.pump-press{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:polygon(46% 0,100% 0,100% 35%,66% 35%,66% 31%,47% 31%)}.care-dose{position:absolute;left:49%;top:21%;width:2.1%;height:3.3%;border-radius:58% 42% 55% 45%;background:radial-gradient(ellipse at 30% 22%,#fff 0 8%,#fff9 12%,#d1d9da66 50%,#fff9 79%,#b0bec488);border:1px solid #fff8;box-shadow:inset -1px -1px 3px #7e969366;opacity:0}.paper-glint{position:absolute;left:32%;top:32%;width:11%;height:11%;background:radial-gradient(ellipse,#fff9,transparent 67%);opacity:0}.replay-pump{position:absolute;z-index:2;right:17px;bottom:60px;width:32px;height:32px;border:1px solid #b79d6d70;border-radius:50%;background:#fff8ede6;color:#243c50;font-size:21px}.is-dispensing .pump-press{animation:pump-depress 2.6s ease-in-out both}.is-dispensing .care-dose{animation:dose-to-paper 2.6s ease-in-out both}.is-dispensing .paper-glint{animation:paper-settle 2.6s ease both}@keyframes pump-depress{0%,12%,65%,100%{transform:translateY(0)}27%,46%{transform:translateY(.8%)}}@keyframes dose-to-paper{0%,27%{opacity:0;left:49%;top:21%;transform:scale(.4)}34%{opacity:.85;left:48%;top:22%;transform:scale(.8)}58%{opacity:.8;left:36%;top:35%;transform:scale(1)}65%,100%{opacity:0;left:36%;top:36%;transform:scale(1.35,.5)}}@keyframes paper-settle{0%,52%{opacity:0}68%{opacity:.7}100%{opacity:0}}
.warm-finish{position:absolute;inset:0;background:linear-gradient(120deg,#ffdd9555,transparent 65%);mix-blend-mode:soft-light;opacity:0;pointer-events:none}.porcelain-application.is-finish.is-playing .porcelain-hand{animation:care-depart 2.7s ease-in-out both}.porcelain-application.is-finish.is-playing .warm-finish{animation:warm-arrival 2.7s ease both}.porcelain-application.is-finish .care-gleam{display:none}.porcelain-application.is-finish .porcelain-label{padding-top:45px;background:linear-gradient(transparent,#fff8edf5 28%)}.porcelain-label .finish-title{font:36px/1.1 'Italiana',Georgia,serif;margin:7px 0}.is-finish.is-playing .porcelain-label{animation:finish-copy 2.7s ease both}@keyframes care-depart{0%,15%{opacity:1;transform:translate(-7%,17%) rotate(3deg)}75%,100%{opacity:0;transform:translate(66%,30%) rotate(12deg)}}@keyframes warm-arrival{from{opacity:0}to{opacity:1}}@keyframes finish-copy{0%,25%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.is-dispensing .pump-press,.is-dispensing .care-dose,.is-dispensing .paper-glint,.porcelain-application.is-finish.is-playing .porcelain-hand,.porcelain-application.is-finish.is-playing .warm-finish,.is-finish.is-playing .porcelain-label{animation:none}.porcelain-application.is-finish.is-playing .porcelain-hand{opacity:0}.porcelain-application.is-finish .warm-finish{opacity:1}.is-finish .porcelain-label{opacity:1}}@media(max-width:750px){.porcelain-label .finish-title{font-size:29px}}
.porcelain-peace{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}.is-finish.is-playing .porcelain-peace{animation:peace-reveal 3.5s ease both}@keyframes peace-reveal{0%,48%{opacity:0}82%,100%{opacity:1}}@media(prefers-reduced-motion:reduce){.is-finish.is-playing .porcelain-peace{animation:none;opacity:1}}
/* Quicker finish: hand exits, then the peace gesture appears promptly. */
.porcelain-application.is-finish.is-playing .porcelain-hand{animation-duration:1.5s}.porcelain-application.is-finish.is-playing .warm-finish,.is-finish.is-playing .porcelain-label{animation-duration:1.7s}.is-finish.is-playing .porcelain-peace{animation-duration:1.8s}