:root{--wrap:1310px;--header-h:75px;--h1:64px;--h2:56px;--h3:20px;--body:15px;--radius-control:8px;--radius-card:16px;--s1:8px;--s2:12px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:64px;--paper:#f9f7f6;--surface:#fff;--ink:#2e2d2d;--muted:#6f6b68;--line:#eeebea;--brand:#b6463f;--brand-soft:#f4e2df;--stage:#324994;--stage-deep:#293a70;--night:#181717;--success:#cbf4c9;--success-ink:#235b32;--shadow:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;font-size:var(--body);line-height:1.5}
button,a,summary{font:inherit}
button,summary,a{touch-action:manipulation}
a{color:inherit}
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--night);color:var(--surface);padding:10px 14px;border-radius:var(--radius-control)}
.skip-link:focus{top:12px}
.wrap{width:min(calc(100% - 48px),var(--wrap));margin-inline:auto}
.site-header{height:var(--header-h);position:sticky;top:0;z-index:30;background:var(--surface)}
.header-inner{height:100%;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:650;white-space:nowrap}
.brand img{width:34px;height:34px}
.brand-name{display:inline-block;letter-spacing:-.01em}
.main-nav{display:flex;align-items:center;justify-content:center;gap:6px;margin-left:auto}
.main-nav a{padding:9px 10px;text-decoration:none;border-radius:var(--radius-control);white-space:nowrap}
.main-nav a:hover{background:var(--paper)}
.main-nav a[aria-current="page"],
.nav-drawer a[aria-current="page"]{background:var(--brand-soft);color:var(--ink);font-weight:650}
.nav-actions{display:flex;align-items:center;gap:10px}
.button,.button-quiet{min-height:36px;border-radius:var(--radius-control);display:inline-flex;align-items:center;justify-content:center;padding:7px 15px;font-weight:500;text-decoration:none;cursor:pointer}
.button{background:var(--night);color:var(--surface);border:1px solid var(--night)}
.nav-actions .button,
.nav-actions .button[aria-current],
.nav-actions .button[aria-current="page"]{background:var(--night);color:var(--surface);flex-shrink:0}
.button:hover{background:var(--brand);border-color:var(--brand)}
.button-quiet{background:transparent;color:var(--ink);border:1px solid var(--line)}
.button-quiet:hover{border-color:var(--ink)}
.language-picker{position:relative}
.language-picker summary{list-style:none;cursor:pointer;padding:8px 10px;border-radius:var(--radius-control);border:1px solid var(--line);white-space:nowrap}
.language-picker summary::-webkit-details-marker{display:none}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);width:160px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.lang-menu a{display:block;padding:8px 10px;border-radius:6px;text-decoration:none}
.lang-menu a:hover,.lang-menu a[aria-current]{background:var(--paper)}
.nav-toggle{display:none;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-control);width:38px;height:38px}
.nav-drawer{position:fixed;inset:var(--header-h) 0 auto;background:var(--surface);border-top:1px solid var(--line);padding:16px 24px 24px;z-index:29}
.nav-drawer a{display:block;padding:12px 0;text-decoration:none;border-bottom:1px solid var(--line)}
.hero{padding:88px 0 42px;text-align:center}
.eyebrow{margin:0 0 10px;color:var(--brand);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hero .eyebrow{margin:0 auto 24px}
.hero h1{font-size:clamp(44px,5vw,var(--h1));line-height:1.1;letter-spacing:-.03em;font-weight:700;max-width:950px;margin:0 auto;text-wrap:balance}
.hero-lead{max-width:720px;margin:28px auto 0;color:var(--muted);font-size:16px}
.hero-actions{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px}
.hero-actions .button{min-width:148px;border-radius:999px}
.hero-actions .button-quiet{min-width:0;border:0;background:transparent;text-decoration:underline;text-underline-offset:5px;padding-inline:4px}
.mode-strip{margin:56px auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;text-align:left}
.mode-card{min-height:128px;padding:18px;border-radius:var(--radius-card);border:1px solid var(--line);background:transparent}
.mode-card.is-active{background:var(--brand);border-color:var(--brand);color:var(--surface)}
.mode-icon{width:26px;height:26px;display:block;margin-bottom:18px;color:var(--brand)}
.mode-card.is-active .mode-icon{color:var(--surface)}
.mode-card strong{display:block;font-size:16px;margin-bottom:5px}
.mode-card span{display:block;color:var(--muted);font-size:13px}
.mode-card.is-active span{color:var(--surface)}
.tool-section{padding:var(--s5) 0 var(--s7)}
.mailbox-shell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:20px}
.mailbox-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.address-cluster{display:flex;align-items:center;gap:12px;min-width:0}
.address-label{display:flex;align-items:center;gap:10px;min-width:0;font:600 clamp(13px,1.35vw,20px)/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}
.address-label span{overflow:hidden;text-overflow:clip;white-space:nowrap}
.live-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--success-ink)}
.mailbox-actions{display:flex;align-items:center;gap:8px}
.timer{font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace;padding:9px 12px;background:var(--success);color:var(--success-ink);border-radius:999px}
.icon-button,.text-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-control);min-height:36px;padding:7px 12px;cursor:pointer}
.icon-button:hover,.text-button:hover{border-color:var(--ink)}
.mailbox-notice{min-height:22px;margin:10px 0 20px;color:var(--success-ink);font-size:13px}
.mailbox-notice[data-tone=bad]{color:var(--brand)}
.inbox-grid{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:648px;border:1px solid var(--line);border-radius:12px;overflow:visible}
.mail-list-pane{border-right:1px solid var(--line);background:var(--paper);min-width:0}
.pane-head{height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.pane-head h2{font-size:18px;margin:0}
.count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.mail-list{max-height:568px;overflow:auto}
.mail-row{width:100%;display:block;text-align:left;padding:18px 16px;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;position:relative}
.mail-row:hover{background:var(--surface)}
.mail-row.is-unread:before{content:"";position:absolute;left:6px;top:24px;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.mail-row strong,.mail-row span{display:block;white-space:nowrap;overflow:visible;text-overflow:ellipsis}
.mail-row strong{font-size:14px;padding-right:54px}
.mail-row span{color:var(--muted);margin-top:5px;font-size:13px}
.mail-row time{position:absolute;right:16px;top:18px;color:var(--muted);font-size:12px}
.demo-pill{display:inline-flex!important;width:max-content;margin-top:9px!important;padding:2px 7px;border-radius:999px;background:var(--brand-soft);color:var(--ink)!important;font-size:11px!important}
.reader{min-width:0;background:var(--surface);overflow:auto}
.reader-head{padding:26px 30px 20px;border-bottom:1px solid var(--line);position:relative}
.reader-head h3{font-size:22px;margin:0 80px 8px 0}
.reader-head p,.reader-head time{display:block;margin:0;color:var(--muted)}
.reader-head .text-button{position:absolute;right:24px;top:24px}
.reader iframe{width:100%;height:490px;border:0;background:var(--surface)}
.demo-message{padding:38px 42px;max-width:720px}
.demo-brand{font-size:18px;font-weight:700;margin-bottom:38px}
.demo-message h3{font-size:28px;margin:0 0 12px}
.demo-message p{color:var(--muted)}
.code-block,.offer-card{margin:28px 0;padding:24px;border-radius:12px;background:#f6f6f3;border:1px solid var(--line)}
.code-block strong{font:600 32px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;font-variant-numeric:tabular-nums}
.offer-card{display:grid;grid-template-columns:1fr auto;gap:8px}
.offer-card strong{font-size:20px}
.offer-card del{color:var(--muted)}
.visual-cta{pointer-events:none;display:inline-flex;margin-top:12px;padding:8px 12px;border-radius:var(--radius-control);background:var(--night);color:var(--surface)}
.disclaimer{font-size:12px}
.section{padding:var(--s7) 0}
.section-white{background:var(--surface)}
.section-head{text-align:center;max-width:980px;margin:0 auto 48px}
.section-head h2,.stage-card h2,.closing h2{font-size:clamp(32px,3.6vw,40px);line-height:1.1;letter-spacing:-.03em;font-weight:700;margin:0;text-wrap:balance}
.section-intro{margin:24px auto 0;color:var(--muted);max-width:680px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.feature{padding:28px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}
.feature h3{font-size:var(--h3);margin:18px 0 8px}
.feature p{color:var(--muted);margin:0}
.feature svg{width:28px;height:28px;color:var(--brand)}
.stage{padding:var(--s7) 0;background:var(--surface)}
.stage-card{background:var(--stage);color:var(--surface);border-radius:var(--radius-card);padding:70px 70px 0;text-align:center;overflow:visible}
.stage-card>p{max-width:700px;margin:24px auto 40px;color:#e8ebf5}
.workflow{background:var(--surface);color:var(--ink);border-radius:14px 14px 0 0;text-align:left;padding:34px;min-height:340px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.workflow-step{padding:22px;border:1px solid var(--line);border-radius:12px}
.workflow-step b{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:var(--brand);color:var(--surface);margin-bottom:42px}
.workflow-step h3{margin:0 0 8px}
.workflow-step p{margin:0;color:var(--muted)}
.use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.use-card{padding:34px;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--surface)}
.use-card h3{font-size:26px;margin:0 0 12px}
.use-card p{color:var(--muted);margin:0}
.use-card a{display:inline-block;margin-top:28px;text-underline-offset:5px}
.closing{padding:90px 0;text-align:center}
.closing p{margin:24px auto 30px;color:var(--muted)}
.site-footer{background:var(--night);color:var(--surface);padding:64px 0 28px}
.site-footer .brand img{content:url("media/forwardget-mark-inverse.svg")}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(5,minmax(0,1fr));gap:36px}
.footer-brand p{color:#c9c4c1;max-width:430px}
.footer-col h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px;color:#a9a3a0}
.footer-col a{display:block;text-decoration:none;margin:10px 0;color:#e7e2df}
.footer-bottom{margin-top:48px;padding-top:20px;border-top:1px solid #3a3736;display:flex;justify-content:space-between;color:#a9a3a0}
.prose h2{font-size:30px}
.prose h3{font-size:22px}
@media(max-width:1050px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.footer-brand{grid-column:1/-1}
.main-nav{display:none}
.nav-toggle{display:inline-grid;place-items:center}
.mode-strip{grid-template-columns:repeat(5,220px);overflow:auto;padding-bottom:10px}
.inbox-grid{grid-template-columns:310px minmax(0,1fr)}
}
@media(max-width:760px){:root{--header-h:68px}
.wrap{width:min(calc(100% - 32px),var(--wrap))}
.header-inner{gap:10px}
.brand-name{font-size:17px}
.nav-actions>.button{display:none}
.language-picker summary{padding:8px}
.hero{padding:64px 0 24px}
.hero h1{font-size:42px}
.hero-lead{font-size:15px}
.hero-actions{flex-direction:row}
.hero-actions .button,.hero-actions .button-quiet{min-width:0;flex:1}
.mode-strip{margin-top:40px}
.tool-section{padding-top:20px}
.mailbox-shell{padding:12px}
.mailbox-toolbar{grid-template-columns:1fr}
.address-label{font-size:15px}
.mailbox-actions{flex-wrap:wrap}
.timer{order:-1}
.inbox-grid{display:block;min-height:0}
.mail-list-pane{border-right:0}
.mail-list{max-height:440px}
.inbox-grid > .reader{display:none}
[data-mobile-reader]:not([hidden]){display:block!important}
body.reader-locked{overflow:hidden}
.mobile-reader .reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:0;z-index:3;padding:4px 0 16px;background:var(--surface)}
.mobile-reader .sheet-close{float:none;position:static}
.mobile-reader .reader-head .text-button{display:none}
.feature-grid,.use-grid,.workflow,.footer-grid{grid-template-columns:1fr}
.stage-card{padding:48px 18px 0}
.workflow{padding:18px}
.workflow-step b{margin-bottom:22px}
.footer-bottom{display:block}
.footer-bottom span{display:block;margin-top:8px}
}
@media(max-width:390px){.brand img{width:30px;height:30px}
.hero h1{font-size:38px}
.hero-actions{gap:8px}
.hero-actions a{padding-inline:9px}
.mailbox-actions .icon-button{flex:1}
}