@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
:root{--cream:#e9e3ce;--green:#65cc43;--ink:#153c2d;--taupe:#918a7c;font-family:Manrope,Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:14px;background:#faf9f5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:6px}.hero{position:relative;min-height:740px;height:calc(100svh - 28px);overflow:hidden;border:8px solid var(--cream);border-radius:29px;background:radial-gradient(ellipse at 40% 57%,#c5ac85 0,transparent 53%),var(--taupe)}.header{position:absolute;z-index:5;top:27px;right:32px;display:flex;flex-direction:column;align-items:flex-end;gap:15px}.brand{display:flex;align-items:center;text-decoration:none;color:var(--cream);font-size:29px;letter-spacing:-1.8px;font-weight:700}.brand-light{font-weight:400}.brand-mark{width:22px;height:22px;display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-right:9px}.brand-mark i{border-radius:50%;background:var(--green)}.location{font-size:12px;color:var(--cream);letter-spacing:.01em}.location span{color:var(--green);font-size:17px;margin-right:5px}.headline{position:relative;z-index:2;padding:30px 34px;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:600;margin:0 0 23px}.headline .eyebrow{color:var(--cream)}h1{font-size:clamp(66px,7.9vw,124px);line-height:.99;letter-spacing:-.068em;font-weight:400;margin:0;color:var(--cream)}.period{color:var(--green)}.machine-scene{position:absolute;width:min(78%,1080px);height:57%;left:53%;top:29%;transform:translateX(-50%);margin:0;pointer-events:none}.machine{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 22px #2c241830);animation:arrive 1.3s ease-out both}.service-note{position:absolute;left:35px;top:57%;display:flex;align-items:flex-start;gap:13px;font-size:13px;line-height:1.55}.service-note p{margin:0}.small-line{width:27px;height:1px;background:var(--ink);margin-top:9px}.service-button{position:absolute;z-index:3;right:20%;top:51%;width:116px;height:116px;padding:0;border:0;background:none;transition:transform .35s}.service-button:hover{transform:rotate(12deg) scale(1.07)}.petals{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;gap:0}.petals i{background:var(--green);border-radius:50%}.button-arrow{position:absolute;inset:0;display:grid;place-items:center;font-size:42px;color:var(--ink)}.hero-bottom{position:absolute;bottom:49px;left:50%;transform:translateX(-50%);text-align:center;width:370px;z-index:4}.hero-bottom p{font-size:15px;line-height:1.4;font-weight:500;margin:0 0 19px}.text-button{border:0;border-bottom:1px solid #153c2d66;padding:0 0 5px;background:none;color:var(--ink);font-size:13px}.text-button span{margin-left:23px}.corner-label{position:absolute;bottom:-1px;left:-1px;background:var(--cream);padding:19px 28px 12px 15px;border-top-right-radius:33px;font-size:13px;font-weight:600;display:flex;gap:8px;align-items:center}.corner-label:after{content:"";position:absolute;right:-26px;bottom:0;width:27px;height:27px;border-radius:0 0 0 26px;box-shadow:-7px 7px 0 6px var(--cream)}.status-dot{width:7px;height:7px;background:var(--ink);border-radius:50%}.edition{position:absolute;bottom:24px;right:89px;font-size:10px;letter-spacing:.12em;color:var(--cream)}.sound-button{position:absolute;bottom:15px;right:15px;width:40px;height:40px;border:0;border-radius:9px;background:var(--cream);display:flex;align-items:center;justify-content:center;gap:3px}.sound-button span{display:block;width:3px;height:6px;border-radius:2px;background:var(--ink)}.sound-button span:nth-child(2){height:16px}.sound-button span:nth-child(3){height:23px}.sound-button span:nth-child(4){height:12px}.sound-button[aria-pressed=true] span{animation:bars .7s ease-in-out infinite alternate}.sound-button span:nth-child(2n){animation-delay:.3s}dialog{border:0;border-radius:24px;background:var(--cream);color:var(--ink);max-width:540px;width:calc(100% - 36px);padding:45px}dialog::backdrop{background:#17271fa6;backdrop-filter:blur(8px)}dialog h2{font-size:38px;line-height:1.1;letter-spacing:-2px;font-weight:500;margin:25px 0}dialog>p:not(.eyebrow){font-size:16px;line-height:1.7}.close-button{position:absolute;right:16px;top:10px;border:0;background:none;font-size:29px;color:var(--ink)}.dialog-foot{font-size:13px;border-top:1px solid #153c2d30;padding-top:20px;margin-top:27px}@keyframes arrive{from{opacity:0;transform:translateY(25px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes bars{to{transform:scaleY(.4)}}@media(min-width:1600px){.headline{padding:40px 45px}.machine-scene{top:19%}}@media(max-width:900px){.hero{min-height:710px}.headline{padding:95px 24px 20px}.header{top:22px;right:24px;left:24px;flex-direction:row;align-items:center}.brand{font-size:25px}.headline .eyebrow{font-size:10px;margin-bottom:18px}h1{font-size:clamp(60px,10vw,90px)}.machine-scene{width:96%;height:61%;top:30%}.service-note{top:49%;left:24px;font-size:11px;max-width:130px}.service-button{width:95px;height:95px;right:12%;top:55%}.hero-bottom{bottom:60px}.edition{display:none}}@media(max-width:540px){body{padding:7px}.hero{border-width:6px;border-radius:23px;height:calc(100svh - 14px);min-height:730px}.header{left:18px;right:18px;top:20px}.brand{font-size:24px}.location{font-size:10px;max-width:80px;text-align:right}.headline{padding:94px 18px 0}h1{font-size:clamp(48px,11.8vw,66px);line-height:1.03;letter-spacing:-.065em}.headline .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:19px}.machine-scene{width:125%;height:53%;top:32%;left:47%}.service-note{top:auto;bottom:162px;font-size:11px;left:20px}.small-line{width:15px}.service-button{width:81px;height:81px;right:8%;top:51%}.button-arrow{font-size:31px}.hero-bottom{bottom:63px;width:100%;padding:0 22px}.hero-bottom p{font-size:13px;margin-bottom:13px}.corner-label{font-size:11px;padding:15px 22px 12px 10px}.sound-button{height:34px;width:34px;right:10px;bottom:10px}dialog{padding:34px 25px}dialog h2{font-size:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}