:root{--ink:#17211e;--muted:#77837f;--green:#2f8074;--green-dark:#17665a;--line:#dfe5e2;--page:#f5f6f3;--panel:#fff;--phone:#f2f4f3;--shadow:0 24px 60px rgba(24,43,37,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(23,33,30,.08);background:rgba(249,250,247,.92);backdrop-filter:blur(18px)}.header-inner{width:min(1180px,calc(100% - 48px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{width:44px;height:44px;border-radius:13px}.brand b{font-size:22px}.header-inner nav{display:flex;gap:44px;color:#49534f;font-size:15px}.header-inner nav a:hover{color:var(--green)}
.eyebrow{color:var(--green);font-size:13px;font-weight:750;letter-spacing:.16em}.primary-button{height:48px;border:0;border-radius:999px;padding:0 25px;background:#101915;color:#fff;font-weight:700}.primary-button:hover{transform:translateY(-1px)}
.hero{min-height:900px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:72px;padding:72px 0 56px}.hero-copy h1{margin:20px 0 22px;font-size:76px;line-height:1.02;letter-spacing:-.06em}.hero-copy h1 em{display:inline-block;color:var(--green);font-style:normal}.hero-copy p{max-width:440px;margin:0 0 10px;color:#4f5c57;font-size:21px;line-height:1.65}.hero-copy small{display:block;color:#89928f;font-size:15px}.hero-copy .primary-button{margin-top:34px}
.phone-stage{position:relative;display:grid;place-items:center;width:100%;height:890px;border-radius:42px;overflow:hidden;background-image:linear-gradient(rgba(48,89,78,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(48,89,78,.06) 1px,transparent 1px);background-size:20px 20px}.stage-mint{background-color:#e9f2ef}.stage-sand{background-color:#fff4dc}.stage-blue{background-color:#e9f3f8}.stage-peach{background-color:#faece6}.stage-night{background-color:#312d55;background-image:none}.stage-rose{background-color:#faedf0}
.phone{position:relative;width:380px;height:820px;border:8px solid #151c1a;border-radius:46px;background:#151c1a;box-shadow:var(--shadow);overflow:hidden}.phone-screen{position:relative;width:100%;height:100%;padding:0 16px 70px;overflow:hidden;background:var(--phone)}.dark-phone{border-color:#0d1311;background:#0d1311}.dark-phone .phone-screen{background:#0b261f;color:#fff}
.ios-status{position:relative;height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 2px;font-size:11px}.ios-status>i{position:absolute;left:50%;top:9px;width:90px;height:29px;transform:translateX(-50%);border-radius:20px;background:#050606}.status-icons{display:flex;align-items:center;gap:5px}.status-icons b{display:block}.status-icons .signal{width:13px;height:10px;background:linear-gradient(#111,#111) 0 100%/2px 3px no-repeat,linear-gradient(#111,#111) 3.5px 100%/2px 5px no-repeat,linear-gradient(#111,#111) 7px 100%/2px 7px no-repeat,linear-gradient(#111,#111) 10.5px 100%/2px 10px no-repeat}.status-icons .wifi{position:relative;width:14px;height:10px;border-top:1.8px solid #111;border-radius:50%}.status-icons .wifi:before{content:"";position:absolute;left:3px;top:2px;width:8px;height:6px;border-top:1.8px solid #111;border-radius:50%}.status-icons .wifi:after{content:"";position:absolute;left:6px;top:5px;width:3px;height:3px;border-radius:50%;background:#111}.status-icons .battery{position:relative;width:18px;height:9px;border:1.5px solid #111;border-radius:2.5px}.status-icons .battery:before{content:"";position:absolute;inset:1.4px 2px 1.4px 1.4px;border-radius:1px;background:#111}.status-icons .battery:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:4px;border-radius:0 1px 1px 0;background:#111}.dark-phone .status-icons .signal{background:linear-gradient(#fff,#fff) 0 100%/2px 3px no-repeat,linear-gradient(#fff,#fff) 3.5px 100%/2px 5px no-repeat,linear-gradient(#fff,#fff) 7px 100%/2px 7px no-repeat,linear-gradient(#fff,#fff) 10.5px 100%/2px 10px no-repeat}.dark-phone .status-icons .wifi,.dark-phone .status-icons .wifi:before{border-top-color:#fff}.dark-phone .status-icons .wifi:after,.dark-phone .status-icons .battery:before,.dark-phone .status-icons .battery:after{background:#fff}.dark-phone .status-icons .battery{border-color:#fff}.wx-pill{display:flex;align-items:center;justify-content:center;min-width:70px;height:32px;border:1px solid #d6dcda;border-radius:999px;background:#fff;color:#111;font-size:10px;font-weight:800;white-space:nowrap}
.home-nav{height:50px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.home-nav h3{margin:0;font-size:23px;line-height:1}.home-nav .wx-pill{justify-self:end}.space-chip{height:31px;border:0;border-radius:999px;padding:0 13px;background:#e3ece9;color:#315b55;font-size:12px;font-weight:650}.space-chip span,.feed-tabs em span,.feed-tabs>b span{display:inline-block;margin-left:5px;border:4px solid transparent;border-top-color:currentColor;transform:translateY(3px)}
.composer-card{margin:0 0 8px;padding:14px 13px 12px;border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(35,53,48,.05)}.composer-card h4{margin:0 0 10px;color:#7d8a86;font-size:16px}.composer-primary{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.composer-primary button{height:53px;border:0;border-radius:10px;display:grid;place-items:center;align-content:center;gap:3px;background:#edf3f1;font-size:11px}.composer-primary button.type-photo{background:#faf0e2}.composer-primary img{width:20px;height:20px;object-fit:contain}.composer-secondary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.composer-secondary button{position:relative;height:43px;border:1px solid #e1e5e3;border-radius:9px;background:#fff;text-align:left;padding:7px 10px}.composer-secondary b,.composer-secondary small{display:block}.composer-secondary b{font-size:11px}.composer-secondary small{margin-top:2px;color:#89938f;font-size:8px}.composer-secondary i{position:absolute;right:9px;top:12px;color:var(--green);font-style:normal}.daily-inspiration{display:flex;align-items:flex-end;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid #e6e9e7}.daily-inspiration div{min-width:0}.daily-inspiration small,.daily-inspiration b{display:block}.daily-inspiration small{margin-bottom:3px;color:var(--green);font-size:9px}.daily-inspiration b{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.daily-inspiration span{flex:0 0 auto;color:var(--green);font-size:9px;font-weight:650}
.feed-tabs{height:41px;display:flex;align-items:center;gap:15px;font-size:12px}.feed-tabs b{position:relative;height:41px;display:flex;align-items:center}.feed-tabs b:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:var(--green)}.feed-tabs em{font-style:normal;color:#7e8985}.feed-tabs button{margin-left:auto;height:29px;border:0;border-radius:999px;padding:0 9px;background:#e5f0ed;color:#2b7369;font-size:9px}.feed-tabs button i{display:inline-block;width:10px;height:10px;margin-right:4px;border:1px solid currentColor;border-radius:2px;vertical-align:-1px}
.circle-preview{overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(35,53,48,.05)}.circle-cover{width:100%;height:126px;object-fit:cover}.circle-content{padding:0 13px 12px}.circle-avatars{display:flex;align-items:center;height:34px}.circle-avatars img,.circle-avatars span{width:27px;height:27px;margin-left:-6px;border:2px solid #fff;border-radius:50%;object-fit:cover}.circle-avatars img:first-child{margin-left:0}.circle-avatars span{display:grid;place-items:center;background:#dcebe7;color:var(--green);font-size:9px;font-weight:700}.circle-title-row{display:flex;align-items:center;justify-content:space-between}.circle-title-row h4{margin:0;font-size:17px}.circle-title-row b{color:#2a7168;font-size:10px}.circle-content>p{margin:3px 0 0;color:#7d8884;font-size:10px}.circle-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.circle-buttons button{height:29px;border:1px solid #d9e1de;border-radius:999px;background:#fff;color:#2f6f68;font-size:9px}.month-divider{height:35px;display:flex;align-items:center;gap:10px;color:#7b8782;font-size:9px}.month-divider span{flex:1;height:1px;background:#d9dfdc}.feed-preview{overflow:hidden;border-radius:13px;background:#fff}.feed-preview>img{width:100%;height:103px;object-fit:cover}.feed-preview>div{padding:9px}.feed-preview h4{margin:0;font-size:14px}.feed-preview p{margin:3px 0;color:#7c8783;font-size:9px}.feed-preview small{font-size:8px;color:#8d9692}
.app-tabbar{position:absolute;left:0;right:0;bottom:0;height:64px;border-top:1px solid #dfe3e1;background:rgba(255,255,255,.97);display:grid;grid-template-columns:repeat(4,1fr);z-index:5}.app-tabbar b,.app-tabbar span{display:grid;place-items:center;align-content:center;gap:2px;color:#8b938f;font-weight:400}.app-tabbar b{color:var(--green)}.app-tabbar img{width:20px;height:20px;object-fit:contain}.app-tabbar small{font-size:8px}
.value-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 0 100px;border-bottom:1px solid var(--line)}.value-strip div{display:flex;flex-direction:column;align-items:center;gap:6px;border-right:1px solid var(--line)}.value-strip div:last-child{border:0}.value-strip b{font-size:22px}.value-strip span{color:var(--muted);font-size:13px}
.features{padding:130px 0 20px}.section-heading{max-width:720px;margin-bottom:80px}.section-heading h2{margin:14px 0 12px;font-size:56px;line-height:1.08}.section-heading p{margin:0;color:var(--muted);font-size:18px}.feature-row{min-height:960px;margin-bottom:48px;border-radius:42px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:60px;padding:36px 54px;background:#eef4f1;overflow:hidden}.feature-row.reverse{grid-template-columns:1.22fr .78fr}.feature-row.reverse .feature-copy{order:2}.feature-row.reverse>.phone-stage{order:1}.feature-row>.phone-stage{height:888px}.feature-copy>span{color:var(--green);font-size:13px;font-weight:750;letter-spacing:.08em}.feature-copy h2{margin:18px 0;font-size:52px;line-height:1.08;letter-spacing:-.04em}.feature-copy p{margin:0;color:#57635f;font-size:17px;line-height:1.7}.feature-copy ul{margin:30px 0 0;padding:0;list-style:none;color:#6d7874}.feature-copy li{padding:11px 0;border-bottom:1px solid rgba(23,33,30,.1);font-size:14px}.feature-copy li:before{content:"✓";margin-right:9px;color:var(--green);font-weight:800}
.page-nav{height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.page-nav>button{justify-self:start;border:0;background:none;padding:0;font-size:26px}.page-nav>b{font-size:12px}.page-nav>.wx-pill{justify-self:end}.page-nav.dark{color:#fff}.notes-nav{height:52px;display:flex;align-items:flex-start;justify-content:space-between;padding-top:3px}.notes-nav>div:first-child{display:flex;align-items:baseline;gap:6px}.notes-nav h3{margin:0;font-size:22px}.notes-nav small{color:#74807c;font-size:10px}
.filter-tabs{height:38px;display:flex;align-items:center;gap:7px}.filter-tabs>*{display:grid;place-items:center;height:27px;padding:0 12px;border:1px solid #dde3e0;border-radius:999px;background:#fff;color:#66716d;font-size:10px}.filter-tabs b{border-color:var(--green);background:var(--green);color:#fff}.filter-tabs button{width:28px;padding:0;border-radius:9px;margin-left:auto}.calendar-preview{margin:1px 0 4px;padding:7px 9px 6px;border-radius:10px;background:linear-gradient(135deg,#edf7f4,#f7faf8)}.calendar-preview header{display:flex;justify-content:space-between;font-size:9px}.calendar-preview header span{color:var(--green)}.calendar-preview header i{display:inline-block;width:10px;height:10px;margin-right:4px;border:1px solid currentColor;border-radius:2px;vertical-align:-2px}.calendar-preview>div{display:grid;grid-template-columns:repeat(7,1fr);margin-top:5px}.calendar-preview>div span{height:29px;display:grid;place-items:center;align-content:center;gap:1px;font-size:8px}.calendar-preview>div small{font-size:7px;color:#85908c}.calendar-preview .today{width:27px;justify-self:center;border-radius:50%;background:var(--green);color:#fff}.calendar-preview .today small{color:#fff}.collapse-row{text-align:right;color:#75807c;font-size:8px;padding:1px 0 4px}
.note-group{display:grid;grid-template-columns:66px 1fr;gap:7px;margin:2px 0 9px}.note-group aside{position:relative;padding:5px 9px 0 0;text-align:right}.note-group aside b,.note-group aside small{display:block}.note-group aside b{font-size:12px}.note-group aside small{margin-top:3px;color:#87918d;font-size:7px}.note-group aside i{position:absolute;right:-2px;top:10px;width:5px;height:5px;border-radius:50%;background:var(--green)}.note-group aside:after{content:"";position:absolute;right:0;top:17px;bottom:-18px;width:1px;background:#d9e0dd}.note-cards{display:grid;gap:8px}.note-cards article{position:relative;min-height:78px;border-radius:9px;background:#fff;padding:10px;box-shadow:0 4px 12px rgba(35,53,48,.05);display:flex;justify-content:space-between;gap:7px}.note-cards h4{margin:0;font-size:12px;line-height:1.4}.note-cards p{margin:24px 0 0;color:#808b87;font-size:8px}.note-cards img{width:58px;height:58px;border-radius:7px;object-fit:cover}.fab{position:absolute;right:22px;bottom:82px;width:48px;height:48px;border:0;border-radius:50%;background:var(--green);color:#fff;font-size:25px;box-shadow:0 8px 20px rgba(30,91,79,.3)}
.space-hero,.settings-card,.participant-card,.reminder-card,.full-calendar{margin-bottom:10px;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(35,53,48,.05)}.space-hero{position:relative;overflow:hidden}.space-hero>img{width:100%;height:146px;object-fit:cover}.space-hero>button{position:absolute;right:10px;top:112px;height:25px;border:0;border-radius:999px;background:#59655fcc;color:#fff;font-size:8px}.space-copy{padding:11px 13px 4px}.space-copy>div{display:flex;align-items:center;justify-content:space-between}.space-copy h3{margin:0;font-size:18px}.space-copy span{padding:5px 8px;border-radius:999px;background:#e5f1ed;color:var(--green);font-size:8px}.space-copy p{margin:4px 0;color:#7e8985;font-size:9px}.space-members,.participants{display:flex;gap:10px;padding:8px 13px 13px;overflow:hidden}.space-members span,.participants span{width:65px;display:grid;place-items:center;gap:3px;text-align:center}.space-members img,.space-members i,.participants img,.participants i{width:35px;height:35px;border-radius:50%;object-fit:cover}.space-members i,.participants i{display:grid;place-items:center;border:1px dashed #8eaaa2;background:#edf5f3;color:var(--green);font-style:normal}.space-members b,.participants b{max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.space-members small,.participants small{font-size:7px;color:#89938f}.settings-card{padding:10px 13px}.settings-card>small{display:block;color:#7e8985;font-size:9px}.settings-card>small em{float:right;color:var(--green);font-style:normal}.settings-card>button{width:100%;min-height:42px;border:0;border-bottom:1px solid #e5e8e7;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0;font-size:11px}.settings-card>button:last-child{border:0}.settings-card>button span{color:#7c8783;font-size:8px}.recent-card button b,.recent-card button span{display:block}.recent-card button{align-items:flex-start;padding:9px 0;text-align:left}.recent-card button span{text-align:right}
.event-title{padding:0 3px 12px}.event-title h3{margin:0 0 4px;font-size:20px}.event-title p{margin:0;color:#7d8884;font-size:9px}.participant-card{padding:13px}.participant-card header{display:flex;justify-content:space-between;color:var(--green);font-size:9px}.participant-card h4{margin:8px 0 1px;font-size:13px}.participants{padding:8px 0 11px;gap:9px}.participants span{width:67px}.participant-card footer{height:38px;border-radius:9px;background:#e5f1ee;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#2f776d;font-size:9px}.reminder-card{display:flex;align-items:center;justify-content:space-between;padding:12px 13px}.reminder-card div{display:grid;gap:3px}.reminder-card b{font-size:11px}.reminder-card small{color:#7f8a86;font-size:8px}.reminder-card button{height:27px;border:0;border-radius:999px;padding:0 14px;background:#e2f0ec;color:var(--green);font-size:9px;font-weight:650}.itinerary-card>small{color:#29322f;font-size:11px;font-weight:700}.itinerary-card>button{display:grid;justify-items:start;gap:3px;padding:8px 0}.itinerary-card>button b{font-size:10px}.itinerary-card>button span{font-size:8px}.bottom-action{position:absolute;left:16px;right:16px;bottom:18px;height:42px;border:0;border-radius:10px;background:var(--green);color:#fff;font-size:11px;font-weight:700}
.capsule-screen{padding:0;color:#fff}.capsule-locked-bg,.capsule-locked-shade{position:absolute;inset:0;width:100%;height:100%}.capsule-locked-bg{object-fit:cover}.capsule-locked-shade{background:linear-gradient(180deg,rgba(5,25,25,.28),rgba(4,22,22,.58))}.capsule-overlay{position:relative;z-index:2;margin:0 18px}.capsule-locked-hero{position:absolute;z-index:2;inset:94px 26px 44px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.capsule-seal{position:relative;width:74px;height:74px;margin-bottom:20px;border:1px solid rgba(226,199,112,.38);border-radius:50%;display:grid;place-items:center}.capsule-seal:before,.capsule-seal span{content:"";position:absolute;border:1px solid rgba(226,199,112,.58);border-radius:50%}.capsule-seal:before{inset:8px}.capsule-seal span{inset:18px}.capsule-seal i{position:relative;z-index:1;color:#e8ca70;font-size:23px;font-style:normal}.capsule-locked-hero small{color:#bdc9c4;font-size:10px}.capsule-locked-hero h3{margin:22px 0 8px;color:#fff;font-size:26px;letter-spacing:.02em}.capsule-locked-hero .capsule-countdown{margin:0;color:#d4ded9;font-size:12px}.capsule-locked-hero>b{width:36px;height:1px;margin:34px 0;background:#d6ba67}.capsule-locked-hero>p:last-child{margin:0;color:#c3cfca;font-size:11px}.capsule-screen .page-nav{padding:0}
.full-calendar{padding:13px;margin-bottom:10px}.full-calendar header{display:flex;justify-content:center;align-items:center;gap:18px}.full-calendar header button{width:26px;height:26px;border:0;border-radius:50%;background:#edf1ef}.full-calendar header b{font-size:16px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.week{margin:10px 0 5px;color:#8b9591;font-size:8px}.days span{height:31px;border-radius:8px;background:#f1f3f2;display:grid;place-items:center;font-size:10px}.days .muted{color:#cfd4d2}.days .today{border:1px solid var(--green);background:#fff}.days .photo-day{color:#fff;background-size:cover;background-position:center;text-shadow:0 1px 2px #000}.days .one{background-image:linear-gradient(#0003,#0003),url('./assets/play.jpg')}.days .two{background-image:linear-gradient(#0003,#0003),url('./assets/memory-seaside.jpg')}.days .three{background-image:linear-gradient(#0003,#0003),url('./assets/space-cover-warm.jpg')}.days .four{background-image:linear-gradient(#0003,#0003),url('./assets/capsule-cover.webp')}.days .five{background-image:linear-gradient(#0003,#0003),url('./assets/play.jpg')}.calendar-legend{text-align:center;margin-top:9px;color:#7b8682;font-size:8px}.calendar-day-section{padding:13px;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(35,53,48,.05)}.calendar-day-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.calendar-day-section>header>div{display:flex;align-items:baseline;gap:7px}.calendar-day-section>header b{font-size:14px}.calendar-day-section>header small{color:#7f8a86;font-size:8px}.calendar-day-section>header button{height:27px;border:1px solid var(--green);border-radius:999px;background:#fff;padding:0 11px;color:var(--green);font-size:9px}.calendar-entry-wall{columns:2;column-gap:8px}.calendar-memory-card{break-inside:avoid;margin:0 0 8px;border:1px solid #e7ebe9;border-radius:10px;overflow:hidden;background:#fff}.calendar-memory-card>img{width:100%;height:78px;object-fit:cover}.calendar-memory-card>div{position:relative;padding:9px}.calendar-memory-card span{display:inline-block;border-radius:999px;padding:3px 6px;background:#e5f2ee;color:var(--green);font-size:7px}.calendar-memory-card time{float:right;color:#8b9591;font-size:7px}.calendar-memory-card h4{margin:7px 0 4px;font-size:10px;line-height:1.35}.calendar-memory-card p{margin:0;color:#87918d;font-size:7px}.calendar-history-section{margin-top:12px;padding:12px 2px 0;border-top:1px solid rgba(47,111,106,.08)}.calendar-history-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#7b8682;font-size:8px}.calendar-history-section>header b{font-weight:650}.calendar-history-section>header span{font-size:7px}.calendar-history-section>article{display:flex;align-items:center;min-height:68px;padding:10px 11px;border:1px solid rgba(212,184,112,.18);border-radius:11px;background:linear-gradient(135deg,rgba(255,251,239,.98),rgba(247,251,248,.98));box-shadow:0 5px 14px rgba(74,60,31,.045)}.calendar-history-section>article>div{min-width:0;flex:1}.calendar-history-section small,.calendar-history-section article b,.calendar-history-section p{display:block}.calendar-history-section small{margin-bottom:4px;color:#a07d36;font-size:7px;font-weight:650;letter-spacing:.06em}.calendar-history-section article b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.calendar-history-section p{display:-webkit-box;margin:4px 0 0;overflow:hidden;color:#7b8682;font-size:7px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.calendar-history-section i{margin-left:8px;color:#7b8682;font-size:17px;font-style:normal}
.story{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;padding:150px 0}.story h2{margin:18px 0;font-size:52px;line-height:1.16}.story-list article{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:23px 0;border-bottom:1px solid var(--line)}.story-list article>b{color:var(--green)}.story-list h3{margin:0 0 6px;font-size:18px}.story-list p{margin:0;color:var(--muted);line-height:1.7}.closing{padding:120px 0;background:var(--green-dark);color:#fff;text-align:center}.closing span{color:#bbd2cb}.closing h2{margin:23px 0 32px;font-size:64px;line-height:1.1}.primary-button.light{background:#fff;color:var(--green-dark)}
.download,.support{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:105px 0;border-bottom:1px solid var(--line)}.download h2,.support h2{margin:16px 0;font-size:44px}.download p{color:var(--muted)}.primary-button.wide{width:100%}.download dl{display:flex;gap:35px;margin:25px 0 0}.download dl div{display:flex;gap:10px}.download dt{color:#8a9591}.download dd{margin:0;font-weight:700}.support>div:last-child{display:grid}.support a{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.support a[aria-disabled=true]{color:#9da5a2}footer{height:104px;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1180px)/2));background:#eceeea}footer p{margin-left:auto;color:#7e8884}footer>a:last-child{color:#7e8884}
.site-dialog{position:fixed;inset:0;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;overflow:hidden;border:0;border-radius:22px;padding:24px;box-shadow:0 25px 80px #0004}.site-dialog::backdrop{background:#1b231f99;backdrop-filter:blur(3px)}.site-dialog h2{margin:0 34px 10px 0;font-size:24px}.site-dialog>p{margin:0 0 16px;color:#52605b;font-size:14px;line-height:1.55}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:none;font-size:24px;color:#70807a}.qr-placeholder{width:176px;height:176px;margin:4px auto 0;border-radius:14px;background:#edf1ef;display:grid;place-items:center;overflow:hidden;font-size:50px}.qr-placeholder img{width:100%;height:100%;object-fit:contain}.site-dialog .access-note{margin:12px 0 0;text-align:center;font-size:12px}.feedback-dialog{width:min(440px,calc(100vw - 32px));overflow:auto}.feedback-dialog form{display:grid;gap:14px}.feedback-dialog label{display:grid;gap:6px}.feedback-dialog input,.feedback-dialog textarea,.feedback-dialog select{width:100%;border:1px solid #d9dfdc;border-radius:10px;padding:11px}.feedback-previews{display:flex;gap:8px}.feedback-preview{position:relative}.feedback-preview img{width:70px;height:70px;object-fit:cover;border-radius:8px}.feedback-preview button{position:absolute;right:-5px;top:-5px;border:0;border-radius:50%}.honeypot{position:absolute!important;left:-9999px}.form-status,.access-note{color:var(--muted)}

/* The notes mockup follows the current black-and-white mini-program screen. */
.notes-screen{background:#f6f7f6}.notes-screen .filter-tabs b{border-color:#111;background:#111}.notes-screen .filter-tabs button{position:relative;border-radius:10px;background:#fff}.notes-screen .filter-tabs button:before{content:"";width:10px;height:10px;border:1px solid #66716d;border-radius:50%}.notes-screen .filter-tabs button:after{content:"";position:absolute;right:6px;bottom:6px;width:5px;height:1px;border-radius:1px;background:#66716d;transform:rotate(45deg)}.notes-screen .calendar-preview{border:1px solid rgba(255,255,255,.72);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(233,241,239,.78));box-shadow:0 8px 18px rgba(35,53,48,.04)}.notes-screen .calendar-preview header span{color:#252c29}.notes-screen .calendar-preview header i{border-color:#414845}.notes-screen .calendar-preview .today{background:#111}.notes-screen .calendar-preview>div small{color:#7c8581}.notes-screen .calendar-preview .today small{color:#fff}.notes-screen .collapse-row{display:flex;align-items:center;justify-content:flex-end;gap:3px}.notes-screen .collapse-row span,.notes-screen .note-group aside b span{display:inline-block;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);vertical-align:2px}.notes-screen .note-group aside i{background:#151918}.notes-screen .note-cards article{min-height:77px;border:1px solid rgba(25,34,31,.035);border-radius:12px;box-shadow:0 5px 13px rgba(24,35,31,.055)}.notes-screen .note-cards article>div{position:relative;min-width:0;flex:1}.notes-screen .note-cards h4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notes-screen .note-cards em{position:absolute;right:0;top:0;padding:2px 5px;border-radius:999px;background:#e5f2ee;color:#43887d;font-size:6px;font-style:normal}.notes-screen .expand-note{height:28px;border:0;border-radius:7px;background:#ebeeec;font-size:8px}.notes-screen .fab{width:45px;height:45px;right:18px;bottom:78px;background:#111;box-shadow:0 8px 20px rgba(0,0,0,.23)}

/* Website product canvases use the same 375×812 visual rhythm as the mini program. */
.hero{min-height:980px;grid-template-columns:.8fr 1.2fr;padding:76px 0 64px}
.phone-stage{height:930px}
.phone{width:390px;height:844px}
.phone-screen{padding:0 15px 68px;background:#f3f5f4}
.home-nav{height:56px}.home-nav h3{font-size:25px}.space-chip{height:33px;padding:0 14px;font-size:13px}
.composer-card{padding:15px 13px 13px}.composer-card h4{margin-bottom:11px;color:#65726e;font-size:18px}.composer-primary button{height:58px;font-size:13px}.composer-primary img{width:22px;height:22px}.composer-secondary button{height:48px;padding:7px 11px}.composer-secondary b{font-size:12px}.composer-secondary small{font-size:9px}.daily-inspiration small{font-size:10px}.daily-inspiration b{max-width:260px;font-size:11px}.daily-inspiration span{font-size:10px}
.feed-tabs{height:44px;gap:16px;font-size:13px}.feed-tabs b{height:44px}.feed-tabs button{height:30px;padding:0 10px;font-size:10px}
.circle-cover{height:112px}.circle-content{padding:0 14px 14px}.circle-avatars{height:39px;padding-top:3px}.circle-avatars img,.circle-avatars span{width:29px;height:29px}.circle-title-row{margin-top:1px}.circle-title-row h4{font-size:19px}.circle-title-row b{font-size:11px}.circle-content>p{margin-top:4px;font-size:11px}.circle-buttons{margin-top:11px}.circle-buttons button{height:34px;font-size:10px}.month-divider{height:38px;font-size:10px}.feed-preview>img{height:110px}.feed-preview h4{font-size:15px}.feed-preview p{font-size:10px}.feed-preview small{font-size:9px}
.feature-row{min-height:1010px;padding:40px 54px}.feature-row>.phone-stage{height:930px}

/* Exact current mini-program rhythm: all public mockups share the real 375 × 812 viewport. */
.hero{min-height:940px;grid-template-columns:.82fr 1.18fr;padding:72px 0 56px}
.phone-stage{height:892px}
.phone{width:375px;height:812px;border-width:8px;border-radius:43px}
.phone-screen{padding:0 16px 68px;background:#f3f5f4}
.ios-status{height:46px;padding:0 1px}
.home-nav{height:50px}.home-nav h3{font-size:23px;font-weight:760}.space-chip{height:29px;min-width:86px;padding:0 11px;font-size:12px}
.composer-card{margin:12px 0;padding:16px 14px 13px;border:1px solid rgba(255,255,255,.72);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,254,251,.08) 42%),#fffefb;box-shadow:0 11px 24px rgba(47,111,106,.08),0 1px 5px rgba(28,36,35,.04)}
.composer-card h4{margin:0 0 10px;color:#1c2423;font-size:15px;font-weight:620;letter-spacing:.02em}
.composer-primary{gap:7px}.composer-primary button{height:54px;border-radius:11px;gap:4px;font-size:12px;font-weight:600}.composer-primary img{width:21px;height:21px}
.composer-secondary{gap:7px;margin-top:7px}.composer-secondary button{height:44px;padding:0 9px;border-color:rgba(47,111,106,.08);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(47,111,106,.05))}.composer-secondary b{font-size:12px}.composer-secondary small{margin-top:2px;font-size:10px}.composer-secondary i{right:9px;top:11px;font-size:14px}
.daily-inspiration{align-items:center;gap:9px;margin-top:12px;padding-top:11px}.daily-inspiration small{margin:0;color:#2f6f6a;font-size:10px;font-weight:750}.daily-inspiration b{max-width:238px;margin-top:3px;font-size:11px;font-weight:680}.daily-inspiration span{font-size:10px;font-weight:750}
.feed-tabs{height:38px;gap:16px;margin:0 1px 12px;font-size:14px;font-weight:650}.feed-tabs b{height:38px}.feed-tabs button{height:25px;padding:0 7px;font-size:10px}.feed-tabs button i{width:12px;height:11px}
.circle-preview{border:1px solid rgba(47,111,106,.09);border-radius:15px;background:radial-gradient(circle at 100% 0,rgba(206,232,226,.5),transparent 38%),rgba(255,254,251,.96);box-shadow:0 7px 20px rgba(24,42,39,.055)}
.circle-cover{height:110px}.circle-content{padding:0 14px 14px}.circle-avatars{height:36px;padding:0 0 0 2px}.circle-avatars>span{position:relative;display:block;width:25px;height:25px;margin-left:-5px;border:0;background:transparent}.circle-avatars>span:first-child{margin-left:0}.circle-avatars>span>img,.circle-avatars>span>b{display:grid;width:25px;height:25px;place-items:center;border:2px solid #fff;border-radius:50%;background:#8fcbbd;object-fit:cover;font-size:9px}.circle-avatars>span>em{position:absolute;right:-4px;bottom:-2px;display:grid;width:14px;height:14px;place-items:center;border:1.5px solid #fff;border-radius:50%;background:#fff9e9;font-size:8px;font-style:normal;line-height:1}.circle-title-row{margin-top:0}.circle-title-row h4{font-size:16px;font-weight:700}.circle-title-row b{font-size:12px}.circle-content>p{margin-top:4px;font-size:12px}.circle-buttons{gap:6px;margin-top:12px}.circle-buttons button{height:32px;font-size:12px;font-weight:650}.month-divider{height:34px;font-size:12px}.feed-preview>img{height:110px}.feed-preview>div{padding:10px}.feed-preview h4{font-size:15px}.feed-preview p{font-size:11px}.feed-preview small{font-size:10px}.app-tabbar{height:62px}.app-tabbar img{width:22px;height:22px}.app-tabbar small{font-size:10px}
.feature-row{min-height:970px;padding:38px 54px}.feature-row>.phone-stage{height:892px}
.days .four{background-image:linear-gradient(#0003,#0003),url('./assets/capsule-cover.webp')}.days .five{background-image:linear-gradient(#0003,#0003),url('./assets/play.jpg')}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.hero-copy h1{font-size:66px}.hero-visual{height:860px}.feature-row,.feature-row.reverse{grid-template-columns:1fr;padding:56px 24px 30px;gap:36px;text-align:center}.feature-row.reverse .feature-copy,.feature-row.reverse>.phone-stage{order:initial}.feature-copy ul{text-align:left;max-width:470px;margin-left:auto;margin-right:auto}.story,.download,.support{grid-template-columns:1fr;gap:38px}.story{padding:100px 0}}
@media(max-width:560px){.shell,.header-inner{width:calc(100% - 28px)}.header-inner{height:66px}.header-inner nav{gap:16px;font-size:12px}.header-inner nav a:nth-child(2){display:none}.brand img{width:36px;height:36px}.brand b{font-size:18px}.hero{gap:34px;padding-top:56px}.hero-copy h1{font-size:50px}.hero-copy p{font-size:17px}.phone-stage,.hero-visual,.feature-row>.phone-stage{height:690px;border-radius:28px}.phone{transform:scale(.78)}.feature-row{margin-bottom:24px;border-radius:28px;padding:42px 10px 20px}.feature-copy{padding:0 12px}.feature-copy h2{font-size:40px}.section-heading h2{font-size:43px}.features{padding-top:90px}.value-strip{grid-template-columns:1fr;gap:18px}.value-strip div{border-right:0;border-bottom:1px solid var(--line);padding-bottom:18px}.value-strip div:last-child{border:0}.story h2{font-size:40px}.closing h2{font-size:45px}.download h2,.support h2{font-size:36px}.download dl{flex-direction:column;gap:8px}footer{height:auto;padding:28px 18px;flex-wrap:wrap}footer p{margin-left:0}}

/* System status and WeChat mini-program controls are drawn as UI shapes, not font glyphs. */
.status-icons .signal{display:none}
.status-icons .wifi{display:none}
.status-icons .wifi:before,.status-icons .wifi:after{content:none}
.dark-phone .status-icons .wifi{border:0;background:radial-gradient(circle at 50% 100%,#fff 0 1.35px,transparent 1.55px),radial-gradient(circle at 50% 100%,transparent 0 3.35px,#fff 3.5px 4.35px,transparent 4.55px),radial-gradient(circle at 50% 100%,transparent 0 6px,#fff 6.15px 7.15px,transparent 7.35px)}
.wx-pill{width:72px;min-width:72px;height:32px;padding:0;border-color:#d7dcda;gap:7px;font-size:0}
.wx-more{display:flex;width:27px;align-items:center;justify-content:center;gap:3px}
.wx-more i{display:block;width:4px;height:4px;border-radius:50%;background:#111}
.wx-divider{display:block;width:1px;height:16px;background:#e1e4e2}
.wx-exit{position:relative;display:grid;width:16px;height:16px;place-items:center;border:1.6px solid #111;border-radius:50%}
.wx-exit i{display:block;width:4px;height:4px;border-radius:50%;background:#111}

/* Shared calendar glyph used by 日子与提醒 and 回忆日历. */
.feed-tabs button i,.calendar-preview header i{position:relative;display:inline-block;width:12px;height:11px;margin-right:4px;border:1.2px solid currentColor;border-radius:2.5px;background:linear-gradient(currentColor,currentColor) 0 3px/100% 1px no-repeat;vertical-align:-1px}
.feed-tabs button i:before,.calendar-preview header i:before{content:"";position:absolute;left:2px;right:2px;top:-2.5px;height:3px;border-left:1.2px solid currentColor;border-right:1.2px solid currentColor}
.feed-tabs button i:after,.calendar-preview header i:after{content:"";position:absolute;left:3px;top:6px;width:1.5px;height:1.5px;border-radius:50%;background:currentColor;box-shadow:3.5px 0 0 currentColor}

/* 2026-08 landing page redesign: one calm canvas and one continuous product story. */
:root{--page:#f5f6f2;--ink:#121a17;--muted:#6f7a76;--green:#2f8074;--green-dark:#123d34;--line:#dfe4e0;--stage:#ecefeb;--panel:#fff}
body{background:var(--page)}
.shell{width:min(1240px,calc(100% - 56px))}
.site-header{position:absolute;inset:0 0 auto;z-index:40;border:0;background:transparent;backdrop-filter:none}
.header-inner{width:min(1240px,calc(100% - 56px));height:76px}
.header-inner nav{gap:34px;color:#55615d;font-size:14px}
.header-inner nav a{position:relative;padding:10px 0}
.header-inner nav a:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--ink);transition:right .2s ease}
.header-inner nav a:hover:after{right:0}
.brand{gap:10px}.brand img{width:40px;height:40px;border-radius:12px}.brand b{font-size:19px}
.environment-badge{display:inline-flex;align-items:center;height:22px;margin-left:2px;padding:0 7px;border:1px solid rgba(47,128,116,.2);border-radius:6px;background:#e4efeb;color:#277469;font-size:10px;font-weight:720;letter-spacing:.04em}.environment-badge[hidden]{display:none}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:12px;font-weight:760;letter-spacing:.14em}
.eyebrow:before{content:"";width:19px;height:1px;background:currentColor}
.primary-button{height:50px;padding:0 25px;border-radius:14px;background:#111916;box-shadow:0 8px 20px rgba(18,26,23,.12);font-size:14px;transition:transform .2s ease,box-shadow .2s ease}
.primary-button:hover{transform:translateY(-2px);box-shadow:0 13px 25px rgba(18,26,23,.18)}

.hero{min-height:910px;grid-template-columns:.82fr 1.18fr;align-items:start;gap:92px;padding:172px 0 88px}
.hero-copy{position:relative;z-index:3;padding-top:70px}
.hero-copy h1{margin:24px 0 26px;font-size:78px;line-height:1.01;letter-spacing:-.065em}
.hero-copy h1 em{color:var(--green)}
.hero-copy p{max-width:470px;font-size:20px;line-height:1.65}
.hero-copy small{font-size:14px}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}
.hero-copy .hero-actions .primary-button{margin-top:0}
.hero-actions>a{display:flex;align-items:center;gap:8px;color:#33403b;font-size:14px;font-weight:680}
.hero-actions>a span{display:grid;width:25px;height:25px;place-items:center;border:1px solid #d2d8d4;border-radius:50%;transition:transform .2s ease}
.hero-actions>a:hover span{transform:translateY(3px)}
.hero-whisper{display:flex;align-items:flex-start;gap:12px;margin-top:68px;color:#68736f}
.hero-whisper>span{width:28px;height:1px;margin-top:10px;background:#aeb7b3}
.hero-whisper p{margin:0;font-family:"Songti SC",STSong,serif;font-size:14px;line-height:1.75}
.phone-stage,.stage-mint,.stage-sand,.stage-blue,.stage-peach,.stage-night,.stage-rose{background-color:var(--stage);background-image:linear-gradient(rgba(37,63,55,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,63,55,.045) 1px,transparent 1px);background-size:22px 22px}
.phone-stage{isolation:isolate;height:860px;border:1px solid rgba(26,44,38,.055);border-radius:38px;overflow:hidden}
.phone-stage:before{content:"";position:absolute;z-index:-1;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(47,128,116,.12),rgba(47,128,116,0) 68%);transform:translate(140px,-210px)}
.phone-stage>.phone{position:relative;z-index:2;box-shadow:0 28px 55px rgba(18,31,27,.18)}
.hero-visual{height:860px;background-color:#e9eeeb}
.hero-visual:after{content:"只我们";position:absolute;left:34px;bottom:22px;z-index:0;color:rgba(26,50,43,.055);font-size:112px;font-weight:800;letter-spacing:-.08em;white-space:nowrap}

.value-strip{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 0 112px;border:0}
.value-strip div{position:relative;align-items:flex-start;min-height:154px;padding:25px 24px;border:1px solid rgba(25,43,37,.075)!important;border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 8px 25px rgba(28,44,38,.035)}
.value-strip i{color:#9aa49f;font-size:10px;font-style:normal;letter-spacing:.12em}.value-strip b{margin-top:auto;font-size:18px}.value-strip span{max-width:280px;color:#77817d;font-size:12px;line-height:1.55}

.features{counter-reset:feature;padding:118px 0 36px}
.section-heading{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:100px;max-width:none;margin-bottom:38px}
.section-heading h2{margin:18px 0 0;font-size:58px;line-height:1.08;letter-spacing:-.045em}
.section-heading>p{max-width:430px;margin:0 0 6px;color:#66716d;font-size:17px;line-height:1.8}
.feature-switcher{position:relative;display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr)) auto;margin:46px -64px 66px;padding:0 64px;background:transparent}
.feature-switcher:before{content:"";position:absolute;left:0;right:0;top:43px;height:1px;background:linear-gradient(90deg,transparent,rgba(47,128,116,.24) 5%,rgba(47,128,116,.55) 50%,rgba(47,128,116,.24) 95%,transparent)}
.feature-switcher a{position:relative;z-index:1;display:grid;grid-template-rows:24px 38px 28px;place-items:center;color:#8a9490;text-align:center;transition:color .2s ease}
.feature-switcher a:first-child{justify-items:start;text-align:left}.feature-switcher a:last-child{justify-items:end;text-align:right}
.feature-switcher small{font-family:"Songti SC",STSong,serif;font-size:11px;letter-spacing:.08em}
.feature-switcher i{display:grid;width:12px;height:12px;place-items:center;border:2px solid #f5f6f2;border-radius:50%;background:#aeb8b3;box-shadow:0 0 0 1px rgba(47,128,116,.22);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.feature-switcher span{font-size:13px;transition:font-weight .2s ease}
.feature-switcher a.is-active,.feature-switcher a:hover{color:#1f6f64}
.feature-switcher a.is-active i,.feature-switcher a:hover i{background:var(--green);box-shadow:0 0 0 1px var(--green),0 0 0 7px rgba(47,128,116,.1);transform:scale(1.08)}
.feature-switcher a.is-active span{font-weight:760}
.feature-row{counter-increment:feature;min-height:auto;margin:0;padding:96px 0;border-top:0;border-radius:0;grid-template-columns:.78fr 1.22fr;gap:88px;background:transparent;overflow:visible;scroll-margin-top:92px}
.feature-row+.feature-row{position:relative}
.feature-row+.feature-row:before{content:"";position:absolute;left:50%;top:0;width:4px;height:4px;border-radius:50%;background:rgba(47,128,116,.32);box-shadow:-13px 0 0 rgba(47,128,116,.13),13px 0 0 rgba(47,128,116,.13)}
.feature-row.reverse{grid-template-columns:1.22fr .78fr}
.feature-row>.phone-stage{height:860px}
.feature-copy{position:relative;padding:0 6px}
.feature-copy:before{content:"0" counter(feature);display:block;margin-bottom:58px;color:#98a19d;font-size:11px;font-weight:700;letter-spacing:.14em}
.feature-copy>span{font-size:12px;letter-spacing:.12em}
.feature-copy h2{margin:16px 0 20px;font-size:51px;line-height:1.08;letter-spacing:-.045em}
.feature-copy p{max-width:390px;color:#626e69;font-size:16px;line-height:1.8}
.feature-facts{display:flex;flex-wrap:wrap;gap:0;margin-top:28px;color:#68736f}
.feature-facts span{display:flex;align-items:center;padding:0;background:transparent;font-size:11px}
.feature-facts span+span:before{content:"·";margin:0 10px;color:#9ba5a1}

.story{display:block;width:100%;margin:76px 0 0;padding:0;background:#e8efeb;color:var(--ink)}
.story-inner{padding:122px 0 112px}
.story-intro{display:block;text-align:center}
.story .eyebrow{justify-content:center;color:var(--green)}
.story h2{max-width:820px;margin:25px auto 0;font-size:60px;line-height:1.08;letter-spacing:-.05em}.story h2 em{color:var(--green);font-style:normal}
.story-intro>p{max-width:610px;margin:26px auto 0;color:#66726d;font-family:"Songti SC",STSong,serif;font-size:16px;line-height:1.8}
.story-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1100px;margin:82px auto 0}
.story-list article{display:block;min-height:134px;padding:0 42px;border:0;text-align:left}.story-list article+article{border-left:1px solid rgba(49,84,73,.14)}.story-list article>b{display:block;margin-bottom:22px;color:#718b82;font-size:11px;letter-spacing:.14em}.story-list h3{margin:0 0 12px;font-size:19px}.story-list p{max-width:280px;color:#697670;font-size:13px;line-height:1.8}
.download{margin-top:0;padding:112px 0;border:0;border-radius:0;background:transparent;box-shadow:none;grid-template-columns:1fr 1fr;gap:100px}
.download h2{margin:18px 0 12px;font-size:46px;letter-spacing:-.035em}.download p{margin:0}.download>div:last-child{align-self:center}.primary-button.wide{max-width:420px}
.download dl{flex-wrap:wrap}.download dl div{align-items:center}.download dt{font-size:12px}.download dd{font-size:13px}
.support{padding:92px 0 110px;grid-template-columns:1fr 1fr;gap:100px}.support h2{margin-top:18px;font-size:46px;letter-spacing:-.035em}.support a{font-size:14px}
footer{height:96px;background:#e9ece8}

@media(max-width:1040px){
  .hero{grid-template-columns:1fr;gap:54px;padding-top:144px}.hero-copy{padding-top:0;text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.hero-actions,.hero-whisper{justify-content:center}.hero-visual{width:min(720px,100%);margin:auto}
  .section-heading{grid-template-columns:1fr;gap:28px}.section-heading>p{max-width:620px}.feature-row,.feature-row.reverse{grid-template-columns:.72fr 1.28fr;gap:42px}.feature-row.reverse{grid-template-columns:1.28fr .72fr}
  .story-list article{padding-inline:28px}.download,.support{gap:54px}
}
@media(max-width:800px){
  .shell,.header-inner{width:calc(100% - 32px)}.header-inner nav{gap:18px}.hero-copy h1{font-size:62px}
  .value-strip{grid-template-columns:1fr}.value-strip div{min-height:128px}
  .feature-switcher{overflow-x:auto;grid-template-columns:repeat(5,minmax(104px,1fr));margin-inline:-2px;padding:0 12px}.feature-switcher:before{left:64px;right:auto;width:calc(520px - 104px);top:43px}.feature-switcher a{min-width:104px;justify-items:center;text-align:center;white-space:nowrap}
  .feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:38px;padding:76px 0}.feature-row.reverse .feature-copy,.feature-row.reverse>.phone-stage{order:initial}.feature-copy{text-align:left}.feature-copy:before{margin-bottom:30px}.feature-copy p{max-width:540px}.feature-row>.phone-stage{height:850px}
  .story-inner{padding:96px 0 88px}.story h2{font-size:52px}.story-list{grid-template-columns:1fr;gap:0;margin-top:64px}.story-list article{min-height:0;padding:28px 0}.story-list article+article{border-left:0;border-top:1px solid rgba(49,84,73,.14)}.download,.support{grid-template-columns:1fr}.download{padding:82px 0}.primary-button.wide{max-width:none}
}
@media(max-width:560px){
  .shell,.header-inner{width:calc(100% - 28px)}.header-inner{height:66px}.header-inner nav a:nth-child(2){display:none}.brand img{width:36px;height:36px}.brand b{font-size:18px}
  .hero{gap:38px;padding:118px 0 70px}.hero-copy h1{font-size:49px}.hero-copy p{font-size:17px}.hero-actions{flex-direction:column;gap:17px}.hero-whisper{margin-top:44px}
  .phone-stage,.hero-visual,.feature-row>.phone-stage{height:690px;border-radius:27px}.hero-visual:after{left:18px;font-size:66px}.phone{transform:scale(.78)}
  .value-strip{gap:9px;padding-bottom:80px}.value-strip div{min-height:120px;padding:20px}
  .features{padding-top:82px}.section-heading h2{font-size:42px}.section-heading>p{font-size:15px}
  .feature-row{padding:64px 0}.feature-copy{padding:0 4px}.feature-copy h2{font-size:39px}.feature-copy p{font-size:15px}.feature-row>.phone-stage{height:690px}
  .story{margin-top:32px}.story-inner{padding:78px 0 70px}.story h2{font-size:40px}.story-intro>p{font-size:14px}.story-list{margin-top:48px}.story-list article{display:grid;grid-template-columns:32px 1fr}.story-list article>b{margin:3px 0 0}.story-list h3{font-size:18px}
  .download{margin-top:0;padding:72px 0}.download h2,.support h2{font-size:35px}.download dl{flex-direction:column;gap:8px}.support{padding:72px 0 82px}
  footer{height:auto;padding:28px 18px;flex-wrap:wrap}footer p{margin-left:0}
}