:root{color-scheme:light;--cream:#f7f2e8;--green:#153f30;--ink:#f7f2df;--muted:#b9cbb8;--accent:#e1e9b1;--line:rgba(235,241,224,.18);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink)}
button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}
main{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;width:100%;max-width:452px;margin:0 auto;padding:10px 10px 14px;padding-bottom:max(14px,env(safe-area-inset-bottom));}
.landing-card{position:relative;isolation:isolate;display:flex;flex-direction:column;flex:1;overflow:hidden;background:var(--green);border-radius:25px;padding:clamp(18px,5vw,24px);}
.brand{display:flex;align-items:center;gap:9px;width:fit-content;max-width:100%;text-decoration:none;color:var(--ink)}
.brand-icon{display:block;width:35px;height:35px;object-fit:contain;flex:none;filter:brightness(0) invert(1);}
.brand-name{font-size:clamp(24px,7.1vw,30px);line-height:1.1;font-weight:750;letter-spacing:-1px;white-space:nowrap}
.brand-name small{font-size:11px;letter-spacing:1.8px;font-weight:500;margin-left:5px;vertical-align:baseline}
.hero{position:relative;isolation:isolate;display:flex;flex-direction:column;flex:1;margin-top:22px;padding:0 0 16px;}
.brand-sub{margin:0 0 16px;font-size:9px;font-weight:650;line-height:1.5;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.hero-copy{position:relative;z-index:1;margin-top:auto;margin-bottom:auto}
h1{font:400 clamp(44px,13vw,56px)/1 Georgia,"Times New Roman",serif;letter-spacing:-1.9px;margin:0;}
h1 span{display:block}h1 em{font-weight:400;color:var(--accent);white-space:nowrap}
/* Original warm pulse: the apple gently breathes inside expanding rings. */
.warm-pulse{position:absolute;z-index:-1;display:grid;place-items:center;pointer-events:none;width:clamp(165px,48vw,208px);aspect-ratio:1;right:-22px;top:-46px;}
.warm-pulse__halo,.warm-pulse__ring{position:absolute;border-radius:50%;z-index:-1;}
.warm-pulse__halo{inset:12px;background:#94b373;animation:warm-halo 5.4s ease-in-out infinite}
.warm-pulse__ring{inset:24px;border:1px solid rgba(220,233,178,.38);background:rgba(220,233,178,.03);opacity:0;animation:warm-wave 6s cubic-bezier(.22,.55,.4,1) infinite}
.warm-pulse__ring--two{animation-delay:-2s}.warm-pulse__ring--three{animation-delay:-4s}
.warm-pulse__core{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:#e6edb8;animation:warm-breathe 5.4s ease-in-out infinite}
.warm-pulse__core img{display:block;width:51px;height:51px;object-fit:contain;filter:brightness(0);opacity:.72}
@keyframes warm-halo{0%,100%{transform:scale(.98);opacity:.17}50%{transform:scale(1.045);opacity:.26}}
@keyframes warm-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes warm-wave{0%{transform:scale(.7);opacity:0}18%{opacity:.68}70%{opacity:.22}100%{transform:scale(1.38);opacity:0}}
.access{position:relative}
.access-intro{font-size:12px;line-height:1.6;margin:0 0 15px;color:var(--muted)}
.choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:60px;border:1px solid var(--line);border-radius:13px;padding:10px 15px;text-align:left;text-decoration:none;cursor:pointer;transition:background .18s}
.choice strong{display:block;font-size:14px;font-weight:650;line-height:1.3}.choice small{display:block;font-size:11px;line-height:1.4;margin-top:4px;opacity:.8}
.primary{background:var(--accent);color:var(--green);border-color:var(--accent)}.primary:hover{background:#ecf0c9}
.secondary{margin-top:10px;background:rgba(222,229,220,.11);color:var(--ink)}.secondary:hover{background:rgba(222,229,220,.17)}
.arrow{font-size:24px;line-height:1;font-weight:400;flex:none}
.invite{margin-top:14px;text-align:center}
.copy{font-size:13px;font-weight:750;line-height:1.4;color:var(--ink);padding:3px 8px;background:transparent;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.invite-note{max-width:275px;font-size:11px;line-height:1.5;margin:6px auto 0;color:var(--muted)}
.copy-hint{font-size:11px;line-height:1.5;color:var(--muted);margin:8px 0 0}.copy-hint:empty{display:none}
.help{font-size:11px;line-height:1.6;color:var(--muted)}.telegram-help{margin-top:12px}.more-help{margin-top:2px}
.help summary{display:list-item;cursor:pointer;padding:2px 0;list-style-type:disclosure-closed}.help[open] summary{list-style-type:disclosure-open}
.help p{margin:8px 0}.help a{text-underline-offset:3px}.more-help summary{font-size:10px}
.panel{font-size:12px;line-height:1.6;padding:15px;margin:12px 0;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04)}.panel p{margin:0 0 10px}.panel p:last-child{margin-bottom:0}
.button{display:block;text-align:center;background:var(--accent);color:var(--green);padding:12px;border-radius:9px;text-decoration:none;font-weight:650}
.proxy-option details{margin-top:12px}.proxy-option summary{cursor:pointer}.proxy-option+.proxy-option{margin-top:15px}.proxy-option dl{display:grid;grid-template-columns:50px minmax(0,1fr);gap:5px;font-size:11px}.proxy-option dd{margin:0;overflow-wrap:anywhere}.proxy-option dt{color:var(--muted)}#proxy-next{margin-top:15px}
textarea{width:100%;min-height:75px;margin-top:10px;padding:10px;color:var(--green);background:var(--cream);border:1px solid var(--line);border-radius:8px;resize:vertical}
.outside-footer{flex-shrink:0;text-align:center;padding:0 5px}.signoff{font:italic 17px/1.35 "Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;letter-spacing:-.3px;color:#526650;margin:14px 0 0}
[hidden]{display:none!important}:focus-visible{outline:3px solid #c7b668;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.warm-pulse *{animation:none}.warm-pulse__ring--one{opacity:.25}*{transition:none!important}}
