:root { --ink:#18221d; --cream:#f2efe7; --paper:#fbfaf6; --coral:#b74032; --sage:#c8d5c8; --green:#153f2d; --line:rgba(24,34,29,.16); }
* { box-sizing:border-box; }
[hidden] { display:none!important; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
main { overflow:hidden; }
.site-header { height:92px; max-width:1360px; margin:auto; padding:0 5vw; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:5; }
.wordmark { display:flex; align-items:center; gap:11px; font-size:20px; font-weight:650; letter-spacing:-.035em; }
.wordmark-dot { width:35px; height:35px; border:1px solid currentColor; border-radius:50%; display:grid; place-items:center; font-family:Georgia,serif; font-size:20px; font-weight:400; }
.nav-cta { padding-bottom:4px; border-bottom:1px solid; font-size:14px; font-weight:600; }
.nav-cta span { margin-left:8px; }
.header-actions { display:flex; align-items:center; gap:28px; }
.nav-link { color:#5c6761; font-size:14px; font-weight:600; }
.hero { min-height:calc(100vh - 92px); max-width:1360px; margin:auto; padding:5vh 5vw 9vh; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:3vw; }
.hero-copy { position:relative; z-index:2; }
h1,h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.06em; }
h1 { max-width:700px; margin:0; font-size:clamp(64px,7.7vw,120px); line-height:.87; }
h1 em,h2 em { color:var(--coral); font-weight:400; }
.hero-lede { max-width:520px; margin:36px 0 32px; color:#55605a; font-size:clamp(17px,1.5vw,21px); line-height:1.55; letter-spacing:-.01em; }
.primary-button { width:max-content; padding:16px 19px; display:flex; align-items:center; gap:42px; border-radius:12px; background:var(--ink); color:white; font-size:14px; font-weight:650; box-shadow:0 10px 30px rgba(24,34,29,.15); transition:transform .2s,box-shadow .2s; }
.primary-button:hover { transform:translateY(-2px); box-shadow:0 14px 36px rgba(24,34,29,.2); }
.quiet-note { margin:15px 0 0; color:#858b87; font-size:11px; }
.hero-visual { min-height:650px; position:relative; display:grid; place-items:center; isolation:isolate; }
.hero-visual::before { content:""; position:absolute; width:min(54vw,710px); aspect-ratio:1; border-radius:50%; background:#e3ded2; z-index:-3; }
.orbit { position:absolute; border:1px solid rgba(24,34,29,.14); border-radius:50%; z-index:-2; }
.orbit-one { width:min(61vw,800px); aspect-ratio:1; }
.orbit-two { width:min(45vw,590px); aspect-ratio:1; border-style:dashed; transform:rotate(24deg); }
.phone-shell { width:344px; height:640px; padding:20px 17px; overflow:hidden; border:1px solid rgba(24,34,29,.26); border-radius:39px; background:var(--paper); box-shadow:0 35px 80px rgba(36,39,28,.2); transform:rotate(2deg); }
.phone-topline { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:3px 2px 16px; }
.mini-mark { width:27px; height:27px; border:1px solid; border-radius:50%; display:grid; place-items:center; font-family:Georgia,serif; font-size:14px; }
.phone-topline strong { font-family:Georgia,serif; font-weight:400; font-size:17px; }
.paper-plane { justify-self:end; font-size:20px; }
.usage-card { padding:14px; background:var(--ink); color:white; border-radius:16px; }
.usage-card > div:first-child { display:flex; justify-content:space-between; align-items:baseline; }
.usage-card span,.usage-card small { color:#b8c5bd; font-size:10px; }
.usage-card strong { font-family:Georgia,serif; font-weight:400; font-size:22px; }
.usage-track { height:4px; margin:11px 0 8px; border-radius:8px; background:#496057; overflow:hidden; }
.usage-track span { width:60%; height:100%; display:block; background:#f1e9d8; border-radius:inherit; }
.post-card { margin-top:15px; }
.post-author { display:flex; align-items:center; gap:9px; margin-bottom:10px; }
.avatar { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; font-family:Georgia,serif; }
.peach { background:#ecc9b2; }.green { background:#bfd1c2; }
.post-author strong,.post-author small { display:block; }.post-author strong { font-size:12px; }.post-author small { color:#747c77; margin-top:2px; font-size:9px; }
.post-image { height:260px; position:relative; overflow:hidden; border-radius:16px; background:#c8aa84; }
.still-life::after { content:""; position:absolute; inset:auto 0 0; height:40%; background:#9e795c; }
.sun { position:absolute; width:130px; height:130px; right:-30px; top:-25px; border-radius:50%; background:#e9d2a6; }
.vase { position:absolute; z-index:2; width:80px; height:110px; left:112px; bottom:36px; border-radius:16px 16px 34px 34px; background:#d8c7aa; box-shadow:inset -14px -5px rgba(89,68,46,.1); }
.stem { position:absolute; z-index:1; width:2px; height:130px; left:152px; bottom:125px; background:#314c34; transform:rotate(-7deg); }
.stem::before,.stem::after { content:""; position:absolute; width:32px; height:14px; border-radius:100% 0 100% 0; background:#405e40; }.stem::before{left:-28px;top:34px;transform:rotate(35deg)}.stem::after{left:0;top:63px;transform:rotate(-35deg)}
.post-card p { margin:11px 2px 8px; font-size:11px; line-height:1.4; }
.post-actions { padding:9px 2px; border-top:1px solid var(--line); display:flex; gap:24px; color:#6d756f; font-size:9px; }
.feed-end { margin-top:12px; padding:15px; border:1px dashed #aaa89e; border-radius:14px; text-align:center; }
.feed-end span,.feed-end small { display:block; }.feed-end span { font-family:Georgia,serif; font-size:15px; }.feed-end small { margin-top:3px; color:#81857e; font-size:9px; }
.floating-card { position:absolute; display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid rgba(24,34,29,.13); border-radius:15px; background:rgba(251,250,246,.88); box-shadow:0 16px 35px rgba(24,34,29,.11); backdrop-filter:blur(10px); }
.floating-card strong,.floating-card small { display:block; }.floating-card strong { font-size:12px; }.floating-card small { margin-top:3px; color:#707872; font-size:9px; }
.creator-card { left:2%; top:26%; transform:rotate(-4deg); }.limit-card { right:1%; bottom:20%; transform:rotate(5deg); display:block; min-width:120px; }.limit-card strong { font-family:Georgia,serif; font-size:25px; font-weight:400; }
.principles { padding:130px max(5vw,calc((100vw - 1225px)/2)); display:grid; grid-template-columns:.8fr 1.2fr; gap:10vw; background:var(--cream); }
.section-intro h2,.early-copy h2 { margin:0; font-size:clamp(55px,6.5vw,94px); line-height:.92; }
.principle-list { border-top:1px solid var(--line); }
.principle { padding:30px 0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:55px 1fr; gap:15px; }
.principle-number { padding-top:5px; color:var(--coral); font-family:Georgia,serif; font-size:13px; }
.principle h3 { margin:0 0 8px; font-family:Georgia,serif; font-size:27px; font-weight:400; letter-spacing:-.03em; }
.principle p { max-width:470px; margin:0; color:#626a65; font-size:14px; line-height:1.6; }
.manifesto { padding:130px 5vw; background:var(--coral); color:#f8eee5; text-align:center; }
.manifesto p { margin:0; font-family:Georgia,serif; font-size:clamp(38px,5vw,74px); line-height:1.12; letter-spacing:-.045em; }
.manifesto p:nth-child(2) { color:#2d1c18; }.manifesto span { display:block; margin-top:46px; text-transform:uppercase; font-size:10px; font-weight:700; letter-spacing:.17em; }
.event-callout { padding:110px max(5vw,calc((100vw - 1225px)/2)); background:var(--cream); }
.event-callout > div { display:grid; grid-template-columns:1fr .65fr; gap:8vw; align-items:end; }
.event-callout h2 { margin:0; font-size:clamp(52px,6vw,86px); line-height:.92; }
.event-callout h2 em { color:var(--green); }
.event-callout > div > div > p { margin:0 0 28px; color:#5e6862; font-size:16px; line-height:1.65; }
.early-access { padding:130px max(5vw,calc((100vw - 1225px)/2)); display:grid; grid-template-columns:1fr .9fr; gap:9vw; align-items:center; background:var(--green); color:#f7f2e9; }
.early-copy h2 em { color:#e7a698; }.early-copy > p:last-child { max-width:520px; margin:32px 0 0; color:#b9c6bd; font-size:16px; line-height:1.65; }
.signup-form { padding:30px; border:1px solid rgba(255,255,255,.2); border-radius:20px; background:rgba(255,255,255,.055); }
.signup-form label { display:block; margin-bottom:16px; }.signup-form label > span { display:block; margin:0 0 7px; color:#c2cec6; font-size:10px; font-weight:650; text-transform:uppercase; letter-spacing:.1em; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.signup-form input { width:100%; padding:14px 0; border:0; border-bottom:1px solid rgba(255,255,255,.28); border-radius:0; outline:0; background:transparent; color:white; }
.signup-form input::placeholder { color:#87998e; }.signup-form input:focus { border-color:#f4e9dc; }
.signup-form button { width:100%; margin-top:10px; padding:16px 18px; border:0; border-radius:11px; display:flex; justify-content:space-between; background:#f5eee3; color:var(--ink); cursor:pointer; font-weight:700; }.signup-form button:disabled { opacity:.7; cursor:wait; }
.form-meta { min-height:30px; margin-top:12px; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }.form-meta small { color:#91a297; font-size:9px; }.form-meta p { margin:0; color:#f2b7ad; font-size:10px; text-align:right; }
.honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.signup-success { min-height:330px; padding:42px; border:1px solid rgba(255,255,255,.2); border-radius:20px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; background:rgba(255,255,255,.055); }
.success-check { width:48px; height:48px; margin-bottom:25px; display:grid; place-items:center; border-radius:50%; background:#f5eee3; color:var(--green); font-size:22px; }.signup-success p { margin:0 0 10px; font-family:Georgia,serif; font-size:30px; }.signup-success small { color:#aebeb3; }
footer { padding:55px 5vw; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; background:#0e2118; color:#d8e1da; }.footer-mark { justify-self:start; }.footer-mark .wordmark-dot { width:30px;height:30px;font-size:16px; }footer > p { margin:0; color:#788b80; text-align:center; font-size:11px; }footer > div { display:flex; justify-content:flex-end; gap:24px; color:#82938a; font-size:10px; }
.event-page main { overflow:visible; }
.event-intro { max-width:1360px; margin:0 auto; padding:90px 5vw 110px; display:grid; grid-template-columns:1.25fr .75fr; gap:8vw; align-items:end; }
.event-intro h1 { max-width:840px; font-size:clamp(62px,7vw,108px); }
.event-intro h1 em { color:var(--green); }
.event-intro-copy > p { margin:0 0 34px; color:#5e6862; font-size:18px; line-height:1.6; }
.review-promise { border-top:1px solid var(--line); }
.review-promise { display:grid; grid-template-columns:34px 1fr; gap:0 14px; }
.review-promise > span,.review-promise > p { padding:17px 0; border-bottom:1px solid var(--line); }
.review-promise > span { color:var(--coral); font-family:Georgia,serif; font-size:12px; }
.review-promise > p { margin:0; color:#6a736d; font-size:12px; line-height:1.5; }
.review-promise strong { color:var(--ink); font-size:14px; }
.event-form-section { padding:110px max(5vw,calc((100vw - 980px)/2)); background:var(--green); color:#f7f2e9; }
.event-form { display:grid; gap:0; }
.event-import-panel { margin-bottom:58px; padding:30px; border:1px solid rgba(255,255,255,.2); border-radius:18px; background:rgba(255,255,255,.06); }
.event-import-panel h2 { margin:0; font-size:clamp(28px,3.4vw,42px); letter-spacing:-.035em; }
.event-import-panel > div > p { max-width:680px; margin:10px 0 0; color:#aebeb3; font-size:13px; line-height:1.6; }
.event-import-controls { margin-top:24px; display:grid; grid-template-columns:1fr auto; gap:12px; align-items:end; }
.event-import-controls label > span { display:block; margin-bottom:8px; color:#c5d0c8; font-size:10px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.event-import-controls input { width:100%; padding:14px; border:1px solid rgba(255,255,255,.2); border-radius:10px; outline:0; background:rgba(255,255,255,.06); color:#fffaf1; }
.event-import-controls input:focus { border-color:#f5eee3; box-shadow:0 0 0 3px rgba(255,255,255,.08); }
.event-import-controls input::placeholder { color:#82968a; }
.event-import-button { min-width:178px; padding:14px 16px; border:0; border-radius:10px; display:flex; justify-content:space-between; gap:20px; background:#f5eee3; color:var(--green); cursor:pointer; font-weight:750; }
.event-import-button:disabled { opacity:.65; cursor:wait; }
.event-import-status { margin-top:16px; padding-top:16px; border-top:1px solid rgba(255,255,255,.14); color:#c5d0c8; font-size:12px; line-height:1.55; }
.event-import-status.is-error { color:#f0a89d; }
.form-section-heading { margin:28px 0 32px; padding-top:48px; border-top:1px solid rgba(255,255,255,.18); display:grid; grid-template-columns:60px 1fr; gap:18px; }
.form-section-heading:first-child { margin-top:0; padding-top:0; border-top:0; }
.form-section-heading > span { color:#e6a094; font-family:Georgia,serif; font-size:15px; }
.form-section-heading h2 { margin:0; font-size:clamp(36px,4vw,54px); line-height:1; letter-spacing:-.045em; }
.form-section-heading p { margin:9px 0 0; color:#9fb0a5; font-size:13px; }
.event-fields { display:grid; gap:22px; }
.event-fields.two-column,.event-fields .two-column { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.event-fields label,.event-form fieldset { display:block; min-width:0; }
.event-fields label > span,.event-form legend { display:block; margin-bottom:8px; color:#c5d0c8; font-size:10px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.event-fields input,.event-fields select,.event-fields textarea { width:100%; padding:14px; border:1px solid rgba(255,255,255,.2); border-radius:10px; outline:0; background:rgba(255,255,255,.06); color:#fffaf1; }
.event-fields select option { color:var(--ink); background:white; }
.event-fields input:focus,.event-fields select:focus,.event-fields textarea:focus { border-color:#f5eee3; box-shadow:0 0 0 3px rgba(255,255,255,.08); }
.event-fields input::placeholder,.event-fields textarea::placeholder { color:#82968a; }
.event-fields textarea { resize:vertical; line-height:1.55; }
.event-fields .full { grid-column:1/-1; }
.event-form fieldset { margin:0; padding:0; border:0; }
.event-form legend small { color:#82968a; font-weight:500; text-transform:none; letter-spacing:0; }
.category-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }
.category-grid label { margin:0; }
.category-grid input { position:absolute; opacity:0; pointer-events:none; }
.category-grid span { margin:0!important; padding:11px 10px; border:1px solid rgba(255,255,255,.19); border-radius:999px; color:#adbbb2!important; text-align:center; cursor:pointer; transition:.15s; }
.category-grid input:checked + span { border-color:#f3e9da; background:#f3e9da; color:var(--green)!important; }
.check-row { display:flex!important; align-items:flex-start; gap:11px; color:#b8c5bd; font-size:13px; line-height:1.5; }
.check-row input { width:18px!important; height:18px; margin:1px 0 0; accent-color:#f3e9da; }
.check-row > span { margin:0!important; color:inherit!important; font-size:inherit!important; font-weight:inherit!important; letter-spacing:0!important; text-transform:none!important; }
.timezone-note { margin:0; color:#92a49a; font-size:11px; }
.terms { margin:44px 0 0; padding:22px; border:1px solid rgba(255,255,255,.18); border-radius:12px; }
.event-submit { width:100%; margin-top:24px; padding:18px 20px; border:0; border-radius:12px; display:flex; justify-content:space-between; background:#f5eee3; color:var(--green); cursor:pointer; font-weight:750; }
.event-submit:disabled { opacity:.65; cursor:wait; }
.event-form-meta { min-height:42px; padding-top:12px; display:flex; justify-content:space-between; gap:20px; color:#8fa298; font-size:10px; }
.event-form-meta p { margin:0; }
.event-form-error { color:#f0a89d; text-align:right; }
.event-success { min-height:540px; padding:70px; border:1px solid rgba(255,255,255,.2); border-radius:24px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; background:rgba(255,255,255,.055); }
.event-success > p { margin:0 0 12px; font-family:Georgia,serif; font-size:clamp(42px,5vw,70px); letter-spacing:-.045em; }
.event-success > small { max-width:600px; color:#aebeb3; font-size:14px; line-height:1.6; }
.event-success .primary-button { margin-top:36px; background:#f5eee3; color:var(--green); }
@media(max-width:950px){.hero{grid-template-columns:1fr;padding-top:9vh}.hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}.hero-lede{margin-left:auto;margin-right:auto}.hero-visual{min-height:700px}.principles,.early-access{grid-template-columns:1fr;gap:70px}.principles{padding-top:95px;padding-bottom:95px}.section-intro{max-width:600px}.event-callout>div{grid-template-columns:1fr;gap:42px}.event-callout>div>div{max-width:620px}.early-access{padding-top:95px;padding-bottom:95px}.early-copy{max-width:700px}.signup-form{max-width:620px;width:100%}footer{grid-template-columns:1fr;gap:25px;text-align:center}.footer-mark{justify-self:center}footer>div{justify-content:center}}
@media(max-width:950px){.event-intro{grid-template-columns:1fr;gap:55px;padding-top:70px}.event-intro-copy{max-width:650px}.category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.site-header{height:76px}.hero{min-height:auto;padding:9vh 22px 65px}.header-actions{gap:12px}.header-actions .nav-link{font-size:11px}.nav-cta{font-size:11px}.wordmark{font-size:18px}.wordmark-dot{width:31px;height:31px;font-size:17px}h1{font-size:58px}.hero-lede{font-size:17px}.primary-button{width:100%;justify-content:space-between}.hero-visual{min-height:610px;margin-top:15px}.phone-shell{width:292px;height:560px;border-radius:34px;padding:17px 14px}.post-image{height:214px}.creator-card{left:-5%;top:26%}.limit-card{right:-9%;bottom:16%}.principles,.early-access,.event-callout{padding:78px 22px}.section-intro h2,.early-copy h2{font-size:52px}.event-callout h2{font-size:49px}.principle{grid-template-columns:38px 1fr}.manifesto{padding:90px 22px}.manifesto p{font-size:39px}.form-row{grid-template-columns:1fr}.signup-form{padding:22px}.signup-success{min-height:300px;padding:28px}.event-intro{padding:55px 22px 75px}.event-intro h1{font-size:55px}.event-form-section{padding:68px 22px}.event-import-panel{padding:22px}.event-import-controls{grid-template-columns:1fr}.event-import-button{width:100%}.event-fields.two-column,.event-fields .two-column{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.form-section-heading{grid-template-columns:38px 1fr}.event-form-meta{display:grid}.event-form-error{text-align:left}.event-success{min-height:440px;padding:28px}footer{padding:45px 22px}footer>div{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:rise .7s ease-out both}.phone-shell{animation:phone-in .9s .12s cubic-bezier(.2,.75,.2,1) both}.floating-card{animation:rise .8s .5s ease-out both}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-in{from{opacity:0;transform:rotate(2deg) translateY(30px)}to{opacity:1;transform:rotate(2deg) translateY(0)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}