@font-face{font-family:IRANYekanX;src:url('fonts/IRANYekanX-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:IRANYekanX;src:url('fonts/IRANYekanX-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/Manrope-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/Manrope-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--petrol:#173f49;--orange:#d97a36;--apricot:#f6d8b9;--paper:#fffcf7;--mist:#e8f0f1;--ink:#243238;--muted:#58666a;--line:#dce2dd;--white:#fff;--radius:20px;--shadow:0 20px 55px #173f4910;--ease:cubic-bezier(.2,.7,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:IRANYekanX,Arial,sans-serif;font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}html[lang=en] body{font-family:Manrope,Arial,sans-serif;line-height:1.7}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;color:var(--petrol);text-wrap:balance}h1{font-size:clamp(36px,3.7vw,54px);line-height:1.63;letter-spacing:-1.6px}h2{font-size:clamp(29px,3vw,42px);line-height:1.7;letter-spacing:-1px}h3{font-size:21px;line-height:1.75}html[lang=en] h1{font-size:clamp(42px,5.1vw,72px);line-height:1.12;letter-spacing:-3px}html[lang=en] h2{line-height:1.25;letter-spacing:-1.6px}html[lang=en] h3{line-height:1.5;letter-spacing:-.4px}::selection{background:var(--apricot);color:var(--petrol)}:focus-visible{outline:3px solid #b25a20;outline-offset:5px;border-radius:4px}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.skip-link{position:fixed;z-index:100;top:10px;inset-inline-start:10px;padding:12px 20px;background:var(--petrol);color:white;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:20;border-bottom:1px solid #173f4912;background:var(--paper)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:26px}.brand{display:flex;align-items:center;gap:9px;color:var(--petrol);font-size:26px;font-weight:700;line-height:1.4}.brand img{border-radius:16px;flex-shrink:0}.brand small{display:block;font-weight:400;font-size:10px;color:var(--muted);margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:32px;font-size:14px}.desktop-nav a{padding-block:12px;transition:color .16s}.desktop-nav a:hover{color:#9b4a16}.language-switch{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ced8d6;border-radius:30px;min-height:44px;padding:6px 15px;font-family:Manrope,IRANYekanX,sans-serif;font-size:13px;transition:background .18s}.language-switch:hover{background:var(--mist)}.language-switch .icon{width:18px;height:18px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-block:70px 52px;min-height:690px}.hero-copy{max-width:580px}.hero-description{font-size:17px;line-height:2.15;color:var(--muted);max-width:470px;margin-block:24px 30px}.platform-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 22px;border-radius:12px;font-size:14px;font-weight:700;transition:background .18s,box-shadow .18s;line-height:1.7}.button img{width:25px;height:25px;object-fit:contain;flex-shrink:0}.button-primary{background:var(--petrol);color:white;border:1px solid var(--petrol)}.button-primary:hover{background:#245663;box-shadow:0 5px 16px #173f491a}.button-secondary{border:1px solid #c6d0cd;background:transparent;color:var(--petrol)}.button-secondary:hover{background:var(--mist)}.button .icon{width:19px;height:19px}html[dir=ltr] .button .icon,html[dir=ltr] .intro-line a .icon{transform:rotate(180deg)}.hero-footnote{font-size:11px;color:var(--muted);margin-top:16px}.english-note{font-size:11px;color:var(--muted);margin-top:10px;max-width:370px}.hero-art{position:relative;width:100%;height:525px;direction:ltr;isolation:isolate}.art-orbit{position:absolute;width:440px;height:440px;background:var(--mist);border-radius:50%;top:40px;left:5%;z-index:-2}.art-orbit:after{content:"";position:absolute;inset:26px;border:1px dashed #9ab3b370;border-radius:50%}.art-sun{position:absolute;right:7%;top:66px;width:82px;height:82px;border-radius:50%;background:#f5dfb2;z-index:-1}.hero-reminder{position:absolute;z-index:5;top:15px;left:8%;display:flex;gap:12px;align-items:center;width:290px;padding:16px 18px;background:#fff;border:1px solid #e1e7e3;border-radius:16px;box-shadow:var(--shadow);transform:rotate(-3deg);direction:rtl}.hero-reminder b{display:block;font-size:12px;color:var(--petrol)}.hero-reminder span:not(.reminder-logo):not(.notification-dot){display:block;font-size:12px}.reminder-logo{width:40px;height:40px;border-radius:12px;background:var(--mist);display:grid;place-items:center;color:var(--petrol)}.notification-dot{width:8px;height:8px;border-radius:50%;background:#527e6c;margin-inline-start:auto}.calendar-paper{position:absolute;top:111px;left:50%;transform:translateX(-50%) rotate(6deg);width:272px;border-radius:13px 13px 20px 20px;background:#fffcf7;box-shadow:0 8px 0 #e6d1b8,0 28px 45px #173f4915;text-align:center;overflow:visible;border:1px solid #e4cbb5}.calendar-binding{position:absolute;top:-18px;left:0;right:0;display:flex;justify-content:space-around;z-index:2}.calendar-binding i{width:12px;height:36px;border-radius:9px;background:#173f49;border:3px solid #325d67}.calendar-month{background:var(--orange);border-radius:12px 12px 0 0;font-size:21px;color:#3b271b;padding:14px 0 9px;font-weight:700}.calendar-number{display:block;font-size:100px;color:var(--petrol);font-weight:700;line-height:1.3;margin-top:12px}.calendar-person{font-size:19px;font-weight:700;color:var(--petrol)}.calendar-bottom{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #e9dfd1;margin:14px 20px 0;padding-block:11px;font-size:10px;color:var(--muted)}.calendar-bottom .icon{width:15px;height:15px;color:#ad5b25}.botanical{position:absolute;right:-5%;bottom:45px;width:175px;height:255px;z-index:2;transform:rotate(10deg)}.greeting-envelope{position:absolute;width:245px;height:154px;left:0;bottom:15px;transform:rotate(-9deg);z-index:3;background:#f3cfa8;border-radius:5px 5px 12px 12px;box-shadow:0 17px 25px #734d2412}.envelope-card{position:absolute;width:220px;height:160px;background:#fffef9;left:13px;bottom:45px;border:1px solid #e3d2ba;padding:17px 14px;text-align:center;border-radius:5px;box-shadow:0 -4px 15px #734d2406}.envelope-card span{font-size:10px;color:var(--muted)}.envelope-card p{font-size:14px;color:var(--petrol);font-weight:700;margin-block:10px}.envelope-card .icon{color:#ba6b36;width:19px;height:19px}.envelope-front{position:absolute;inset:0;overflow:hidden;border-radius:5px 5px 12px 12px}.envelope-front:before{content:"";position:absolute;inset:0;background:#f6d8b9;clip-path:polygon(0 0,50% 57%,100% 0,100% 100%,0 100%)}.envelope-front:after{content:"";position:absolute;inset:0;background:#f8dfc4;clip-path:polygon(0 100%,50% 35%,100% 100%)}.envelope-seal{position:absolute;top:60px;left:104px;width:37px;height:37px;background:var(--petrol);border-radius:50%;display:grid;place-items:center;color:#f6d8b9}.envelope-seal .icon{width:18px;height:18px}.art-caption{position:absolute;bottom:-14px;right:5%;font-size:12px;color:#567376}.intro-line{display:flex;align-items:center;gap:17px;padding-block:28px;border-top:1px solid var(--line);font-size:16px}.intro-line p{flex:1}.line-star{color:var(--orange);font-size:33px;line-height:1}.intro-line a{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.intro-line a:hover{color:var(--petrol)}.intro-line a .icon{width:18px}.section-space{padding-block:110px}.section-kicker{font-size:13px;color:#8c4b22;margin-bottom:15px}.section-heading{max-width:650px;margin-inline:auto;text-align:center}.section-heading>p:last-child{color:var(--muted);max-width:480px;margin:20px auto 0;font-size:16px}.story-section{background:var(--mist);padding-block:90px 55px;margin-top:30px}.timeline-tabs{max-width:860px;margin:45px auto 0;display:grid;grid-template-columns:repeat(4,1fr);position:relative;isolation:isolate}.timeline-tabs:before{content:"";height:1px;background:#b7cbcd;position:absolute;top:14px;inset-inline:12.5%;z-index:-1}.timeline-tab{border:0;background:transparent;color:#53696d;display:flex;align-items:center;flex-direction:column;padding:0 6px 22px;font-size:14px;gap:12px}.timeline-dot{width:29px;height:29px;border-radius:50%;border:8px solid var(--mist);background:#8ca6a8;transition:background .2s,box-shadow .2s}.timeline-tab[aria-selected=true]{color:var(--petrol);font-weight:700}.timeline-tab[aria-selected=true] .timeline-dot{background:var(--petrol);box-shadow:0 0 0 1px var(--petrol)}.timeline-tab:hover .timeline-dot{box-shadow:0 0 0 1px #8ca6a8}.reminder-panel{max-width:920px;margin:8px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#ffffff91;border:1px solid #ffffffb3;padding:38px 42px;border-radius:22px;min-height:295px}.reminder-explanation h3{font-size:23px}.reminder-explanation p{color:var(--muted);font-size:14px;line-height:2;min-height:84px;margin-top:12px}.action-note{display:flex;align-items:center;gap:9px;color:var(--petrol);font-size:12px;margin-top:20px}.action-note .icon{width:19px;height:19px}.message-preview{background:#fff;padding:20px 22px;border-radius:15px;border:1px solid #e0e7e4;box-shadow:0 10px 25px #173f4908;transform:rotate(-2deg)}.message-top{display:flex;align-items:center;gap:8px}.message-top img{border-radius:12px}.message-top span{flex:1}.message-top b{display:block;font-size:12px;color:var(--petrol)}.message-top small{display:block;font-size:10px;color:var(--muted)}.message-top>.icon{width:16px;height:16px;color:#597276}.message-preview>p{font-size:15px;color:var(--petrol);font-weight:700;margin-block:19px 13px}.message-event{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;background:var(--paper);font-size:12px;gap:12px}.message-event b{font-weight:400;color:#8c4b22}.message-note{display:block;font-size:10px;color:var(--muted);margin-top:12px}.demo-caption{font-size:11px;color:#54696e;text-align:center;max-width:700px;margin:24px auto 0;line-height:1.9}.notebook-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.notebook{position:relative;background:#fff;border:1px solid #e1ddd3;border-radius:6px 20px 20px 6px;padding:30px 26px 18px;box-shadow:var(--shadow);transform:rotate(2deg)}.notebook:before{content:"";position:absolute;inset-block:25px;inset-inline-start:0;width:4px;background:var(--orange);border-radius:3px}.notebook-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px;font-size:14px;font-weight:700;color:var(--petrol)}.notebook-top .icon{color:#ac622e;width:20px;height:20px}.event-row{display:flex;gap:13px;align-items:center;padding-block:23px;border-bottom:1px solid #eceee8}.event-icon{display:grid;place-items:center;width:40px;height:44px;color:var(--petrol);background:var(--mist);border-radius:12px;flex-shrink:0}.event-row:nth-child(3) .event-icon{background:#fae8d5;color:#9c5728}.event-row h3{font-size:14px}.event-row p{font-size:10px;color:var(--muted);margin-top:4px}.event-date{margin-inline-start:auto;font-size:12px;white-space:nowrap}.notebook-bottom{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:20px;font-size:11px;color:var(--muted)}.notebook-bottom .icon{width:16px;height:16px}.section-copy>p:not(.section-kicker){font-size:15px;color:var(--muted);line-height:2.1;margin-top:22px;max-width:460px}.plain-benefits{padding:0;margin:27px 0 0;list-style:none}.plain-benefits li{display:flex;gap:10px;align-items:flex-start;font-size:13px;margin-top:12px}.plain-benefits .icon{color:#527d6a;width:18px;height:18px;margin-top:4px}.words-section{background:#f8eee2;border-block:1px solid #eddfcd}.words-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.availability-note{display:flex;align-items:flex-start;gap:10px;max-width:430px;margin-top:25px;font-size:11px;color:#705037}.availability-note .icon{width:18px;height:18px;margin-top:3px}.letter-demo{background:#fffdf8;border:1px solid #e3d3bf;border-radius:7px;padding:28px 30px 12px;box-shadow:0 16px 30px #5c3d1310;transform:rotate(-1.5deg);position:relative}.letter-demo:before{content:"";position:absolute;top:-12px;left:calc(50% - 37px);width:74px;height:25px;background:#d9bea170;transform:rotate(4deg)}.letter-top{display:flex;justify-content:space-between;align-items:center;color:var(--petrol);font-size:12px;padding-bottom:21px;border-bottom:1px solid #e8ded1}.letter-top .icon{color:#b86a32;width:20px;height:20px}.tone-options{display:flex;gap:8px;margin-block:22px}.tone-options button{min-height:44px;padding:6px 18px;background:transparent;color:var(--muted);border:1px solid #dcdcd1;border-radius:30px;font-size:12px;transition:background .16s,color .16s}.tone-options button[aria-pressed=true]{background:var(--petrol);color:#fff;border-color:var(--petrol)}.tone-options button:hover:not([aria-pressed=true]){background:var(--mist)}.letter-text{font-size:16px;color:var(--petrol);line-height:2.5;min-height:170px;background:repeating-linear-gradient(transparent 0,transparent 39px,#e7ded066 39px,#e7ded066 40px);padding-bottom:12px}.letter-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px}.letter-footer>span{font-size:9px;color:var(--muted)}.copy-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:0;background:transparent;color:var(--petrol);font-size:11px;white-space:nowrap;padding:6px 0}.copy-button:hover{color:#8c4b22}.copy-button .icon{width:16px;height:16px}.copy-status{display:block;font-size:11px;min-height:22px;color:#416553}.together-section{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:start}.together-content article{display:flex;gap:22px;padding-bottom:32px}.together-content article+article{padding-top:32px;border-top:1px solid var(--line);padding-bottom:0}.feature-symbol{display:grid;place-items:center;flex-shrink:0;width:50px;height:50px;background:var(--mist);border-radius:50%;color:var(--petrol)}.together-content h3{font-size:18px;margin-bottom:12px}.together-content p{font-size:14px;color:var(--muted);line-height:2.1}.plans-section{padding-block:90px 65px;background:#f1f4f0}.plans{display:grid;grid-template-columns:1fr 1fr;max-width:850px;margin:40px auto 0;gap:24px}.plan{background:var(--paper);border:1px solid #dce1d8;border-radius:20px;padding:30px 34px;display:flex;flex-direction:column;align-items:stretch}.plan-plus{background:var(--petrol);color:#f3f5ed;border-color:var(--petrol)}.plan-label{display:flex;align-items:center;gap:8px;color:#8c4b22;font-size:12px}.plan-label .icon{width:18px;height:18px}.plan-plus .plan-label{color:var(--apricot)}.plan h3{font-size:22px;margin-top:12px}.plan-plus h3{color:white}.plan-price{font-size:31px;font-weight:700;color:var(--petrol);margin-top:18px;min-height:60px;display:flex;align-items:center}.plan-plus .plan-price{color:var(--apricot);font-size:16px;font-weight:400}.plan ul{list-style:none;margin:20px 0 27px;padding:20px 0 0;border-top:1px solid #d9dfd4}.plan-plus ul{border-color:#ffffff29}.plan li{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:14px}.plan li strong{font-size:22px;font-weight:700;line-height:1}.plan li .icon{width:18px;height:18px}.plan .button{margin-top:auto;font-size:12px;width:100%}.plus-instruction{font-size:12px;line-height:2;color:#d4e1df;margin-top:auto;min-height:54px}.plan-disclaimer{font-size:10px;line-height:2;text-align:center;max-width:720px;margin:24px auto 0;color:var(--muted)}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq-section h2{font-size:33px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;padding-block:23px;font-size:14px;font-weight:700;color:var(--petrol);list-style:none}summary::-webkit-details-marker{display:none}summary .icon{width:18px;height:18px;transition:transform .2s}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:2.15;color:var(--muted);padding-bottom:25px;padding-inline-end:28px}.start-section{position:relative;overflow:hidden;text-align:center;background:var(--petrol);color:white;border-radius:26px;padding:65px 30px 55px;isolation:isolate}.start-section:before,.start-section:after{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffff12;border-radius:50%;z-index:-1}.start-section:before{top:-170px;right:-100px}.start-section:after{bottom:-200px;left:-80px;width:450px;height:450px}.start-section>p{color:var(--apricot);font-size:14px;margin-bottom:17px}.start-section h2{color:white;font-size:36px}.start-section .platform-actions{justify-content:center;margin-top:30px}.start-section .button-primary{background:var(--paper);color:var(--petrol);border-color:var(--paper)}.start-section .button-primary:hover{background:var(--apricot)}.start-section .button-secondary{color:white;border-color:#a8c0c1}.start-section .button-secondary:hover{background:#28515b}.start-note{font-size:11px;color:#c3d5d4;display:block;margin-top:23px}.start-decoration{position:absolute;top:45px;inset-inline-start:70px;transform:rotate(-15deg);color:var(--apricot)}.start-decoration .icon{width:55px;height:55px;stroke-width:1}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:38px;font-size:12px}.footer-brand{font-size:20px}.footer p{color:var(--muted);font-size:11px}.footer>a:last-child{display:flex;gap:10px;align-items:center;padding:10px 0}.footer>a:last-child:hover{color:#8c4b22}html[lang=en] .hero-reminder{direction:ltr}html[lang=en] .section-kicker{font-size:12px}html[lang=en] .hero-description{line-height:1.8}html[lang=en] .letter-text{line-height:2.5}html[lang=en] .hero-art{transform:scale(.97)}html[lang=en] .section-copy>p:not(.section-kicker){line-height:1.9}html[lang=en] .plan li{font-size:12px}html[lang=en] .plan h3{font-size:21px}html[lang=en] .calendar-number{font-size:95px}html[lang=en] .calendar-person{font-size:18px}html[lang=en] .greeting-envelope p{font-size:13px}html[lang=en] .timeline-tab{font-size:13px}html[lang=en] .event-row h3{font-size:13px}
@media(min-width:1450px){.hero{padding-block:90px 70px;min-height:740px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{gap:20px;min-height:630px;padding-block:45px}.hero-art{height:490px;transform:scale(.9);transform-origin:center}html[lang=en] .hero-art{transform:scale(.86)}.art-orbit{width:390px;height:390px;left:0;top:50px}.hero h1{font-size:40px}.hero-description{font-size:15px}.hero-footnote{font-size:10px}.button{padding:12px 17px;font-size:12px}.botanical{right:-10%}.notebook-section,.words-grid,.together-section{gap:50px}.section-space{padding-block:85px}.desktop-nav{gap:22px;font-size:12px}.header-inner{gap:16px}.brand{font-size:23px}.brand small{font-size:9px}.reminder-panel{gap:40px;padding:32px}.faq-section{gap:40px}.notebook{padding-inline:20px}.event-row{gap:9px}.event-date{font-size:11px}.start-decoration{inset-inline-start:40px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{min-height:84px}.brand{font-size:22px}.brand img{width:46px;height:46px}.brand small{font-size:9px}.desktop-nav{display:none}.hero{grid-template-columns:1fr;gap:12px;padding-block:45px 30px;min-height:0}.hero-copy{max-width:600px}.hero h1{font-size:clamp(34px,6vw,47px)}html[lang=en] .hero h1{font-size:clamp(42px,7.5vw,62px);letter-spacing:-2px}.hero-description{max-width:520px;font-size:16px;margin-block:20px 25px}.hero .button{font-size:14px;padding:13px 23px}.hero-footnote{font-size:11px}.hero-art,html[lang=en] .hero-art{width:490px;max-width:100%;margin-inline:auto;height:520px;transform:none}.art-orbit{width:430px;height:430px;left:5%;top:50px}.calendar-paper{top:115px}.hero-reminder{top:35px;left:8%}.botanical{right:-2%;bottom:38px}.greeting-envelope{left:0;bottom:10px}.art-caption{bottom:-11px}.intro-line{flex-wrap:wrap;gap:12px;font-size:13px;padding-block:23px}.intro-line p{flex-basis:calc(100% - 60px)}.intro-line a{margin-inline-start:40px}.story-section{padding-block:65px 40px;margin-top:15px}.section-heading>p:last-child{font-size:14px}.section-kicker{font-size:12px}.reminder-panel{gap:30px;padding:26px}.reminder-explanation h3{font-size:20px}.reminder-explanation p{font-size:12px}.message-preview{padding:17px}.message-preview>p{font-size:13px}.action-note{font-size:11px}.notebook-section{grid-template-columns:1fr;gap:40px;max-width:580px}.notebook{grid-row:2}.section-copy{max-width:550px}.section-space{padding-block:70px}.words-grid{grid-template-columns:1fr;max-width:580px;gap:42px}.letter-demo{max-width:500px;width:100%;margin-inline:auto}.together-section{grid-template-columns:1fr;gap:35px;max-width:580px}.together-content article{gap:18px}.together-content h3{font-size:17px}.plans-section{padding-block:65px 45px}.plans{gap:18px}.plan{padding:25px 22px}.plan h3{font-size:19px}.plan li{font-size:11px}.plan .button{font-size:11px;padding-inline:10px}.plus-instruction{font-size:11px}.faq-section{grid-template-columns:1fr;gap:30px;max-width:650px}.faq-section h2{font-size:30px}.start-section{padding-block:55px 45px}.start-section h2{font-size:29px}.start-decoration{display:none}.footer{flex-wrap:wrap}.footer p{font-size:10px}.footer>a:last-child{font-size:11px}.hero-copy .platform-actions{gap:10px}}
@media(max-width:540px){.container{width:calc(100% - 36px)}.header-inner{min-height:78px}.brand small{max-width:170px;font-size:8px}.brand{font-size:20px;gap:5px}.brand img{width:42px;height:42px}.language-switch{font-size:11px;padding:5px 11px;gap:6px}.language-switch .icon{width:16px;height:16px}.hero{padding-top:34px}.hero h1{font-size:34px;line-height:1.65;letter-spacing:-1.1px}.hero-description{font-size:14px;line-height:2.1}.hero .button{font-size:12px;padding:12px 16px;min-height:52px;gap:8px}.hero-footnote{font-size:9px}.english-note{font-size:10px}.hero-art,html[lang=en] .hero-art{height:440px;width:100%;margin-top:6px}.art-orbit{width:330px;height:330px;left:calc(50% - 165px);top:52px}.art-orbit:after{inset:20px}.art-sun{width:61px;height:61px;top:70px;right:1%}.calendar-paper{width:228px;top:115px;left:53%}.calendar-month{font-size:17px;padding-top:12px}.calendar-number,html[lang=en] .calendar-number{font-size:75px}.calendar-person,html[lang=en] .calendar-person{font-size:15px}.calendar-bottom{font-size:9px;margin-top:12px;padding-block:10px;gap:5px}.hero-reminder{width:247px;left:1%;top:23px;padding:12px 14px;gap:10px}.hero-reminder span:not(.reminder-logo):not(.notification-dot){font-size:11px}.reminder-logo{width:35px;height:35px}.botanical{width:128px;height:202px;right:-2%;bottom:24px;transform:rotate(15deg)}.greeting-envelope{width:190px;height:115px;left:0;bottom:0;transform:rotate(-8deg)}.envelope-card{width:170px;height:133px;left:10px;bottom:35px;padding:12px 8px}.envelope-card p{font-size:11px;margin-block:7px}html[lang=en] .greeting-envelope p{font-size:10px}.envelope-card span{font-size:9px}.envelope-card .icon{width:15px;height:15px}.envelope-seal{top:46px;left:80px;width:30px;height:30px}.envelope-seal .icon{width:15px;height:15px}.art-caption{right:0;bottom:-24px;font-size:9px}.hero{padding-bottom:48px}.intro-line{font-size:12px}.intro-line .line-star{font-size:28px}.intro-line a{font-size:11px}.section-heading h2,h2{font-size:29px}.section-heading>p:last-child{font-size:13px;margin-top:16px}.section-kicker{font-size:11px;margin-bottom:10px}.story-section{padding-block:55px 30px}.timeline-tabs{margin-top:32px}.timeline-tab{font-size:11px;gap:9px}html[lang=en] .timeline-tab{font-size:10px}.reminder-panel{grid-template-columns:1fr;gap:27px;padding:25px 22px;min-height:440px}.reminder-explanation h3{font-size:21px}.reminder-explanation p{font-size:13px;min-height:78px}.action-note{margin-top:14px;font-size:11px}.message-preview{transform:rotate(-1deg);padding:17px 20px}.message-preview>p{font-size:14px;margin-block:13px}.message-top img{width:36px;height:36px}.message-event{padding:10px}.demo-caption{font-size:10px;margin-top:20px}.section-space{padding-block:58px}.section-copy>p:not(.section-kicker){font-size:14px;margin-top:17px}.plain-benefits li{font-size:12px}.notebook{padding:24px 18px 15px;transform:rotate(1deg)}.notebook-top{font-size:12px;padding-bottom:20px}.event-row{padding-block:20px}.event-row h3{font-size:12px}html[lang=en] .event-row h3{font-size:12px}.event-row p{font-size:9px}.event-date{font-size:10px}.event-icon{width:34px;height:40px;border-radius:10px}.event-icon .icon{width:20px;height:20px}.notebook-bottom{font-size:10px}.letter-demo{padding:25px 21px 8px;transform:rotate(-1deg)}.letter-text{font-size:14px;line-height:2.5;min-height:170px;background:repeating-linear-gradient(transparent 0,transparent 34px,#e7ded066 34px,#e7ded066 35px)}.tone-options{gap:7px}.tone-options button{font-size:11px;padding:5px 16px}.letter-footer>span{font-size:8px}.letter-top{font-size:11px}.availability-note{font-size:10px}.feature-symbol{width:43px;height:43px}.feature-symbol .icon{width:22px;height:22px}.together-content article{gap:15px}.together-content h3{font-size:16px}.together-content p{font-size:13px}.plans{grid-template-columns:1fr;max-width:360px;gap:18px;margin-top:32px}.plan{padding:27px}.plan h3{font-size:22px}.plan li,html[lang=en] .plan li{font-size:13px}.plan .button{font-size:12px}.plan-price{min-height:45px;margin-top:12px}.plus-instruction{font-size:12px}.plan ul{margin-top:15px}.plan-disclaimer{font-size:9px;text-align:start}.faq-section h2{font-size:28px}.faq-list summary{font-size:12px;padding-block:21px}.faq-list details p{font-size:12px;padding-inline-end:0}.start-section{width:calc(100% - 24px);padding:43px 19px 36px;border-radius:20px}.start-section h2{font-size:25px;line-height:1.8}html[lang=en] .start-section h2{font-size:29px;line-height:1.3}.start-section>p{font-size:12px}.start-section .button{font-size:11px;padding:12px 14px;gap:7px}.start-section .platform-actions{gap:10px;margin-top:25px}.start-note{font-size:10px}.footer{padding-block:27px;gap:10px}.footer-brand{font-size:18px}.footer-brand img{width:35px;height:35px}.footer p{order:3;flex-basis:100%;text-align:center;margin-top:10px}.footer>a:last-child{font-size:11px}html[lang=en] .brand small{font-size:7px}html[lang=en] .hero-description{font-size:15px}html[lang=en] .hero .button{font-size:11px;padding-inline:14px}html[lang=en] .hero-footnote{font-size:9px}}
@media(max-width:359px){.container{width:calc(100% - 28px)}.brand small{display:none}.hero h1{font-size:29px}.hero .button{padding-inline:12px;font-size:11px}.art-orbit{width:290px;height:290px;left:calc(50% - 145px)}.botanical{right:-3%;width:110px}.start-section .platform-actions{flex-direction:column}.hero-art{overflow:clip;overflow-clip-margin:25px}.event-row p{max-width:150px}.event-date{white-space:normal;max-width:60px}.notebook-top{font-size:11px}.timeline-tab{font-size:10px}.letter-demo{padding-inline:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.site-header,.platform-actions,.language-switch,.copy-button,.start-section,.footer{display:none}body{background:white}.container{width:95%}.hero{min-height:0;padding:20px 0}.section-space{padding-block:30px}.hero-art{transform:scale(.7)}details p{display:block!important}.plans,.reminder-panel{break-inside:avoid}}
/* Keep the date title visible above the envelope on both layouts. */
.greeting-envelope{bottom:-22px}
@media(max-width:800px){.greeting-envelope{bottom:-24px}.hero{padding-bottom:60px}}
@media(max-width:540px){.hero h1{font-size:30px;line-height:1.7}.greeting-envelope{bottom:-35px}.art-caption{bottom:-60px}.hero{padding-bottom:86px}.section-copy>p:not(.section-kicker),.together-content p{font-size:15px}.faq-list details p{font-size:14px}}
@media(max-width:359px){.hero h1{font-size:27px}}
.event-row .event-title{font-size:14px;color:var(--petrol);font-weight:700;line-height:1.75;margin-top:0}
html[lang=en] .event-row .event-title{font-size:13px}
.noscript-note{text-align:center;background:var(--mist);padding:12px 20px;font-size:13px}
@media(max-width:540px){.event-row .event-title,html[lang=en] .event-row .event-title{font-size:12px}}
@media(max-width:540px){.botanical{right:4%}.hero-footnote{font-size:10px}.availability-note{font-size:12px}.plan-disclaimer{font-size:11px}.faq-list summary{font-size:14px}.letter-footer>span{font-size:10px}html[lang=en] .hero-footnote{font-size:10px}}
/* Small, keyboard-accessible reactions. State stays in the current DOM only. */
.like-button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:8px;border:0;background:transparent;color:inherit;border-radius:50%;position:relative;z-index:4;line-height:1;transition:color .18s,background .18s}
.like-button:hover{background:#d97a3610}
.like-button[aria-pressed=true]{color:#c62c46}
.like-button[aria-pressed=true] .icon{color:#c62c46;fill:#c62c46}
.notebook-top .like-button,.letter-top .like-button{color:#ac622e;margin-block:-12px;margin-inline-end:-10px}
.calendar-bottom .like-button{min-width:44px;min-height:44px;margin-block:-13px;margin-inline:-10px}
.envelope-seal .like-button{position:absolute;inset:-4px;color:var(--apricot);padding:10px}
.start-decoration .like-button{padding:0}
.line-star{display:inline-flex;align-items:center;justify-content:center}
.line-star .icon{width:28px;height:28px;stroke-width:1.5}
/* Two quiet continuous motions; transforms preserve the illustration's tilt. */
@keyframes quiet-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
.hero-reminder{animation:quiet-float 8s ease-in-out infinite}
.greeting-envelope{animation:quiet-float 9s ease-in-out -3s infinite}
.hero-art:focus-within .hero-reminder,.hero-art:focus-within .greeting-envelope{animation-play-state:paused}
.bell-button[aria-pressed=true],.bell-button[aria-pressed=true] .icon{color:#b65516;fill:#f6d8b9}
.reminder-logo .bell-button{margin:-2px}
.message-top .bell-button{margin-inline-end:-10px;color:#597276}
.message-top .bell-button .icon{width:19px;height:19px}
.anchor-alias{display:block;scroll-margin-top:105px}
.free-offer{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:center;margin:48px auto 0;max-width:1040px}
.free-benefits article{display:flex;align-items:flex-start;gap:20px;padding-block:25px}
.free-benefits article+article{border-top:1px solid #d6ded4}
.free-benefits article>.icon{margin-top:6px;color:#527568}
.free-benefits h3{font-size:21px;margin-bottom:9px}
.free-benefits p{font-size:14px;color:var(--muted);line-height:2}
.free-summary{padding:35px;background:var(--paper);border:1px solid #d7e0d6;border-radius:20px;box-shadow:var(--shadow)}
.free-badge{display:inline-block;font-size:12px;padding:4px 12px;border-radius:20px;background:var(--mist);color:var(--petrol);margin-bottom:20px}
.free-summary h3{font-size:26px}.free-summary>p{font-size:13px;color:var(--muted);margin-top:12px}
.free-summary ul{list-style:none;padding:22px 0;margin:0}.free-summary li{display:flex;gap:10px;align-items:center;font-size:13px;margin-block:12px}.free-summary li .icon{width:18px;color:#527568}.free-summary .button{width:100%}
.plus-details{max-width:1040px;margin:34px auto 0;border-top:1px solid #d6ded4}.plus-details summary{font-size:13px;font-weight:400;padding-block:22px;color:var(--muted)}.plus-details summary .icon{width:18px}.plus-details[open] summary .icon{transform:rotate(45deg)}.plus-details-body{max-width:760px;padding-bottom:15px}.plus-details-body p{font-size:13px;color:var(--muted);margin-bottom:12px}
@media(max-width:800px){.free-offer{gap:30px;grid-template-columns:1fr}.free-summary{max-width:520px;width:100%;margin-inline:auto}.free-benefits{max-width:580px;margin-inline:auto}.free-benefits h3{font-size:20px}}
@media(max-width:540px){.free-offer{margin-top:22px;gap:24px}.free-benefits article{gap:14px;padding-block:22px}.free-benefits h3{font-size:18px}.free-benefits p{font-size:14px}.free-summary{padding:26px}.free-summary h3{font-size:24px}.plus-details summary{font-size:12px;line-height:2}.plus-details-body p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-reminder,.greeting-envelope{animation:none!important}.like-button{transition:none}}
.free-benefits article>.bell-button{flex-shrink:0;min-width:44px;width:44px;margin-inline:-10px;color:#527568}
.hero-art.motion-offscreen .hero-reminder,.hero-art.motion-offscreen .greeting-envelope{animation-play-state:paused}
.motion-toggle{position:absolute;right:0;top:0;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:#597276;font-size:13px;cursor:pointer}.motion-toggle:hover,.motion-toggle[aria-pressed=true]{background:var(--mist)}
.hero-art.motion-paused .hero-reminder,.hero-art.motion-paused .greeting-envelope{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,252,247,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(23,63,73,.04)}
/* Keep navigation together and anchor the action group to the content edge. */
.header-inner{justify-content:flex-start;gap:40px}
.desktop-nav{margin-inline-end:auto}
.header-actions{display:flex;align-items:center;gap:12px;direction:inherit;flex-shrink:0}
.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border:1px solid #bdccca;border-radius:10px;background:transparent;color:var(--petrol);font-size:12px;font-weight:700;white-space:nowrap;transition:background .18s,border-color .18s}
.header-cta:hover{background:var(--mist);border-color:#8da5a4}
.header-actions .language-switch{width:44px;min-height:44px;padding:0;border:0;border-radius:8px;font-size:12px;font-weight:700;flex-shrink:0}
.hero-art .art-orbit,.hero-art .art-sun,.hero-art .hero-reminder,.hero-art .calendar-paper,.hero-art .botanical,.hero-art .greeting-envelope{transition:translate .34s ease-out}
@media(max-width:1100px){.header-inner{gap:24px}.desktop-nav{gap:18px}.header-cta{padding-inline:14px;font-size:11px}}
@media(max-width:800px){html{scroll-padding-top:96px}.header-inner{gap:16px}.brand{margin-inline-end:auto}.header-actions{gap:8px}}
@media(max-width:540px){html{scroll-padding-top:90px}.header-inner{min-height:74px}.brand span{display:none}.brand img{width:42px;height:42px}.header-cta{font-size:11px;min-height:44px;padding-inline:11px}.language-switch{min-height:44px}}
@media(max-width:359px){.header-inner{gap:12px}.header-cta{font-size:11px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.hero-art .art-orbit,.hero-art .art-sun,.hero-art .hero-reminder,.hero-art .calendar-paper,.hero-art .botanical,.hero-art .greeting-envelope{transition:none}}
@property --tone-progress{syntax:'<percentage>';inherits:false;initial-value:0%}
/* Keep one calm green ring around every timing dot; orange progress sits on that same ring. */
.timeline-dot{position:relative;overflow:visible;isolation:isolate;border:0}
.timeline-dot:before{content:"";position:absolute;inset:-8px;border:2px solid #9ab3b3;border-radius:50%;pointer-events:none}
.timeline-tab[aria-selected=true] .timeline-dot:before{border-color:var(--petrol)}
.timeline-tab.is-auto .timeline-dot:after{content:"";position:absolute;inset:-8px;border-radius:50%;padding:2px;background:conic-gradient(var(--orange) var(--tone-progress),transparent 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation: tone-outline 4.7s linear forwards}
.tone-options button{position:relative;isolation:isolate}
.tone-options button.is-auto:before{content:"";position:absolute;inset:-3px;border-radius:inherit;padding:2px;background:conic-gradient(from -90deg,var(--orange) var(--tone-progress),transparent 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0;animation:tone-outline 4.7s linear forwards}
.tone-options button.is-auto{border-color:#d97a36}
.tone-options button>*{position:relative;z-index:1}
@keyframes tone-outline{to{--tone-progress:100%}}
@media(prefers-reduced-motion:reduce){.timeline-tab.is-auto .timeline-dot:after,.tone-options button.is-auto:before{animation:none!important}}
/* Theme controls follow language in each document's reading order. */
:root{color-scheme:light}
.theme-toggle{display:inline-grid;place-items:center;width:44px;height:44px;flex-shrink:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--petrol)}

.theme-toggle[hidden]{display:none}
.theme-toggle:hover{background:var(--mist)}
.theme-toggle svg{width:20px;height:20px}
.theme-sun{display:none}
:root[data-theme=dark]{color-scheme:dark;--paper:#10272d;--mist:#17343b;--white:#20424a;--petrol:#f5efe6;--ink:#f5efe6;--muted:#b4c5c3;--line:#3c5b61;--orange:#eea060;--apricot:#e9bc92;--shadow:0 20px 55px #00000025}
:root[data-theme=dark] .theme-moon{display:none}
:root[data-theme=dark] .theme-sun{display:block}
:root[data-theme=dark] :focus-visible{outline-color:var(--orange)}
:root[data-theme=dark] ::selection{background:#eea060;color:#10272d}
:root[data-theme=dark] .site-header{background:#10272df5;border-color:var(--line);box-shadow:0 8px 24px #00000016}
:root[data-theme=dark] :is(.header-cta,.button-secondary,.tone-options button){border-color:#6f898c}
:root[data-theme=dark] :is(.button-primary,.start-section .button-primary,.skip-link){background:var(--orange);border-color:var(--orange);color:#10272d}
:root[data-theme=dark] :is(.button-primary:hover,.start-section .button-primary:hover){background:#f5b982;border-color:#f5b982}
:root[data-theme=dark] :is(.desktop-nav a:hover,.footer>a:last-child:hover,.copy-button:hover){color:var(--orange)}
:root[data-theme=dark] :is(.hero-reminder,.message-preview,.notebook,.free-summary){background:#20424a;border-color:var(--line)}
:root[data-theme=dark] .reminder-panel{background:#1b3b43;border-color:var(--line)}
:root[data-theme=dark] :is(.words-section,.plans-section){background:#17343b;border-color:var(--line)}
:root[data-theme=dark] :is(.letter-demo,.start-section){background:#20424a;border:1px solid var(--line)}
:root[data-theme=dark] :is(.letter-top,.event-row,.free-benefits article+article,.plus-details,.free-summary ul){border-color:var(--line)}
:root[data-theme=dark] :is(.section-kicker,.message-event b,.calendar-bottom .icon,.notebook-top .like-button,.letter-top .like-button){color:var(--orange)}
:root[data-theme=dark] :is(.demo-caption,.art-caption,.timeline-tab,.motion-toggle,.message-top .bell-button){color:var(--muted)}
:root[data-theme=dark] :is(.plain-benefits .icon,.free-benefits article>.icon,.free-benefits article>.bell-button,.free-summary li .icon,.copy-status){color:#a9cbb9}
:root[data-theme=dark] .event-row:nth-child(3) .event-icon{background:#513e31;color:#f3be8f}
:root[data-theme=dark] .tone-options button[aria-pressed=true]{background:#e9bc92;border-color:#e9bc92;color:#10272d}
:root[data-theme=dark] .letter-text{background:repeating-linear-gradient(transparent 0,transparent 39px,#49636a70 39px,#49636a70 40px)}
:root[data-theme=dark] .letter-demo:before{background:#bba17c55}
:root[data-theme=dark] .timeline-tabs:before{background:var(--line)}
:root[data-theme=dark] .timeline-dot{background:#8ba8a9}
:root[data-theme=dark] .timeline-dot:before{border-color:#5f8085}
:root[data-theme=dark] .timeline-tab[aria-selected=true]{color:var(--ink)}
:root[data-theme=dark] .timeline-tab[aria-selected=true] .timeline-dot{background:var(--orange);box-shadow:none}
:root[data-theme=dark] .timeline-tab[aria-selected=true] .timeline-dot:before{border-color:#5f8085}
/* Warm, muted paper keeps the illustration tactile in the evening palette. */
:root[data-theme=dark] .art-sun{background:#93764a}
:root[data-theme=dark] .calendar-paper{background:#c5b59e;border-color:#ae987d;box-shadow:0 8px 0 #8b775f,0 28px 45px #00000025}
:root[data-theme=dark] :is(.calendar-number,.calendar-person,.envelope-card p){color:#173f49}
:root[data-theme=dark] .calendar-bottom{border-color:#9b896e;color:#344c4d}
:root[data-theme=dark] .calendar-bottom .like-button{color:#744019}
:root[data-theme=dark] .calendar-binding i{background:#10272d;border-color:#507078}
:root[data-theme=dark] .envelope-card{background:#d1bea3;border-color:#ad9474}
:root[data-theme=dark] .envelope-card span{color:#344c4d}
:root[data-theme=dark] .greeting-envelope{background:#9b6945}
:root[data-theme=dark] .envelope-front:before{background:#b78359}
:root[data-theme=dark] .envelope-front:after{background:#c6966c}
:root[data-theme=dark] .envelope-seal{background:#173f49}
:root[data-theme=dark] .botanical path[stroke]{stroke:#91b5ac}
:root[data-theme=dark] .botanical path[fill]{fill:#80a497}
:root[data-theme=dark] .botanical g path{fill:#c6966c}
:root[data-theme=dark] .botanical circle{fill:#eea060}
:root[data-theme=dark] .notification-dot{background:#94bda9}
:root[data-theme=dark] .like-button[aria-pressed=true],:root[data-theme=dark] .like-button[aria-pressed=true] .icon{color:#ff8193;fill:#ff8193}
:root[data-theme=dark] .bell-button[aria-pressed=true],:root[data-theme=dark] .bell-button[aria-pressed=true] .icon{color:#eea060;fill:#745038}
@media(max-width:540px){.header-actions{gap:4px}.header-inner{gap:8px}:root[data-theme=dark] .letter-text{background:repeating-linear-gradient(transparent 0,transparent 34px,#49636a70 34px,#49636a70 35px)}}

/* Brand and promise belong together; the maker credit closes the page. */
.footer{display:block;padding-block:30px 18px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px}
.footer-identity{display:inline-flex;align-items:center;gap:12px;min-width:0}
.footer-identity img{flex-shrink:0;border-radius:13px}
.footer-wordmark{font-size:22px;font-weight:700;line-height:1.5;color:var(--petrol)}
.footer-wordmark small{display:block;font-size:11px;font-weight:400;line-height:1.8;color:var(--muted);margin-top:3px}
.footer-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;flex-shrink:0;font-size:12px;color:var(--muted)}
.footer-back:hover{color:var(--petrol)}
.footer .footer-credit{margin:0;padding-top:14px;border-top:1px solid var(--line);text-align:center;font-size:11px;font-weight:400;line-height:2;color:var(--muted)}
.footer-credit a{font:inherit;color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
.footer-credit strong{font-family:inherit;font-size:inherit;font-weight:700}
.footer-credit a:hover,.footer-credit a:focus-visible{text-decoration:underline}
@media(max-width:540px){.footer-top{gap:12px;padding-bottom:20px}.footer-wordmark{font-size:19px}.footer-wordmark small{font-size:10px;max-width:160px}.footer-identity{gap:8px}.footer-identity img{width:38px;height:38px}.footer-back{font-size:11px;gap:6px}}