@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-brand:"Instrument Serif", serif;--font-body:"Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg:#fffdf8;--panel:#fbfff7;--panel-2:#f2f8ee;--line:#dce7dc;--text:#071109;--muted:#536053;--quiet:#7c867b;--green:#63d97f;--green-soft:#63d97f29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 50% 76%, #63d97f29, transparent 26%), radial-gradient(circle at 8% 76%, #c8e5ce7a, transparent 25%), radial-gradient(circle at 92% 80%, #f4ecc49e, transparent 26%), var(--bg);color:var(--text);font-family:var(--font-body);margin:0}a{color:inherit;text-decoration:none}.page{min-height:100vh}.nav,.hero,.supportedApps,.section{width:min(1180px,100% - 40px);margin:0 auto}.nav{justify-content:space-between;align-items:center;padding:18px 0 10px;display:flex}.brand{font-family:var(--font-brand);letter-spacing:0;align-items:center;font-size:36px;font-weight:400;line-height:1;display:inline-flex}.mark{display:none}.button{background:var(--green-soft);color:#071109;border:1px solid #99f7b580;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:14px;font-weight:850;display:inline-flex}.button.secondary{border-color:var(--line);color:var(--muted);background:0 0}.hero{text-align:center;grid-template-columns:1fr;justify-items:center;gap:34px;padding:62px 0 30px;display:grid}.sectionKicker{color:#2e9b4c;text-transform:none;margin:0;font-size:13px;font-weight:850}h1,h2,h3,p{margin-top:0}h1{max-width:920px;font-family:var(--font-brand);letter-spacing:0;text-transform:none;margin:0 auto 16px;font-size:clamp(76px,11vw,160px);font-weight:400;line-height:.84}.lede{margin-inline:auto;max-width:600px;color:var(--muted);margin-bottom:0;font-size:19px;line-height:1.5}.heroActions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.heroImage{background:#0b0f0b;border:1px solid #07110926;border-radius:20px;width:min(1080px,100%);margin:0;overflow:hidden;box-shadow:0 34px 90px #0a1f0e29}.heroImage img{width:100%;height:auto;display:block}.supportedApps{justify-items:center;gap:14px;padding:10px 0 46px;display:grid}.supportedLabel{color:#5e6a5e;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:850;line-height:1}.appBadgeRow{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.appBadge{border:1px solid var(--line);min-height:46px;color:var(--text);background:#ffffffa3;border-radius:999px;align-items:center;gap:10px;padding:0 16px 0 12px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 10px 32px #0a1f0e0d}.appBadge span{background:#fff;border:1px solid #07110917;border-radius:999px;place-items:center;min-width:28px;height:28px;display:grid}.appBadge img{object-fit:contain;width:15px;height:15px;display:block}.section{border-top:1px solid var(--line);padding:54px 0 80px}.section.compact{padding-top:52px}.steps{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:28px;display:grid}.step{background:#ffffffb8;min-height:188px;padding:24px}.step span{color:var(--green);font-size:13px;font-weight:900}.step p{color:var(--muted);margin:8px 0 0;font-size:16px;font-weight:500;line-height:1.45}.step h3{margin:18px 0 0;font-size:21px;line-height:1.15}.sectionHeader.center{text-align:center;justify-items:center;display:grid}.sectionHeader h2{max-width:720px;font-family:var(--font-brand);text-transform:none;margin:0;font-size:clamp(44px,6vw,78px);font-weight:400;line-height:.96}.sectionHeader p:not(.sectionKicker){max-width:560px;color:var(--muted);margin:14px 0 0;font-size:18px;line-height:1.45}@media (max-width:920px){.hero{grid-template-columns:1fr;padding-top:44px}.steps{grid-template-columns:1fr}}@media (max-width:560px){.nav,.hero,.supportedApps,.section{width:min(100% - 28px,1120px)}h1{font-size:68px}.lede{font-size:17px}}.directionsPage{color:#0b140d;min-height:100vh;font-family:var(--font-body);background:#f7faf3}.directionsNav,.directionsIntro,.directionStack{width:min(1180px,100% - 40px);margin:0 auto}.directionsNav{justify-content:space-between;align-items:center;padding:22px 0;display:flex}.directionsNav a:last-child{color:#465347;font-size:14px;font-weight:750}.directionsIntro{padding:62px 0 34px}.directionsIntro h1{color:#061008;max-width:900px;margin:8px 0 14px;font-size:clamp(48px,7vw,92px)}.directionsIntro p:not(.sectionKicker){color:#5a655b;max-width:720px;font-size:18px;line-height:1.55}.directionStack{gap:28px;padding:28px 0 88px;display:grid}.direction{background:#fff;border:1px solid #0e1c1124;border-radius:24px;min-height:620px;overflow:hidden}.directionMeta{color:#06100894;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #0e1c111f;padding:18px 22px;font-size:12px;font-weight:850}.directionHero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:52px;min-height:560px;padding:58px;display:grid}.directionCopy p{color:#2f9c51;text-transform:lowercase;margin:0 0 14px;font-size:13px;font-weight:850}.directionCopy h2{color:#071109;letter-spacing:0;text-transform:lowercase;margin:0;font-size:clamp(46px,6vw,84px);line-height:.92}.directionCopy span{color:#536053;max-width:560px;margin-top:22px;font-size:18px;line-height:1.55;display:block}.directionCopy button{color:#071109;min-height:46px;font:inherit;background:#65d27e;border:1px solid #1f6e39;border-radius:10px;margin-top:30px;padding:0 20px;font-weight:850}.directionMockup{color:#f7fbf2;background:#0c110d;border:1px solid #08170c29;border-radius:20px;overflow:hidden;box-shadow:0 28px 80px #0a1f0e2e}.mockupTop{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:54px;padding:0 18px;display:flex}.mockupTop strong{font-size:15px}.mockupTop span{color:#f7fbf285;font-size:12px;font-weight:750}.mockupSources{border-bottom:1px solid #ffffff1a;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mockupSources div{border-right:1px solid #ffffff1a;min-height:78px;padding:14px 16px}.mockupSources div:last-child{border-right:0}.mockupSources span,.directionMockup article span{color:#f7fbf27a;font-size:12px;font-weight:850;display:block}.mockupSources strong{color:var(--green);margin-top:6px;font-size:24px;display:block}.directionMockup article{border-bottom:1px solid #ffffff1a;padding:20px}.directionMockup article:last-child{border-bottom:0}.directionMockup h3{margin:6px 0 8px;font-size:20px}.directionMockup p{color:#f7fbf2ad;margin:0;line-height:1.45}.directionEditorial{background:radial-gradient(at 50% 78%,#99f7b524,#0000 30%),#fffdf8;position:relative}.directionEditorial:after{content:"";filter:blur(10px);opacity:.88;pointer-events:none;background:linear-gradient(110deg,#0000 0 14%,#99f7b547 22%,#0000 33% 42%,#eccf6157 52%,#0000 66%);border-radius:50%;height:150px;position:absolute;bottom:54px;left:9%;right:9%}.directionEditorial .directionHero{z-index:1;text-align:center;grid-template-columns:1fr;justify-items:center;position:relative}.directionEditorial .directionCopy h2{max-width:900px;font-family:var(--font-brand);text-transform:none;font-size:clamp(68px,8vw,118px);font-weight:400;line-height:.86}.directionEditorial .directionMockup{width:min(720px,100%)}.directionStudio{background:linear-gradient(#f1e9ff,#fbf8f1 38%,#f1e9ff)}.directionStudio .directionHero{align-items:stretch}.directionStudio .directionCopy,.directionStudio .directionMockup{background:#fffdf9;border:2px solid #171b16;border-radius:22px;box-shadow:6px 8px #171b161f}.directionStudio .directionCopy{padding:30px}.directionStudio .directionCopy h2{font-size:clamp(44px,5vw,68px)}.directionStudio .directionCopy span:after{content:"Gmail";color:#101510;background:#99f7b5;border:2px solid #171b16;border-radius:999px;margin:24px 8px 0 0;padding:5px 12px;font-size:13px;font-weight:850;display:inline-flex}.directionStudio .directionCopy button{border:2px solid #171b16;box-shadow:3px 4px #171b16}.directionCommand{color:#f7fbf2;background:radial-gradient(circle at 82% 22%,#99f7b51f,#0000 25%),#060806;border-color:#1c281f}.directionCommand .directionMeta{color:#f7fbf285;border-color:#1c281f}.directionCommand .directionCopy h2{color:#f7fbf2}.directionCommand .directionCopy span{color:#f7fbf29e}.directionCommand .directionMockup{background:#0d110e;border-color:#29362d}@media (max-width:880px){.directionHero{grid-template-columns:1fr;padding:34px}}