:root{--jar-ink:#173f3b;--jar-night:#153733;--jar-mint:#8ed8c7;--jar-cream:#f5efe2;--jar-gold:#e4ad62;--jar-coral:#d97967}
body{display:flex;min-height:100vh;flex-direction:column;background:#f7f4ed}main{flex:1}.jar-hero{padding:44px 0 72px;background:radial-gradient(circle at 15% 25%,rgba(142,216,199,.2),transparent 25%),linear-gradient(180deg,#fffdf8,#f3efe6)}.crumbs{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:22px;color:#74766f;font-size:.82rem}.crumbs a{color:var(--primary);font-weight:800}.hero-copy{text-align:center}.hero-copy h1{max-width:980px;margin:20px auto 15px;color:#173f3b;font-size:4.65rem;letter-spacing:-.06em}.hero-copy h1 span{color:#bd6a58}.hero-copy .lead{max-width:760px;color:#666d68}.release-studio{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;max-width:1080px;min-height:660px;margin:40px auto 0;overflow:hidden;border:1px solid rgba(23,63,59,.16);border-radius:30px;background:#fff;box-shadow:0 30px 90px rgba(32,61,53,.16);isolation:isolate}.input-panel,.jar-panel{position:relative;padding:48px}.input-panel{z-index:3;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.95)}.input-panel:after{position:absolute;top:8%;right:0;width:1px;height:84%;background:rgba(23,63,59,.12);content:""}.step-line{display:flex;align-items:center;gap:10px;color:#42625d;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.step-line span{display:grid;width:29px;height:29px;place-items:center;border:1px solid rgba(23,63,59,.18);border-radius:50%;font-size:.64rem;font-weight:900}.step-line b{font-weight:900}.step-line.light{position:absolute;z-index:4;top:35px;left:39px;color:rgba(255,255,255,.68)}.step-line.light span{border-color:rgba(255,255,255,.28)}.input-panel h2{margin:22px 0 10px;color:#1d3532;font-size:2.1rem;letter-spacing:-.045em}.input-panel>p{margin:0;color:#73766f;font-size:.91rem;line-height:1.6}.input-panel form{margin-top:26px}.input-panel label{display:block;margin-bottom:9px;color:#29433f;font-size:.82rem;font-weight:850}.textarea-shell{position:relative}.textarea-shell textarea{display:block;width:100%;min-height:142px;padding:16px 17px 35px;border:1px solid #cdd6d2;border-radius:15px;color:#203936;background:#fbfcfa;outline:0;resize:none;line-height:1.55;transition:.2s}.textarea-shell textarea::placeholder{color:#9ca29f}.textarea-shell textarea:focus{border-color:#3b8d80;background:#fff;box-shadow:0 0 0 4px rgba(59,141,128,.11)}.char-count{position:absolute;right:13px;bottom:10px;color:#8b918d;font-size:.7rem;font-variant-numeric:tabular-nums}.release-button{display:flex;width:100%;min-height:53px;align-items:center;justify-content:center;gap:10px;margin-top:13px;border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,#245c55,#173f3b);box-shadow:0 12px 26px rgba(23,63,59,.22);font-weight:850;transition:.2s}.release-button svg{width:19px;height:19px;transition:transform .2s}.release-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px rgba(23,63,59,.28)}.release-button:hover:not(:disabled) svg{transform:translateY(3px)}.release-button:focus-visible{outline:3px solid #d97967;outline-offset:3px}.release-button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.privacy-note{display:flex;align-items:flex-start;gap:9px;margin:16px 0 0!important;color:#767a75!important;font-size:.73rem!important;line-height:1.5!important}.privacy-note svg{width:18px;flex:none;color:#39796f}.privacy-note strong{display:block;color:#31524d}
.jar-panel{z-index:2;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 50% 32%,#2a6259 0,#173f3b 50%,#102f2c 100%)}.jar-panel:before{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(255,255,255,.45) 0 1px,transparent 1.5px);background-position:0 0;background-size:43px 43px;opacity:.13;content:""}.studio-glow{position:absolute;z-index:1;border-radius:50%;filter:blur(2px);pointer-events:none}.glow-one{right:-80px;bottom:-100px;width:290px;height:290px;background:rgba(228,173,98,.14)}.glow-two{top:-90px;left:38%;width:220px;height:220px;background:rgba(142,216,199,.12)}.status-pill{position:absolute;z-index:7;top:31px;right:34px;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:rgba(255,255,255,.78);background:rgba(9,35,32,.3);font-size:.7rem;font-weight:750;backdrop-filter:blur(8px)}.status-pill i{width:7px;height:7px;border-radius:50%;background:#8ed8c7;box-shadow:0 0 0 4px rgba(142,216,199,.12)}.jar-scene{position:relative;width:min(100%,460px);height:485px;margin-top:38px}.moon{position:absolute;top:58px;left:39px;width:66px;height:66px;border-radius:50%;background:#f4dca9;box-shadow:0 0 34px rgba(244,220,169,.22)}.moon:after{position:absolute;top:-9px;left:17px;width:65px;height:65px;border-radius:50%;background:#23564f;content:""}.star{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff;opacity:.55}.star-one{top:105px;right:60px}.star-two{top:153px;left:65px;width:3px;height:3px}.star-three{top:70px;right:128px;width:2px;height:2px}.jar-lid{position:absolute;z-index:6;top:116px;left:50%;width:204px;height:39px;border:1px solid rgba(105,61,32,.45);border-radius:9px 9px 6px 6px;background:linear-gradient(180deg,#dfa967,#a76c3f);box-shadow:inset 0 5px 0 rgba(255,255,255,.16),0 8px 14px rgba(3,24,22,.3);transform:translateX(-50%);transition:transform .35s cubic-bezier(.22,.85,.3,1)}.jar-lid:after,.jar-lid:before{position:absolute;left:8px;right:8px;height:2px;background:rgba(91,49,27,.25);content:""}.jar-lid:before{top:9px}.jar-lid:after{bottom:8px}.jar-lid span{position:absolute;top:7px;left:22px;width:3px;height:20px;border-radius:3px;background:rgba(255,255,255,.25);transform:rotate(17deg)}.jar-neck{position:absolute;z-index:4;top:139px;left:50%;width:168px;height:53px;border:2px solid rgba(216,247,239,.45);border-bottom:0;background:rgba(198,238,229,.1);transform:translateX(-50%)}.jar{position:absolute;z-index:4;bottom:29px;left:50%;width:272px;height:310px;overflow:hidden;border:3px solid rgba(216,247,239,.56);border-radius:50px 50px 66px 66px;background:linear-gradient(100deg,rgba(255,255,255,.16),rgba(159,223,209,.08) 37%,rgba(255,255,255,.12) 62%,rgba(84,151,139,.12));box-shadow:inset 18px 0 30px rgba(255,255,255,.05),inset -22px -5px 35px rgba(2,32,29,.18),0 26px 45px rgba(3,24,22,.26);transform:translateX(-50%)}.jar:before{position:absolute;inset:10px;border:1px solid rgba(255,255,255,.13);border-radius:41px 41px 56px 56px;content:""}.jar-shine{position:absolute;z-index:5;top:28px;left:24px;width:18px;height:175px;border-radius:50%;background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.03));transform:rotate(4deg);filter:blur(.3px)}.jar-depth{position:absolute;right:0;bottom:0;left:0;height:37%;background:linear-gradient(180deg,transparent,rgba(8,45,40,.35))}.jar-label{position:absolute;z-index:5;top:97px;left:50%;display:flex;width:142px;height:101px;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(73,49,32,.2);background:#efe1c4;box-shadow:0 8px 15px rgba(5,33,29,.18);color:#85654b;transform:translateX(-50%) rotate(-2deg)}.jar-label:before{position:absolute;inset:6px;border:1px solid rgba(133,101,75,.21);content:""}.jar-label span,.jar-label strong,.jar-label small{position:relative}.jar-label span{font-size:.56rem;font-weight:900;letter-spacing:.24em}.jar-label strong{margin:0;font-family:Georgia,serif;color:#315d56;font-size:2.2rem;line-height:1}.jar-label small{font-family:Georgia,serif;font-size:.66rem;font-style:italic}.jar-shadow{position:absolute;right:50px;bottom:6px;left:50px;height:36px;border-radius:50%;background:rgba(2,23,20,.4);filter:blur(11px)}.drop-zone{position:absolute;z-index:3;inset:0;pointer-events:none}.worry-note{position:absolute;z-index:5;top:26px;left:50%;display:flex;width:178px;min-height:69px;align-items:center;justify-content:center;padding:12px 15px;overflow:hidden;border:1px solid #ceb98e;background:#f7e9c9;box-shadow:0 8px 20px rgba(6,28,26,.25);color:#41514d;font-family:Georgia,serif;font-size:.72rem;line-height:1.35;text-align:center;word-break:break-word;transform:translateX(-50%) rotate(-2deg);transform-origin:center}.release-studio.releasing .jar-lid{transform:translateX(-50%) translateY(-24px) rotate(5deg)}.release-studio.releasing .worry-note{animation:note-drop 2.35s cubic-bezier(.4,.01,.55,1) forwards}.release-studio.releasing .jar{animation:jar-breathe .75s 1.52s ease-out}.release-ripple{position:absolute;z-index:6;right:25px;bottom:20px;left:25px;height:64px;border:2px solid rgba(142,216,199,.52);border-radius:50%;opacity:0}.release-studio.releasing .release-ripple{animation:ripple 1.15s 1.55s ease-out}.spark-field{position:absolute;z-index:7;inset:0;pointer-events:none}.spark{position:absolute;bottom:42px;left:50%;width:5px;height:5px;border-radius:50%;background:#f4dca9;box-shadow:0 0 9px #f4dca9;opacity:0}.release-studio.releasing .spark{animation:spark-rise 1.3s var(--delay) ease-out forwards}.visit-count{margin:5px 0 0;color:rgba(255,255,255,.68);font-size:.72rem}.visit-count>span{color:#f4dca9;font-size:1rem;font-weight:900}.visit-count small{color:rgba(255,255,255,.44)}.keyboard-hint{margin:17px 0 0;color:#777b74;font-size:.73rem;text-align:center}.keyboard-hint kbd{padding:3px 7px;border:1px solid #d4d0c5;border-radius:5px;background:#fff;box-shadow:0 2px 0 #beb9ae;font:inherit;font-weight:850}
.pause-band{padding:35px 0;color:#fff;background:#173f3b}.pause-inner{display:flex;max-width:980px;align-items:center;gap:23px}.pause-mark{display:grid;width:62px;height:62px;flex:none;place-items:center;border:1px solid rgba(244,220,169,.5);border-radius:50%;color:#f4dca9;font-family:Georgia,serif;font-size:2rem}.section-label{display:block;margin-bottom:7px;color:#39796f;font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pause-band .section-label{color:#a8ded0}.pause-band h2{margin:0;font-size:1.25rem;letter-spacing:0;line-height:1.4}.content-section{padding:78px 0}.content-shell{max-width:960px}.content-intro{max-width:770px}.content-intro h2,.how-to h2,.faq-list h2{margin:0 0 12px;color:#1e3834;font-size:2.3rem;letter-spacing:-.045em}.content-intro p{margin:0;color:#686d69;line-height:1.75}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:31px}.feature-grid article{padding:24px;border:1px solid #ddd9cf;border-radius:17px;background:#fff}.feature-mark{display:grid;width:39px;height:39px;place-items:center;margin-bottom:16px;border-radius:50%;color:#fff;background:#39796f;font-size:.68rem;font-weight:900}.feature-grid article:nth-child(2) .feature-mark{background:#bd6a58}.feature-grid article:nth-child(3) .feature-mark{background:#bd8740}.feature-grid h3{margin:0 0 8px;color:#283d39;font-size:1rem}.feature-grid p{margin:0;color:#6d716d;font-size:.84rem;line-height:1.65}.how-to{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start;margin-top:72px;padding-top:64px;border-top:1px solid #d8d4ca}.how-to>div>p{color:#747772;line-height:1.65}.how-to ol{display:grid;gap:10px;padding:0;margin:0;list-style:none}.how-to li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:17px;border:1px solid #ddd9cf;border-radius:15px;background:#fff}.how-to li>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;background:#39796f;font-family:Georgia,serif;font-weight:900}.how-to strong{color:#2a403c}.how-to p{margin:4px 0 0;color:#727570;font-size:.82rem;line-height:1.55}.wellbeing-note{display:flex;align-items:flex-start;gap:16px;margin-top:30px;padding:20px;border-left:4px solid #d59a50;border-radius:0 12px 12px 0;background:#fff5e6}.wellbeing-note>span{flex:none;color:#a76e29;font-size:.66rem;font-weight:950}.wellbeing-note p{margin:0;color:#696b67;font-size:.82rem;line-height:1.65}.wellbeing-note strong{color:#34413e}.faq-list{margin-top:72px;padding-top:64px;border-top:1px solid #d8d4ca}.faq-list details{border-bottom:1px solid #d8d4ca}.faq-list summary{padding:18px 2px;cursor:pointer;color:#2b403d;font-weight:850}.faq-list details p{max-width:800px;margin:0;padding:0 2px 19px;color:#6a6e6a;line-height:1.7}.try-section{padding:66px 0 78px;border-top:1px solid #dfdbd1;background:#fff}.try-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.try-head h2{margin:0 0 7px;color:#203a36;font-size:2.1rem;letter-spacing:-.04em}.try-head p{margin:0;color:#6e726e}.secondary-action{color:#39796f;font-size:.84rem;font-weight:850}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.try-card{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;padding:18px;border:1px solid #dcd8ce;border-radius:16px;background:#faf9f6;transition:.2s}.try-card:hover{border-color:#39796f;transform:translateY(-3px);box-shadow:0 14px 32px rgba(31,58,51,.1)}.try-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:13px;color:#fff;background:#39796f;font-size:.72rem;font-weight:900}.try-card:nth-child(2) .try-icon{background:#bd6a58}.try-card:nth-child(3) .try-icon{background:#bd8740}.try-card span span,.try-card strong{display:block}.try-card span span{margin-top:4px;color:#717570;font-size:.74rem;line-height:1.4}.try-card b{color:#39796f}footer{background:#fff}
@keyframes note-drop{0%{opacity:1;transform:translateX(-50%) translateY(0) rotate(-2deg) scale(1)}18%{transform:translateX(-50%) translateY(70px) rotate(5deg) scale(.88,.82)}38%{transform:translateX(-50%) translateY(145px) rotate(-9deg) scale(.62,.67)}62%{opacity:1;transform:translateX(-50%) translateY(250px) rotate(13deg) scale(.48)}82%{opacity:.75;filter:blur(0);transform:translateX(-50%) translateY(338px) rotate(-8deg) scale(.38)}100%{opacity:0;filter:blur(7px);transform:translateX(-50%) translateY(360px) rotate(7deg) scale(.08)}}@keyframes jar-breathe{50%{filter:brightness(1.2);transform:translateX(-50%) scale(1.025)}}@keyframes ripple{0%{opacity:.8;transform:scale(.4)}100%{opacity:0;transform:scale(1.25)}}@keyframes spark-rise{0%{opacity:0;transform:translate(0,0) scale(.5)}25%{opacity:1}100%{opacity:0;transform:translate(var(--drift),-160px) scale(0)}}@media(max-width:850px){.release-studio{grid-template-columns:1fr;max-width:680px}.input-panel:after{display:none}.jar-panel{min-height:590px}.feature-grid,.try-grid{grid-template-columns:1fr}.how-to{grid-template-columns:1fr;gap:22px}.try-head{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.jar-hero{padding:34px 0 54px}.hero-copy h1{font-size:3.2rem}.release-studio{margin-top:29px;border-radius:21px}.input-panel{padding:32px 24px}.input-panel h2{font-size:1.75rem}.jar-panel{min-height:540px;padding:36px 12px 27px}.step-line.light{top:25px;left:24px}.status-pill{top:22px;right:21px}.jar-scene{height:440px;transform:scale(.92)}.content-section{padding:58px 0}.content-intro h2,.how-to h2,.faq-list h2{font-size:1.8rem}.how-to,.faq-list{margin-top:54px;padding-top:48px}.pause-inner{align-items:flex-start}.pause-mark{width:52px;height:52px}.pause-band h2{font-size:1.02rem}.try-card{grid-template-columns:43px 1fr auto}.try-icon{width:43px;height:43px}.visit-count small{display:block;margin-top:3px;text-align:center}}@media(max-width:420px){.hero-copy h1{font-size:2.65rem}.jar-panel{min-height:500px}.jar-scene{width:410px;max-width:none;height:425px;transform:scale(.8)}.status-pill{top:69px;right:50%;transform:translateX(50%)}.step-line.light{right:0;left:0;justify-content:center}.input-panel{padding-inline:19px}.privacy-note{font-size:.68rem!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.release-button,.release-button svg,.try-card,.jar-lid{transition:none}.release-studio.releasing .worry-note{animation:note-fade .5s ease-out forwards}.release-studio.releasing .jar,.release-studio.releasing .release-ripple,.release-studio.releasing .spark{animation:none}.release-studio.releasing .jar{filter:brightness(1.16)}}@keyframes note-fade{to{opacity:0;transform:translateX(-50%) translateY(205px) scale(.2)}}