:root{--bg:#fbf5e9;--ink:#3b342d;--muted:#786d61;--border:#ded2c3;--accent:#db7867;--accent-dark:#b95447;--green:#607e71;--card:#fffdf7;--serif:'Iowan Old Style','Baskerville','Palatino Linotype',Georgia,serif;--sans:'Avenir Next','Trebuchet MS','Segoe UI',Arial,sans-serif;--shadow:0 24px 70px rgba(76,47,30,.12)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--sans);overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{max-width:100%}[hidden]{display:none!important}::selection{background:#f0c5bb;color:#3b342d}*:focus-visible{outline:3px solid #b86a52;outline-offset:3px}.paper-noise{pointer-events:none;position:fixed;inset:0;z-index:99;opacity:.035;background-image:url('data:image/svg+xml,%3Csvg viewBox=%220 0 180 180%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.85%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23n)%22/%3E%3C/svg%3E')}
.site-header{height:93px;max-width:1450px;margin:auto;padding:0 clamp(22px,5vw,86px);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5;border-bottom:1px solid #e8ddcd}.brand{display:inline-flex;align-items:center;gap:9px;font:700 30px/1 var(--serif);letter-spacing:-1.6px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:34px;line-height:1;background:#f1d3c6;border-radius:9px;font-size:24px;color:#b45b4b;transform:rotate(-11deg)}.brand-dot{color:var(--accent)}.header-links{display:flex;align-items:center;gap:37px;font-size:13px;font-weight:700}.header-links a:not(.nav-cta){transition:color .2s}.header-links a:not(.nav-cta):hover{color:var(--accent-dark)}.nav-cta{padding:11px 19px;border:1.5px solid var(--ink);border-radius:40px;transition:background .2s,transform .2s}.nav-cta:hover{background:#f4e7d8;transform:translateY(-2px)}
.hero{max-width:1450px;margin:auto;min-height:630px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;padding:48px clamp(22px,5vw,86px) 72px;gap:38px}.hero-copy{position:relative;z-index:2;padding-bottom:5px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#9d685b}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:22px}.sun-icon{font-size:22px;color:var(--accent)}h1,h2,h3,p{margin-top:0}.hero h1{font:500 clamp(54px,5.6vw,88px)/1.03 var(--serif);letter-spacing:-3.9px;max-width:750px;margin:0 0 22px}.hero h1 em,.section-heading h2 em,.how h2 em,.ideas-section h2 em{color:#d37463;font-weight:400}.hero-copy>p{font-size:16px;line-height:1.86;max-width:510px;color:#665c54;margin-bottom:26px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:99px;padding:14px 24px;font-size:14px;font-weight:800;text-align:center;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 21px #543a2722}.button-primary{background:#db7567;color:white;box-shadow:0 4px 0 #ae554c}.button-primary:hover{background:#c9685b}.button-light{background:#fffaf2;color:var(--ink);border:1px solid #ddd0be}.button-large{padding:16px 25px}.free-note{font-size:12px;color:#827566}.hero-footnote{margin-top:76px;color:#9d8a79;font-size:12px}.hero-footnote span{font-size:22px;color:#d27c66;margin-right:6px}
.hero-visual{height:510px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}.hero-visual::before{content:'';position:absolute;width:min(96%,520px);height:450px;left:6%;top:22px;border-radius:49% 51% 48% 54%;background:#e9e7d7;transform:rotate(-17deg)}.hero-visual::after{content:'';position:absolute;width:360px;height:390px;border-radius:50%;border:1px dashed #d7c3ae;transform:rotate(16deg)}.hero-card{position:absolute;width:235px;height:290px;background:#fff9ee;top:34px;left:13%;transform:rotate(-18deg);box-shadow:0 17px 40px #5b3e3221;border:1px solid #e6dbcb;z-index:1;padding:27px 20px;display:flex;flex-direction:column;align-items:center;gap:20px;font:10px var(--sans);letter-spacing:2px;color:#b38e85}.tiny-heart{font-size:70px;color:#dea497;line-height:1}.big-envelope{width:min(93%,410px);height:275px;position:relative;z-index:2;transform:rotate(-7deg);filter:drop-shadow(0 27px 28px #80645140);animation:floatEnv 5s ease-in-out infinite}.big-envelope-inner{position:absolute;inset:0;background:#e5b4a0;border-radius:7px}.hero-letter{position:absolute;width:80%;height:240px;bottom:62px;left:10%;background:#fffdf5;z-index:2;box-shadow:0 7px 14px #744b3422;border:1px solid #efe2d5;display:flex;flex-direction:column;align-items:center;padding:55px 12px 8px;gap:24px;color:#85685e;font:italic 21px var(--serif);text-align:center;animation:letterFloat 5s ease-in-out infinite}.hero-letter-heart{font-size:45px;color:#d77568}.big-env-base{position:absolute;inset:0;background:#efc9b6;border-radius:7px;clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);z-index:3}.big-env-side{position:absolute;inset:0;background:#efc6b2;z-index:4}.big-env-left{clip-path:polygon(0 0,54% 57%,0 100%)}.big-env-right{clip-path:polygon(100% 0,46% 57%,100% 100%);background:#e9b8a4}.big-env-flap{position:absolute;inset:0;clip-path:polygon(0 100%,50% 51%,100% 100%);background:#f4d3bf;z-index:5;border-radius:7px}.wax-seal{position:absolute;width:67px;height:67px;left:calc(50% - 33px);top:calc(52% - 30px);z-index:6;background:#cf6e60;color:#fff3ec;border:4px double #f4ab95;border-radius:49% 52% 48% 45%;display:grid;place-items:center;font-size:31px;box-shadow:0 4px 8px #7b383b2e}.float-stamp{position:absolute;right:0;top:34px;width:106px;height:110px;background:#f7e1b4;box-shadow:0 6px 15px #705c3723;transform:rotate(15deg);z-index:3;clip-path:polygon(5% 0,10% 5%,15% 0,20% 5%,25% 0,30% 5%,35% 0,40% 5%,45% 0,50% 5%,55% 0,60% 5%,65% 0,70% 5%,75% 0,80% 5%,85% 0,90% 5%,95% 0,100% 5%,95% 10%,100% 15%,95% 20%,100% 25%,95% 30%,100% 35%,95% 40%,100% 45%,95% 50%,100% 55%,95% 60%,100% 65%,95% 70%,100% 75%,95% 80%,100% 85%,95% 90%,100% 95%,95% 100%,90% 95%,85% 100%,80% 95%,75% 100%,70% 95%,65% 100%,60% 95%,55% 100%,50% 95%,45% 100%,40% 95%,35% 100%,30% 95%,25% 100%,20% 95%,15% 100%,10% 95%,5% 100%,0 95%,5% 90%,0 85%,5% 80%,0 75%,5% 70%,0 65%,5% 60%,0 55%,5% 50%,0 45%,5% 40%,0 35%,5% 30%,0 25%,5% 20%,0 15%,5% 10%,0 5%)}.float-stamp>span{display:block;color:#ae7c56;text-align:center;font-size:54px;margin-top:7px}.float-stamp small{display:block;font-size:7px;font-weight:bold;letter-spacing:1px;text-align:center}.orbit{position:absolute;z-index:4;color:#d68c66}.orbit-one{top:20px;left:30%;font-size:32px;animation:twinkle 4s infinite}.orbit-two{right:4%;bottom:60px;font-size:32px;animation:twinkle 5s infinite 1s}.scribble-caption{font:italic 20px/1.05 var(--serif);position:absolute;bottom:5px;left:7%;transform:rotate(-13deg);color:#9d6e5d;z-index:6}.scribble-caption span{font-size:35px}.postal-tape{position:absolute;width:88px;height:26px;background:#e7bd92aa;z-index:4;opacity:.7}.tape-top{top:0;left:9%;transform:rotate(-34deg)}.tape-bottom{bottom:17px;right:7%;transform:rotate(33deg)}@keyframes floatEnv{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-13px) rotate(-4deg)}}@keyframes letterFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes twinkle{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(40deg) scale(1.3)}}
.marquee{overflow:hidden;background:#dfab9a;color:#59443b;padding:12px 0;font-size:11px;letter-spacing:2.3px;font-weight:900;white-space:nowrap;border-top:1px solid #cf9b8b;border-bottom:1px solid #cf9b8b}.marquee-track{width:max-content;animation:marquee 40s linear infinite}.marquee span{padding:0 24px;color:#fff5e9}@keyframes marquee{to{transform:translateX(-50%)}}
.studio{max-width:1320px;padding:98px 32px 110px;margin:0 auto;scroll-margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.section-heading h2,.how h2,.ideas-section h2{font:500 clamp(40px,4.3vw,62px)/1.09 var(--serif);letter-spacing:-2.4px;margin:12px 0}.section-heading p{color:var(--muted);margin:0}.mini-stamp{height:95px;width:95px;display:grid;place-content:center;text-align:center;color:#a96c58;border:2px dashed #ca8d72;border-radius:50%;line-height:1.15;transform:rotate(13deg);font-weight:700;font-size:9px;letter-spacing:1px}.mini-stamp b{font-size:25px}.workspace{display:grid;grid-template-columns:1.13fr .87fr;gap:22px;align-items:start}.editor{background:#fffcf5;border:1px solid #e9ddcc;border-radius:17px;box-shadow:0 18px 50px #67513a0a;padding:clamp(22px,3.4vw,43px)}.step-title{display:flex;align-items:center;gap:14px;margin-bottom:22px}.step-num{height:42px;width:42px;display:grid;place-items:center;background:#f6e0d2;border-radius:50%;font:italic 20px var(--serif);color:#a65c4f;flex:0 0 auto}.step-title h3{margin:0;font:600 25px var(--serif);letter-spacing:-.5px}.step-title p{margin:1px 0 0;font-size:12px;color:#8e7f72}.occasions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.occasion{padding:14px 5px 12px;background:white;border:1.5px solid #e7ddcd;border-radius:12px;color:#54483e;font-size:11px;font-weight:800;transition:transform .2s,border .2s,background .2s}.occasion span{display:block;font-size:28px;line-height:1.25;margin-bottom:3px}.occasion:hover{transform:translateY(-2px);border-color:#dca894}.occasion.active{border:1.5px solid #ce7464;background:#fff1e9;box-shadow:inset 0 0 0 1px #d68c7e}.editor-divider{height:1px;background:#e8ddce;margin:29px 0}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.editor label{display:block;font-size:12px;font-weight:750;color:#5c5046;margin-bottom:16px}.editor input,.editor textarea{margin-top:8px;display:block;width:100%;background:#fffdf8;border:1px solid #ded3c7;border-radius:9px;padding:13px 14px;color:var(--ink);font-size:13px;transition:border .2s,box-shadow .2s}.editor input:focus,.editor textarea:focus{border-color:#cb8372;outline:none;box-shadow:0 0 0 3px #f2d8ce}.editor input::placeholder,.editor textarea::placeholder{color:#aca099}.editor textarea{resize:vertical;min-height:204px;line-height:1.75}.optional{font-weight:400;color:#948579}.suggestion-label{display:flex;justify-content:space-between;font-size:12px;font-weight:800;margin-top:9px}.suggestion-arrow{font:italic 14px var(--serif);color:#c17a6b;transform:rotate(-4deg)}.idea-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 17px}.idea-tabs button{border:1px solid #e2d6c9;background:#faf4e8;padding:8px 11px;border-radius:24px;font-size:11px;color:#64564c}.idea-tabs button:hover,.idea-tabs button.selected{background:#f2dace;border-color:#ca9382;color:#9a574b}.idea-tabs .idea-shuffle{margin-left:auto}.letter-label{margin-bottom:4px!important}.text-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#97887b}.text-meta span:last-child{font-variant-numeric:tabular-nums}.themes{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.theme{background:transparent;border:0;padding:0;font-size:12px;font-weight:700;color:#5e544b;min-width:0}.theme-swatch{height:75px;display:grid;place-items:center;border-radius:9px;margin-bottom:8px;font:35px var(--serif);border:2px solid transparent;transition:transform .2s,box-shadow .2s}.theme.active .theme-swatch{border-color:#bd7465;box-shadow:0 0 0 3px #fff9f0,0 0 0 4px #d7a38f}.theme:hover .theme-swatch{transform:translateY(-3px)}.swatch-romance{background:#fbe4e1;color:#cd7c86}.swatch-garden{background:#e0ead8;color:#66876f}.swatch-midnight{background:#26394a;color:#ebd4a7}.swatch-sunshine{background:#f9e9b8;color:#df9960}.swatch-christmas{background:#dbe6e2;color:#b45b52}.studio-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:34px}.text-button{padding:5px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:#b65e53;font-size:12px;font-weight:800}.text-button:hover{color:#843f38}.form-error{margin:18px 0 0;padding:12px 15px;background:#fff0eb;border:1px solid #efbeae;color:#963d35;border-radius:8px;font-size:12px}.safe-note{display:flex;gap:8px;color:#958679;font-size:11px;line-height:1.5;margin-top:22px;max-width:550px}
.preview-pane{position:sticky;top:24px;background:#f3e9d9;border:1px solid #e3d4c1;border-radius:16px;padding:22px;overflow:hidden}.preview-heading{display:flex;gap:7px;align-items:center;color:#968777;font-size:10px;font-weight:800;letter-spacing:1px;white-space:nowrap;margin-bottom:18px}.preview-heading>span:last-child{font-weight:400;letter-spacing:0;margin-left:1px}.live-dot{height:7px;width:7px;background:#78a48d;border-radius:50%;box-shadow:0 0 0 3px #d6e9dc}.preview-card{min-height:575px;background:#fff9f5;padding:49px 42px 25px;position:relative;box-shadow:0 16px 36px #70513c1c;border:1px solid #f4e4dd;text-align:center;display:flex;flex-direction:column;align-items:center;transition:background .25s,color .25s;overflow-wrap:anywhere}.preview-card::before{content:'';position:absolute;inset:13px;border:1px solid currentColor;opacity:.13;pointer-events:none}.preview-spark{position:absolute;top:12px;right:23px;font-size:27px;opacity:.55}.preview-ornament{font:43px var(--serif);color:#c87c80;line-height:1;margin:7px 0 27px}.preview-address,.opened-kicker{font-size:9px;font-weight:800;letter-spacing:2.2px;opacity:.7}.preview-name{font:italic 27px var(--serif);margin:9px 0 17px}.preview-divider{color:#c98980;font-size:12px;letter-spacing:7px;margin-bottom:14px}.preview-heading-title{font:500 30px/1.18 var(--serif);letter-spacing:-.5px;margin-bottom:16px}.preview-card p{white-space:pre-wrap;font:16px/1.8 var(--serif);max-width:310px;color:inherit;opacity:.88;margin:0 0 25px}.preview-sign{margin:auto 0 22px;font:italic 15px/1.7 var(--serif)}.preview-sign strong{font-weight:700}.preview-bottom{font:italic 11px var(--serif);opacity:.45}.preview-footer{text-align:center;color:#957e6f;font:italic 14px var(--serif);padding-top:14px}.preview-footer span{color:#d37e6d}
.preview-card[data-theme=romance],.opened-letter[data-theme=romance],.preview-mini-paper[data-theme=romance]{background:#fff2ef;color:#673f47}.preview-card[data-theme=garden],.opened-letter[data-theme=garden],.preview-mini-paper[data-theme=garden]{background:#edf1e5;color:#375547}.preview-card[data-theme=garden] .preview-ornament{color:#648b68}.preview-card[data-theme=midnight],.opened-letter[data-theme=midnight],.preview-mini-paper[data-theme=midnight]{background:#26384b;color:#f4dfb9}.preview-card[data-theme=midnight] .preview-ornament,.preview-card[data-theme=midnight] .preview-divider{color:#e3c28c}.preview-card[data-theme=sunshine],.opened-letter[data-theme=sunshine],.preview-mini-paper[data-theme=sunshine]{background:#fff0c5;color:#806042}.preview-card[data-theme=sunshine] .preview-ornament{color:#d99347}.preview-card[data-theme=christmas],.opened-letter[data-theme=christmas],.preview-mini-paper[data-theme=christmas]{background:#edf0e9;color:#4e6252}.preview-card[data-theme=christmas] .preview-ornament{color:#bd6c61}
.how{background:#f5eadd;padding:95px clamp(22px,7vw,100px) 110px}.how-heading{text-align:center;max-width:760px;margin:0 auto 60px}.how-grid{max-width:1170px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:55px;text-align:center}.how-illustration{width:145px;height:145px;border-radius:50%;background:#f9d9c8;display:grid;place-items:center;color:#ad7161;font:85px var(--serif);margin:0 auto 19px;position:relative}.how-illustration span{position:absolute;right:-4px;top:0;font-size:29px;color:#e07b71}.ill-seal{background:#e3e7d6}.ill-send{background:#f5e1b5}.how-index{font-size:10px;color:#b28370;font-weight:900;letter-spacing:1.6px}.how-grid h3{font:500 29px var(--serif);margin:9px 0}.how-grid p{font-size:13px;color:#827468;line-height:1.75;max-width:275px;margin:auto}.ideas-section{max-width:1280px;margin:auto;padding:110px 40px 120px;display:grid;grid-template-columns:1fr .83fr;gap:90px;align-items:center}.ideas-left p{max-width:460px;color:#786e64;line-height:1.85;margin:18px 0 30px}.quote-card{min-height:310px;background:#dfab9d;border:12px solid #f7e7d9;outline:1px solid #e0b3a0;box-shadow:15px 17px 0 #eee3d4;transform:rotate(3deg);padding:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.quote-card>span{font-size:34px}.quote-card blockquote{font:italic 30px/1.3 var(--serif);margin:16px 0 23px}.quote-card small{font-size:11px;color:#78564f}.footer{min-height:160px;background:#4f6156;color:#fff7e8;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px max(7vw,25px)}.footer .brand{font-size:26px}.footer .brand-icon{color:#7d483f;background:#f6dcc3}.footer p{font-size:12px;opacity:.7;margin:7px 0 0}.footer-right{font-size:12px;opacity:.85}.footer-right span{margin:0 8px}
.overlay{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;padding:15px}.overlay-backdrop{position:absolute;inset:0;background:#322b29ac;backdrop-filter:blur(5px)}.delivery-modal,.preview-modal{width:min(100%,540px);max-height:min(92vh,860px);overflow-y:auto;position:relative;background:#fffaf1;border-radius:20px;padding:35px;box-shadow:0 35px 130px #21121066;text-align:center;animation:modalIn .35s ease both}.modal-close{position:absolute;right:15px;top:11px;width:33px;height:33px;border:0;background:#f2e5d8;border-radius:50%;font-size:25px;color:#6c5045;z-index:2}.delivery-loading{min-height:290px;display:grid;place-content:center;gap:14px}.delivery-letter{font:125px var(--serif);height:155px;line-height:1;color:#cc7d70;position:relative;animation:deliveryDance 1.1s ease-in-out infinite}.delivery-letter span{font:25px var(--serif);position:absolute;left:55%;top:43%;color:#fff4ed}.delivery-loading p{color:#886858;font:italic 22px var(--serif)}.delivery-success .success-illustration{font-size:68px;animation:pop .5s ease both}.delivery-success h2{font:500 42px/1.1 var(--serif);letter-spacing:-1px;margin:9px 0}.delivery-success>p{color:#7f6c60;font-size:13px}.share-url{display:flex;border:1px solid #e1d3c4;border-radius:9px;overflow:hidden;margin:22px 0 12px}.share-url input{flex:1;min-width:0;border:0;background:#fff;padding:13px 12px;color:#736153;font-size:12px}.copy-button{border:0;border-left:1px solid #e1d3c4;background:#eee5d8;padding:0 15px;font-size:12px;font-weight:800}.share-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.button-whatsapp{background:#35785c;color:white}.qr-wrap{margin:26px auto 6px;border-top:1px dashed #dfd1c2;padding:22px 0 6px;display:flex;flex-direction:column;align-items:center;gap:11px}.qr-wrap>span{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#987e6f}.qr-wrap canvas{width:220px;height:220px;background:white;border:1px solid #eee2d5;border-radius:8px;padding:9px;image-rendering:pixelated}.privacy-details{margin-top:18px;color:#9b8071;font-size:12px;text-align:center}.privacy-details summary{cursor:pointer}.privacy-details p{max-width:335px;margin:10px auto}.view-link{display:block;color:#b45d53;font-size:12px;font-weight:800;margin-top:18px}.preview-modal{width:min(100%,450px)}.preview-start h2{font:500 37px/1.1 var(--serif);margin:17px 0}.demo-envelope{width:220px;height:150px;background:linear-gradient(143deg,#f6d6c1 50%,#eab6a0 50%);margin:35px auto 25px;display:grid;place-items:center;color:#ac5b4e;font-size:100px;box-shadow:0 15px 30px #5b392c2c;transform:rotate(-8deg);position:relative}.demo-envelope span{position:absolute;left:49%;top:50%;font-size:30px;color:#cf6b60}.preview-mini-paper{max-height:55vh;overflow-y:auto;background:#fff3ef;box-shadow:var(--shadow);padding:32px 23px;text-align:center;border:1px solid #e9d8c7;overflow-wrap:anywhere}.mini-paper-label{font-size:9px;letter-spacing:2px}.preview-mini-paper h3{font:500 30px var(--serif);margin:15px 0}.preview-mini-paper p{white-space:pre-wrap;font:18px/1.65 var(--serif)}.mini-paper-sign{display:block;margin:19px 0;font:italic 17px var(--serif)}.preview-inside .text-button{margin-top:18px}
@keyframes modalIn{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes deliveryDance{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-22px)}}
.receive-page{min-height:calc(100vh - 170px);padding:40px 25px 90px;text-align:center;position:relative;background:radial-gradient(circle at 50% 28%,#fbe9df 0,transparent 52%);display:flex;align-items:center;flex-direction:column;isolation:isolate}.receive-glow{font-size:28px;letter-spacing:22px;color:#dda996;opacity:.7;animation:twinkle 8s ease-in-out infinite}.receive-label{font-size:10px;font-weight:800;letter-spacing:2.2px;color:#ac8271;margin-top:20px}.receive-title{font:500 clamp(42px,5vw,66px)/1.15 var(--serif);letter-spacing:-2px;margin:18px auto 5px}.receive-sub{font-size:14px;color:#97806f;margin-bottom:15px}.receive-envelope-wrap{width:min(93vw,480px);height:360px;display:grid;place-items:center;perspective:900px;transition:height .5s}.receive-envelope{position:relative;width:min(100%,390px);height:252px;filter:drop-shadow(0 24px 20px #74523b34);transform:rotate(-5deg);animation:floatEnv 5s ease-in-out infinite;cursor:pointer;z-index:1;transition:transform .7s}.receive-env-back{position:absolute;inset:0;border-radius:8px;background:#eabda8}.receive-envelope-paper{position:absolute;left:8%;bottom:18px;width:84%;height:200px;background:#fffaf1;z-index:1;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#a8736b;font:italic 20px var(--serif);transition:transform 1s cubic-bezier(.2,.7,.1,1);gap:9px}.receive-paper-mark{font:45px var(--serif);color:#d47d6b}.receive-env-front{position:absolute;inset:0;z-index:3;border-radius:8px;background:#edbda6;clip-path:polygon(0 0,50% 53%,100% 0,100% 100%,0 100%)}.receive-env-front::after{content:'';position:absolute;inset:0;background:#f4d0bc;clip-path:polygon(0 100%,50% 48%,100% 100%)}.receive-env-flap{position:absolute;inset:0;z-index:5;background:#e9b49d;clip-path:polygon(0 0,50% 57%,100% 0);transform-origin:50% 0%;transition:transform .9s}.receive-wax{position:absolute;z-index:6;top:calc(50% - 30px);left:calc(50% - 30px);width:60px;height:60px;border-radius:44% 53% 48% 50%;display:grid;place-items:center;color:white;font:30px var(--serif);border:4px double #fac0ac;background:#cc7062;box-shadow:0 3px 8px #8e4c4340;transition:transform .5s,opacity .4s}.receive-to{position:absolute;z-index:5;bottom:16px;left:0;right:0;font-size:11px;letter-spacing:2px;font-weight:bold;color:#a86d5d}.receive-envelope.opening{animation:none;transform:rotate(0)}.receive-envelope.opening .receive-env-flap{transform:rotateX(180deg);z-index:0}.receive-envelope.opening .receive-wax{transform:scale(2.1) rotate(32deg);opacity:0}.receive-envelope.opening .receive-envelope-paper{transform:translateY(-160px)}.button-receive{margin:6px 0}.receive-hint{font:italic 14px var(--serif);color:#b08d7d;margin-top:17px}.opened-letter{margin:18px auto 30px;width:min(100%,620px);padding:55px clamp(25px,5vw,65px) 30px;text-align:center;box-shadow:0 23px 60px #79574230;border:1px solid #ead2c5;position:relative;animation:paperReveal .8s ease both;overflow-wrap:anywhere}.opened-letter::before{content:'';inset:15px;position:absolute;pointer-events:none;border:1px solid currentColor;opacity:.16}.opened-decoration{font:48px var(--serif);color:#c57d75;margin-bottom:15px}.opened-letter h2{font:500 clamp(32px,4vw,49px)/1.17 var(--serif);margin:19px 0 30px}.opened-message{text-align:left;font:19px/1.9 var(--serif);white-space:pre-wrap;min-height:30px}.opened-from{text-align:right;font:italic 18px/1.7 var(--serif);margin:37px 0 30px}.opened-foot{font:italic 12px var(--serif);opacity:.55}.receive-actions{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}.receive-error{margin:50px auto;padding:30px;max-width:500px}.receive-error>span{font-size:55px}.receive-error h2{font:500 34px var(--serif)}.manage-box{max-width:540px;margin:60px auto 0;border:1px dashed #d6aa98;border-radius:15px;padding:30px;background:#fff7ed}.manage-box h2{font:500 26px var(--serif)}.manage-box p{font-size:12px;color:#876e61}.button-danger{background:#b85247;color:white}@keyframes paperReveal{from{opacity:0;transform:translateY(70px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
#particle-layer{pointer-events:none;position:fixed;inset:0;overflow:hidden;z-index:200}.particle{position:fixed;font-size:20px;will-change:transform,opacity;animation:particleUp var(--duration,2s) ease-out forwards}@keyframes particleUp{0%{transform:translate(0,0) rotate(0) scale(.7);opacity:0}10%{opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1.1);opacity:0}}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:64px}.big-envelope{width:350px;height:240px}.hero-visual{height:440px}.workspace{grid-template-columns:1fr .86fr}.preview-card{padding:39px 23px;min-height:530px}.themes{gap:6px}.header-links{gap:20px}.how-grid{gap:23px}}
@media(max-width:770px){.site-header{height:77px}.brand{font-size:25px}.header-links>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:9px 12px}.hero{display:flex;flex-direction:column;text-align:center;gap:7px;padding-top:54px;padding-bottom:34px}.eyebrow{justify-content:center;font-size:9px}.hero h1{font-size:clamp(48px,10vw,72px);letter-spacing:-2.4px;max-width:580px}.hero-copy>p{margin-left:auto;margin-right:auto;font-size:14px}.hero-actions{justify-content:center}.hero-footnote{margin-top:30px}.hero-visual{height:400px;width:100%;max-width:500px}.big-envelope{height:235px;width:350px}.hero-letter{height:206px}.float-stamp{right:5%;top:18px}.studio{padding:72px 17px}.workspace{grid-template-columns:1fr}.preview-pane{position:relative;top:0;max-width:620px;width:100%;margin:auto}.preview-card{min-height:490px;padding:36px 28px}.how{padding:70px 20px}.how-grid{grid-template-columns:1fr;gap:45px}.how-heading{margin-bottom:38px}.how-illustration{width:126px;height:126px;font-size:68px}.ideas-section{grid-template-columns:1fr;gap:48px;padding:80px 24px}.quote-card{max-width:540px}.footer{align-items:flex-start;flex-direction:column;gap:20px}.receive-envelope-wrap{height:325px}}
@media(max-width:440px){.site-header{padding:0 17px}.nav-cta{font-size:10px}.hero{padding-left:19px;padding-right:19px}.hero h1{font-size:49px}.hero-visual{height:345px}.big-envelope{width:285px;height:196px}.hero-letter{height:175px;bottom:46px;font-size:17px;padding-top:30px}.hero-letter-heart{font-size:38px}.wax-seal{width:50px;height:50px;left:calc(50% - 25px);font-size:25px}.float-stamp{width:78px;height:80px;top:12px}.float-stamp>span{font-size:38px}.float-stamp small{font-size:5px}.hero-card{width:183px;height:229px}.scribble-caption{font-size:16px;bottom:0}.section-heading h2,.how h2,.ideas-section h2{font-size:40px}.mini-stamp{width:65px;height:65px;font-size:7px;flex-shrink:0}.mini-stamp b{font-size:17px}.section-heading{gap:10px}.editor{padding:22px 15px}.step-title h3{font-size:22px}.occasions{gap:6px}.occasion{font-size:10px;padding:10px 3px}.occasion span{font-size:23px}.form-two{grid-template-columns:1fr;gap:0}.themes{gap:4px}.theme{font-size:9px}.theme-swatch{height:57px;font-size:27px}.studio-actions{gap:18px;justify-content:center}.studio-actions .button{width:100%;font-size:12px}.editor input,.editor textarea{font-size:16px}.preview-heading{font-size:9px;white-space:normal}.preview-card{min-height:460px;padding:38px 22px}.preview-name{font-size:25px}.receive-label{font-size:9px}.receive-title{font-size:44px}.receive-envelope{width:300px;height:200px}.receive-envelope-paper{height:175px}.receive-envelope-wrap{height:288px}.opened-letter{padding:42px 24px 28px}.opened-message{font-size:17px}.delivery-modal,.preview-modal{padding:27px 18px}.delivery-success h2{font-size:36px}.share-actions .button{font-size:12px;padding:12px}.footer-right{line-height:1.7}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.receive-envelope.opening .receive-env-flap{transform:rotateX(180deg)}}