@font-face{font-family:'Google Sans';src:url('/brand-assets/gmail/google-sans.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#273022;background:#f6f7f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;max-width:1260px;margin:auto;padding:32px 40px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-.8px}.brand b{background:#d7fa64;border:1px solid #bcd563;border-radius:12px;padding:3px 12px 7px 6px;letter-spacing:-5px;font-size:35px}.launch-badge{font-size:10px;letter-spacing:1.7px;color:#6b7c54;border:1px solid #dbe4ca;border-radius:30px;padding:10px 14px}.landing{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;max-width:1180px;margin:55px auto 100px;padding:0 30px}.eyebrow,.stage-note{font-size:10px;letter-spacing:2px;font-weight:650;color:#7d8f66}.intro h1{font-size:clamp(48px,5.2vw,72px);line-height:1.03;letter-spacing:-4px;font-weight:650;margin:26px 0}.intro h1 span{color:#7d9d3c}.lead{max-width:440px;color:#727d66;font-size:17px;line-height:1.7}.signin-card{max-width:360px;margin-top:32px}.google-button{display:flex;justify-content:center;align-items:center;gap:14px;text-decoration:none;border:1px solid #747775;border-radius:6px;background:#fff;color:#1f1f1f;min-height:48px;padding:12px 20px;font:500 14px/20px 'Google Sans',Arial,sans-serif}.google-button:hover{background:#f7f8f8;box-shadow:0 2px 10px #27302210}.google-button:focus-visible{outline:3px solid #8eb54d;outline-offset:4px}.google-button[aria-disabled=true]{opacity:.55;pointer-events:none}.free-note{font-size:12px;color:#69785a;text-align:center;margin:15px 0}.agreement{font-size:10px;line-height:1.7;color:#86927b;text-align:center}.features{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px;color:#78886a;font-size:10px}.features span:before{content:'✓';margin-right:5px;color:#659332}.stage{position:relative;background:radial-gradient(ellipse,#ddebbd75,transparent 70%);padding:40px 0}.stage-note{margin:0 0 20px 10px;font-size:9px}.example{background:#fff;border:1px solid #dce3d4;border-radius:17px;box-shadow:0 30px 70px #506c2924;overflow:hidden;transform:rotate(-2deg)}.example-head{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #e9ede2}.example-head strong{font-size:15px}.example-head small{display:block;font-size:11px;color:#919a85;margin-top:5px}.initial{display:grid;place-items:center;background:#e4d7f1;color:#805ba1;border-radius:50%;width:40px;height:40px;font-weight:700}.initial.small{width:32px;height:32px;flex:0 0 32px;font-size:12px}.initial.green{background:#e6efcc;color:#6b863b}.dots{margin-left:auto;color:#9ba58e}.example-body{padding:5px 22px 25px}.date{text-align:center;color:#99a28f;font-size:9px;letter-spacing:1.5px;margin:18px 0 25px}.message{display:flex;gap:12px;margin:20px 0}.message strong{font-size:12px}.message time{font-size:9px;font-weight:400;color:#9aa28e;margin-left:7px}.message p{font-size:13px;line-height:1.65;margin:8px 0 0}.message p.highlight{border:1px solid #b9d66b;background:#f3fadf;margin-left:-8px;padding:10px 15px 10px 8px;min-width:240px}.edit-tag{display:inline-block;background:#d7fa64;color:#5f732e;font-size:7px;padding:5px 8px;margin-left:-8px;letter-spacing:1px}.example-compose{border-top:1px solid #e9ede2;padding:19px 22px;color:#a1ab96;font-size:12px}.example-compose span{float:right}.export-chip{display:flex;gap:12px;align-items:center;position:absolute;bottom:4px;right:-10px;border:1px solid #cdddaf;background:#f5f9eb;padding:17px 24px;border-radius:12px;box-shadow:0 12px 30px #596d2420;transform:rotate(3deg)}.export-chip>span{background:#d7fa64;border-radius:8px;padding:6px 12px;font-size:24px}.export-chip strong{display:block;font-size:12px}.export-chip small{font-size:9px;color:#859474;display:block;margin-top:5px}footer{max-width:1260px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #e1e7d6;padding:25px 40px;font-size:10px;color:#8a967d}footer nav{display:flex;gap:18px}#auth-message{font-size:12px;line-height:1.6;background:#edf3de;padding:12px;border-radius:8px}.policy{max-width:740px;margin:40px auto 80px;padding:0 24px;line-height:1.8}.policy h1{font-size:36px;letter-spacing:-1px}.policy h2{font-size:20px;margin-top:28px}.policy p,.policy li{font-size:14px;color:#647456}@media(max-width:850px){.landing{gap:30px;margin-top:20px}.intro h1{letter-spacing:-2px}.stage{padding:30px 0}.message p.highlight{min-width:0}.export-chip{right:0;padding:12px}.message time{display:block;margin:4px 0 0}.features{gap:10px}}@media(max-width:650px){header{padding:22px}.brand{font-size:20px}.launch-badge{font-size:8px}.landing{grid-template-columns:1fr;padding:0 24px;margin-bottom:55px}.intro{padding-top:20px}.intro h1{font-size:58px}.signin-card{max-width:100%}.stage{max-width:460px;width:100%;margin:auto}.message time{display:inline;margin-left:7px}footer{padding:24px}.lead{font-size:16px}}