PageSourceSearch

https://www.timeitt.com/

html timeitt.com collected 2026-10-02 01:46:12 UTC 221,392 bytes, 559 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/><link rel="preload" as="image" href="/chrome-logo.png"/><link rel="preload" as="image" href="/gmail-logo.svg"/><link rel="preload" as="image" href="/telegram-logo.svg"/><link rel="preload" as="image" href="/google-calendar-logo.svg"/><link rel="stylesheet" href="/_next/static/css/65559c6c59d4ee8a.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-2cd8219c1aa51a4f.js"/>
1<script src="/_next/static/chunks/4bd1b696-2b8703bf2940f042.js" async=""></script>
1<script src="/_next/static/chunks/5231-559e5d2bc5696f84.js" async=""></script>
1<script src="/_next/static/chunks/main-app-0b4e96624470ed3f.js" async=""></script>
1<script src="/_next/static/chunks/9522-85e65dfc45ea88fb.js" async=""></script>
1<script src="/_next/static/chunks/5497-fab184471e1da98f.js" async=""></script>
1<script src="/_next/static/chunks/app/page-80e101595beafb25.js" async=""></script>
1<link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="icon" href="/FaviconTimeittChromeExtension.png" media="(prefers-color-scheme: dark)"/><link rel="icon" href="/FaviconTimeittChromeExtensionLight.png" media="(prefers-color-scheme: light)"/><link rel="icon" href="/FaviconTimeittChromeExtension.png"/>
1<script>try{var t=localStorage.getItem('timeitt-theme');document.documentElement.dataset.theme=(t==='light'||t==='dark')?t:'dark';}catch(e){document.documentElement.dataset.theme='dark';}</script>
1<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&amp;display=swap"/><meta name="sentry-trace" content="1b701dce9f6734d8600213c83bd45589-c2588fd68c8d598d-0"/><meta name="baggage" content="sentry-environment=production,sentry-release=6c3b3a581e7d41eaf57de99f925e86d3f571df8e,sentry-public_key=6c68c8edb59e42a7396fc7d2bdabddc2,sentry-trace_id=1b701dce9f6734d8600213c83bd45589,sentry-org_id=4511157447491584,sentry-sampled=false,sentry-sample_rand=0.6288260199013842,sentry-sample_rate=0"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body><div hidden=""><!--$?--><template id="B:0"></template><!--/$--></div><!--$?--><template id="B:1"></template><div class="tl-root" role="status" aria-live="polite" aria-label="Loading Timeitt"><style>
2@property --tl-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
3
4.tl-root {
5  position: fixed;
6  inset: 0;
7  z-index: 9999;
8  /* Defaults to the theme-aware page background set in globals.css, so the
9     splash never disagrees with the page underneath it. */
10  background: var(--tl-bg, var(--page-bg, #000));
11  display: grid;
12  place-items: center;
13  overflow: hidden;
14  /* Failsafe: if the JS bundle never arrives, never trap the page behind the splash. */
15  animation: tl-failsafe 0.4s ease 8s forwards;
16}
17.tl-root.tl-out {
18  animation: none;
19  opacity: 0;
20  pointer-events: none;
21  transition: opacity 0.35s ease;
22}
23@keyframes tl-failsafe { to { opacity: 0; visibility: hidden; } }
24
25/* ── Drifting bubbles ───────────────────────────────────────────────
26   Negative animation-delays start every bubble mid-flight, so the very
27   first painted frame already has motion in it. */
28.tl-bubble {
29  position: absolute;
30  border-radius: 50%;
31  filter: blur(60px);
32  opacity: 0;
33  animation: tl-drift linear infinite;
34  pointer-events: none;
35}
36/* Extra mid-stops in each gradient: a single 0%→transparent ramp bands visibly
37   at this size, even under a 60px blur. */
38.tl-bubble-1 { width: 420px; height: 420px; left: -110px; bottom: -110px; background: radial-gradient(circle, rgba(29,155,240,0.42) 0%, rgba(29,155,240,0.20) 42%, rgba(29,155,240,0.05) 66%, transparent 78%); animation-duration: 18s; animation-delay: -9s; }
39.tl-bubble-2 { width: 320px; height: 320px; right: -70px; top: 8%;        background: radial-gradient(circle, rgba(60,160,255,0.34) 0%, rgba(60,160,255,0.16) 42%, rgba(60,160,255,0.04) 66%, transparent 78%); animation-duration: 22s; animation-delay: -6s; }
40.tl-bubble-3 { width: 240px; height: 240px; left: 16%; bottom: 12%;       background: radial-gradient(circle, rgba(100,180,255,0.30) 0%, rgba(100,180,255,0.14) 42%, rgba(100,180,255,0.04) 66%, transparent 78%); animation-duration: 26s; animation-delay: -11s; }
41.tl-bubble-4 { width: 190px; height: 190px; right: 14%; bottom: 16%;      background: radial-gradient(circle, rgba(29,155,240,0.36) 0%, rgba(29,155,240,0.17) 42%, rgba(29,155,240,0.04) 66%, transparent 78%); animation-duration: 20s; animation-delay: -4s; }
42.tl-bubble-5 { width: 300px; height: 300px; left: 34%; top: -40px;        background: radial-gradient(circle, rgba(60,160,255,0.26) 0%, rgba(60,160,255,0.12) 42%, rgba(60,160,255,0.03) 66%, transparent 78%); animation-duration: 30s; animation-delay: -15s; }
43/* Sits directly behind the panel — without it backdrop-filter has nothing to
44   blur and the glass reads as flat fill. */
45.tl-bubble-6 { width: 560px; height: 560px; left: 50%; top: 50%; margin: -280px 0 0 -280px; background: radial-gradient(circle, rgba(29,155,240,0.30) 0%, rgba(29,155,240,0.14) 40%, rgba(29,155,240,0.03) 64%, transparent 76%); filter: blur(70px); animation-duration: 24s; animation-delay: -12s; }
46@keyframes tl-drift {
47  0%   { transform: translateY(60px) scale(0.85); opacity: 0; }
48  10%  { opacity: 1; }
49  85%  { opacity: 1; }
50  100% { transform: translateY(-80px) scale(1.08); opacity: 0; }
51}
52
53/* ── Frosted glass panel ──────────────────────────────────────────── */
54.tl-panel {
55  position: relative;
56  width: 264px;
57  height: 164px;
58  border-radius: 24px;
59  border: 1px solid transparent;
60  overflow: hidden;
61  display: flex;
62  flex-direction: column;
63  align-items: center;
64  justify-content: center;
65  gap: 22px;
66  backdrop-filter: blur(24px) saturate(180%);
67  -webkit-backdrop-filter: blur(24px) saturate(180%);
68  background:
69    linear-gradient(rgba(22,24,28,0.72), rgba(22,24,28,0.72)) padding-box,
70    conic-gradient(from var(--tl-angle),
71      rgba(255,255,255,0.06) 0%,
72      rgba(255,255,255,0.06) 70%,
73      rgba(29,155,240,0.5) 85%,
74      rgba(255,255,255,0.06) 100%) border-box;
75  animation: tl-stroke 6s linear infinite, tl-panel-in 0.5s cubic-bezier(0.16,1,0.3,1) both;
76  box-shadow: 0 24px 60px rgba(0,0,0,0.45);
77}
78@keyframes tl-stroke { to { --tl-angle: 360deg; } }
79@keyframes tl-panel-in { from { opacity: 0; transform: translateY(8px) scale(0.98); } to { opacity: 1; transform: none; } }
80
81/* ── Wisps rising inside the panel, behind the logo ───────────────── */
82.tl-basin {
83  position: absolute;
84  bottom: 0;
85  left: 50%;
86  width: 150px;
87  height: 26px;
88  border-radius: 50%;
89  background: radial-gradient(ellipse, rgba(29,155,240,0.30) 0%, rgba(100,160,255,0.12) 60%, transparent 100%);
90  filter: blur(9px);
91  animation: tl-basin-pulse 4s ease-in-out infinite;
92  pointer-events: none;
93}
94@keyframes tl-basin-pulse {
95  0%, 100% { opacity: 0.5; transform: translateX(-50%) scaleX(1); }
96  50%      { opacity: 0.7; transform: translateX(-50%) scaleX(1.05); }
97}
98.tl-wisp { position: absolute; bottom: 4px; border-radius: 50%; filter: blur(4px); pointer-events: none; }
99.tl-wisp-1 { left: 42%; width: 11px; height: 17px; background: rgba(29,155,240,0.34);  animation: tl-rise-1 5.0s ease-out 0s   infinite; }
100.tl-wisp-2 { left: 33%; width: 8px;  height: 13px; background: rgba(214,232,255,0.55); animation: tl-rise-2 5.8s ease-out 0.9s infinite; }
101.tl-wisp-3 { left: 56%; width: 13px; height: 19px; background: rgba(60,160,255,0.30);  animation: tl-rise-3 5.4s ease-out 2.1s infinite; }
102.tl-wisp-4 { left: 62%; width: 7px;  height: 11px; background: rgba(220,236,255,0.50); animation: tl-rise-4 6.2s ease-out 3.0s infinite; }
103.tl-wisp-5 { left: 48%; width: 10px; height: 15px; background: rgba(29,155,240,0.28);  animation: tl-rise-5 5.6s ease-out 1.5s infinite; }
104@keyframes tl-rise-1 { 0% { opacity:0; transform:translate(0,0) scale(1); } 15% { opacity:0.7; } 85% { opacity:0.45; } 100% { opacity:0; transform:translate(7px,-104px) scale(0.34); } }
105@keyframes tl-rise-2 { 0% { opacity:0; transform:translate(0,0) scale(1); } 12% { opacity:0.62; } 88% { opacity:0.38; } 100% { opacity:0; transform:translate(-11px,-96px) scale(0.4); } }
106@keyframes tl-rise-3 { 0% { opacity:0; transform:translate(0,0) scale(1); } 18% { opacity:0.74; } 82% { opacity:0.48; } 100% { opacity:0; transform:translate(5px,-110px) scale(0.3); } }
107@keyframes tl-rise-4 { 0% { opacity:0; transform:translate(0,0) scale(1); } 14% { opacity:0.58; } 86% { opacity:0.36; } 100% { opacity:0; transform:translate(-8px,-92px) scale(0.42); } }
108@keyframes tl-rise-5 { 0% { opacity:0; transform:translate(0,0) scale(1); } 16% { opacity:0.68; } 84% { opacity:0.44; } 100% { opacity:0; transform:translate(12px,-100px) scale(0.36); } }
109
110/* ── Logo + indeterminate bar ─────────────────────────────────────── */
111.tl-logo { position: relative; z-index: 1; height: 30px; width: auto; animation: tl-logo-pulse 2.6s ease-in-out infinite; }
112@keyframes tl-logo-pulse { 0%, 100% { opacity: 0.92; } 50% { opacity: 0.6; } }
113.tl-logo--on-light { display: none; }
114
115.tl-bar {
116  position: relative;
117  z-index: 1;
118  width: 108px;
119  height: 3px;
120  border-radius: 999px;
121  background: rgba(255,255,255,0.08);
122  overflow: hidden;
123}
124.tl-bar::after {
125  content: '';
126  position: absolute;
127  inset: 0;
128  background: linear-gradient(90deg, transparent 0%, rgba(29,155,240,0.95) 50%, transparent 100%);
129  transform: translateX(-100%);
130  animation: tl-bar-sweep 1.4s ease-in-out infinite;
131}
132@keyframes tl-bar-sweep { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
133
134/* ── Light theme ──────────────────────────────────────────────────────
135   The dark palette is invisible on #FAF8F6, so swap to the muted blue-greys
136   already tuned for light mode in PensieveWisps on the landing page. */
137:root[data-theme="light"] .tl-logo--on-dark  { display: none; }
138:root[data-theme="light"] .tl-logo--on-light { display: block; }
139:root[data-theme="light"] .tl-panel {
140  background:
141    linear-gradient(rgba(255,255,255,0.72), rgba(255,255,255,0.72)) padding-box,
142    conic-gradient(from var(--tl-angle),
143      rgba(0,0,0,0.06) 0%,
144      rgba(0,0,0,0.06) 70%,
145      rgba(29,155,240,0.45) 85%,
146      rgba(0,0,0,0.06) 100%) border-box;
147  box-shadow: 0 24px 60px rgba(80,90,120,0.18);
148}
149:root[data-theme="light"] .tl-bubble-1 { background: radial-gradient(circle, rgba(29,100,200,0.30) 0%, rgba(29,100,200,0.14) 42%, rgba(29,100,200,0.04) 66%, transparent 78%); }
150:root[data-theme="light"] .tl-bubble-2 { background: radial-gradient(circle, rgba(60,120,210,0.24) 0%, rgba(60,120,210,0.11) 42%, rgba(60,120,210,0.03) 66%, transparent 78%); }
151:root[data-theme="light"] .tl-bubble-3 { background: radial-gradient(circle, rgba(100,120,170,0.24) 0%, rgba(100,120,170,0.11) 42%, rgba(100,120,170,0.03) 66%, transparent 78%); }
152:root[data-theme="light"] .tl-bubble-4 { background: radial-gradient(circle, rgba(29,100,200,0.26) 0%, rgba(29,100,200,0.12) 42%, rgba(29,100,200,0.03) 66%, transparent 78%); }
153:root[data-theme="light"] .tl-bubble-5 { background: radial-gradient(circle, rgba(90,110,160,0.20) 0%, rgba(90,110,160,0.09) 42%, rgba(90,110,160,0.02) 66%, transparent 78%); }
154:root[data-theme="light"] .tl-bubble-6 { background: radial-gradient(circle, rgba(29,100,200,0.22) 0%, rgba(29,100,200,0.10) 40%, rgba(29,100,200,0.02) 64%, transparent 76%); }
155:root[data-theme="light"] .tl-basin { background: radial-gradient(ellipse, rgba(29,100,200,0.16) 0%, rgba(80,120,200,0.07) 60%, transparent 100%); }
156:root[data-theme="light"] .tl-wisp-1 { background: rgba(29,100,200,0.20); }
157:root[data-theme="light"] .tl-wisp-2 { background: rgba(110,130,175,0.24); }
158:root[data-theme="light"] .tl-wisp-3 { background: rgba(60,120,210,0.18); }
159:root[data-theme="light"] .tl-wisp-4 { background: rgba(100,120,170,0.22); }
160:root[data-theme="light"] .tl-wisp-5 { background: rgba(29,100,200,0.17); }
161:root[data-theme="light"] .tl-bar { background: rgba(0,0,0,0.07); }
162
163@media (prefers-reduced-motion: reduce) {
164  .tl-panel, .tl-basin, .tl-wisp, .tl-logo, .tl-bar::after {
165    animation: none !important;
166  }
167  .tl-bubble { animation: none !important; opacity: 0.3 !important; }
168  .tl-bar::after { transform: none; opacity: 0.5; }
169}
170</style><div class="tl-bubble tl-bubble-1"></div><div class="tl-bubble tl-bubble-2"></div><div class="tl-bubble tl-bubble-3"></div><div class="tl-bubble tl-bubble-4"></div><div class="tl-bubble tl-bubble-5"></div><div class="tl-bubble tl-bubble-6"></div><div class="tl-panel"><div class="tl-basin"></div><div class="tl-wisp tl-wisp-1"></div><div class="tl-wisp tl-wisp-2"></div><div class="tl-wisp tl-wisp-3"></div><div class="tl-wisp tl-wisp-4"></div><div class="tl-wisp tl-wisp-5"></div><img src="/logo.svg" alt="Timeitt" class="tl-logo tl-logo--on-dark"/><img src="/logoDark.svg" alt="" aria-hidden="true" class="tl-logo tl-logo--on-light"/><div class="tl-bar"></div></div></div><!--/$-->
170<script>requestAnimationFrame(function(){$RT=performance.now()});</script>
170<script src="/_next/static/chunks/webpack-2cd8219c1aa51a4f.js" id="_R_" async=""></script>
170<div hidden id="S:1"><style>
171        html, body { margin: 0; padding: 0; background-color: #000; }
172        html { scroll-behavior: smooth; }
173        * { box-sizing: border-box; -webkit-user-select: none; user-select: none; }
174        img { -webkit-user-drag: none; user-drag: none; }
175        input::placeholder { color: #71767b; }
176        @property --stroke-angle {
177          syntax: '<angle>';
178          initial-value: 0deg;
179          inherits: false;
180        }
181        @keyframes strokeLoop {
182          to { --stroke-angle: 360deg; }
183        }
184        @keyframes proBlobDrift {
185          0%, 100% { top: -40px; left: -40px; }
186          25% { top: 30%; left: 60%; }
187          50% { top: 70%; left: 20%; }
188          75% { top: 20%; left: 80%; }
189        }
190        @keyframes proBlobDrift2 {
191          0%, 100% { bottom: -20px; right: -20px; }
192          33% { bottom: 50%; right: 60%; }
193          66% { bottom: 20%; right: 10%; }
194        }
195        @keyframes glow-float {
196          0% { transform: translate(-50%, -50%) perspective(600px) rotateY(0deg) rotateX(0deg) scale(1); opacity: 0.6; }
197          33% { transform: translate(-50%, -50%) perspective(600px) rotateY(15deg) rotateX(-10deg) scale(1.1); opacity: 0.9; }
198          66% { transform: translate(-50%, -50%) perspective(600px) rotateY(-15deg) rotateX(10deg) scale(0.95); opacity: 0.7; }
199          100% { transform: translate(-50%, -50%) perspective(600px) rotateY(0deg) rotateX(0deg) scale(1); opacity: 0.6; }
200        }
201        .glow-rotate { animation: glow-float 6s ease-in-out infinite; transform-style: preserve-3d; }
202        @keyframes shimmer {
203          0% { background-position: -200% center; }
204          80% { background-position: 200% center; }
205          100% { background-position: 200% center; }
206        }
207        .shimmer-text {
208          background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(143, 160, 176, 1) 18%, rgba(200, 216, 232, 1) 38%, rgba(232, 242, 255, 1) 48%, rgba(122, 184, 245, 1) 54%, rgba(200, 216, 232, 1) 64%, rgba(143, 160, 176, 1) 82%, rgba(255, 255, 255, 1) 100%);
209          background-size: 200% 100%;
210          -webkit-background-clip: text;
211          background-clip: text;
212          color: transparent;
213          -webkit-text-fill-color: transparent;
214          animation: shimmer 6s ease-in-out infinite;
215        }
216        @keyframes btn-shimmer {
217          0% { background-position: 200% center; }
218          100% { background-position: -200% center; }
219        }
220        .mockup-reveal-word {
221          opacity: 0;
222          filter: blur(4px);
223          display: inline-block;
224          animation: mockupWordReveal 0.4s ease forwards;
225        }
226        @keyframes mockupWordReveal {
227          to { opacity: 1; filter: blur(0); }
228        }
229        @keyframes mockupFadeIn {
230          from { opacity: 0; }
231          to { opacity: 0.7; }
232        }
233        @keyframes cookie-slide-up {
234          from { transform: translateY(100%); opacity: 0; }
235          to { transform: translateY(0); opacity: 1; }
236        }
237        @media (min-width: 768px) {
238          .nav-mobile-drawer { display: none !important; }
239        }
240        @media (max-width: 452px) {
241          .footer-bar { flex-direction: column !important; gap: 12px !important; align-items: center !important; text-align: center !important; }
242        }
243
244        @media (max-width: 748px) and (min-width: 501px) {
245          .hero-video { display: none !important; }
246          .hero-row { justify-content: center !important; }
247          .hero-text { flex: 1 1 auto !important; max-width: 100% !important; }
248        }
249        @media (max-width: 500px) {
250          .hero-h1 { letter-spacing: -2px !important; }
251          @media (max-width: 768px) {
252            .hero-row { flex-direction: column !important; align-items: center !important; gap: 40px !important; }
253            .hero-text { align-items: center !important; max-width: 100% !important; text-align: center; }
254            .hero-h1 { text-align: center !important; }
255            .hero-subtitle { text-align: center !important; }
256            .hero-video { width: 100% !important; }
257            .hero-cta { align-items: center !important; }
258          }
259        }
260        @media (max-width: 300px) {
261          .nav-mobile-controls { display: none !important; }
262          .nav-drawer-controls { display: flex !important; }
263        }
264        @media (max-width: 767px) {
265          html, body { overflow-x: hidden; }
266          .nav-bar { padding-left: 16px !important; padding-right: 16px !important; }
267          .nav-desktop { display: none !important; }
268          .nav-mobile { display: flex !important; }
269          .hiw-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
270          .tg-mockup { width: 100% !important; max-width: 340px !important; }
271          .footer-bar { padding-left: 16px !important; padding-right: 16px !important; }
272          .platforms-grid { max-width: 100% !important; padding: 0 8px !important; }
273          .platforms-grid > * { flex: 0 0 140px !important; }
274          .why-timeitt-grid { grid-template-columns: 1fr !important; }
275        }
276      </style><div data-ds-theme="dark" style="min-height:100vh;background-color:#000;background-image:none;background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed;font-family:&#x27;Inter&#x27;, -apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, &#x27;Helvetica Neue&#x27;, sans-serif;color:#e7e9ea;transition:background-color 0.3s, color 0.3s"><div class="tl-root" role="status" aria-live="polite" aria-label="Loading Timeitt"><style>
277@property --tl-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
278
279.tl-root {
280  position: fixed;
281  inset: 0;
282  z-index: 9999;
283  /* Defaults to the theme-aware page background set in globals.css, so the
284     splash never disagrees with the page underneath it. */
285  background: var(--tl-bg, var(--page-bg, #000));
286  display: grid;
287  place-items: center;
288  overflow: hidden;
289  /* Failsafe: if the JS bundle never arrives, never trap the page behind the splash. */
290  animation: tl-failsafe 0.4s ease 8s forwards;
291}
292.tl-root.tl-out {
293  animation: none;
294  opacity: 0;
295  pointer-events: none;
296  transition: opacity 0.35s ease;
297}
298@keyframes tl-failsafe { to { opacity: 0; visibility: hidden; } }
299
300/* ── Drifting bubbles ───────────────────────────────────────────────
301   Negative animation-delays start every bubble mid-flight, so the very
302   first painted frame already has motion in it. */
303.tl-bubble {
304  position: absolute;
305  border-radius: 50%;
306  filter: blur(60px);
307  opacity: 0;
308  animation: tl-drift linear infinite;
309  pointer-events: none;
310}
311/* Extra mid-stops in each gradient: a single 0%→transparent ramp bands visibly
312   at this size, even under a 60px blur. */
313.tl-bubble-1 { width: 420px; height: 420px; left: -110px; bottom: -110px; background: radial-gradient(circle, rgba(29,155,240,0.42) 0%, rgba(29,155,240,0.20) 42%, rgba(29,155,240,0.05) 66%, transparent 78%); animation-duration: 18s; animation-delay: -9s; }
314.tl-bubble-2 { width: 320px; height: 320px; right: -70px; top: 8%;        background: radial-gradient(circle, rgba(60,160,255,0.34) 0%, rgba(60,160,255,0.16) 42%, rgba(60,160,255,0.04) 66%, transparent 78%); animation-duration: 22s; animation-delay: -6s; }
315.tl-bubble-3 { width: 240px; height: 240px; left: 16%; bottom: 12%;       background: radial-gradient(circle, rgba(100,180,255,0.30) 0%, rgba(100,180,255,0.14) 42%, rgba(100,180,255,0.04) 66%, transparent 78%); animation-duration: 26s; animation-delay: -11s; }
316.tl-bubble-4 { width: 190px; height: 190px; right: 14%; bottom: 16%;      background: radial-gradient(circle, rgba(29,155,240,0.36) 0%, rgba(29,155,240,0.17) 42%, rgba(29,155,240,0.04) 66%, transparent 78%); animation-duration: 20s; animation-delay: -4s; }
317.tl-bubble-5 { width: 300px; height: 300px; left: 34%; top: -40px;        background: radial-gradient(circle, rgba(60,160,255,0.26) 0%, rgba(60,160,255,0.12) 42%, rgba(60,160,255,0.03) 66%, transparent 78%); animation-duration: 30s; animation-delay: -15s; }
318/* Sits directly behind the panel — without it backdrop-filter has nothing to
319   blur and the glass reads as flat fill. */
320.tl-bubble-6 { width: 560px; height: 560px; left: 50%; top: 50%; margin: -280px 0 0 -280px; background: radial-gradient(circle, rgba(29,155,240,0.30) 0%, rgba(29,155,240,0.14) 40%, rgba(29,155,240,0.03) 64%, transparent 76%); filter: blur(70px); animation-duration: 24s; animation-delay: -12s; }
321@keyframes tl-drift {
322  0%   { transform: translateY(60px) scale(0.85); opacity: 0; }
323  10%  { opacity: 1; }
324  85%  { opacity: 1; }
325  100% { transform: translateY(-80px) scale(1.08); opacity: 0; }
326}
327
328/* ── Frosted glass panel ──────────────────────────────────────────── */
329.tl-panel {
330  position: relative;
331  width: 264px;
332  height: 164px;
333  border-radius: 24px;
334  border: 1px solid transparent;
335  overflow: hidden;
336  display: flex;
337  flex-direction: column;
338  align-items: center;
339  justify-content: center;
340  gap: 22px;
341  backdrop-filter: blur(24px) saturate(180%);
342  -webkit-backdrop-filter: blur(24px) saturate(180%);
343  background:
344    linear-gradient(rgba(22,24,28,0.72), rgba(22,24,28,0.72)) padding-box,
345    conic-gradient(from var(--tl-angle),
346      rgba(255,255,255,0.06) 0%,
347      rgba(255,255,255,0.06) 70%,
348      rgba(29,155,240,0.5) 85%,
349      rgba(255,255,255,0.06) 100%) border-box;
350  animation: tl-stroke 6s linear infinite, tl-panel-in 0.5s cubic-bezier(0.16,1,0.3,1) both;
351  box-shadow: 0 24px 60px rgba(0,0,0,0.45);
352}
353@keyframes tl-stroke { to { --tl-angle: 360deg; } }
354@keyframes tl-panel-in { from { opacity: 0; transform: translateY(8px) scale(0.98); } to { opacity: 1; transform: none; } }
355
356/* ── Wisps rising inside the panel, behind the logo ───────────────── */
357.tl-basin {
358  position: absolute;
359  bottom: 0;
360  left: 50%;
361  width: 150px;
362  height: 26px;
363  border-radius: 50%;
364  background: radial-gradient(ellipse, rgba(29,155,240,0.30) 0%, rgba(100,160,255,0.12) 60%, transparent 100%);
365  filter: blur(9px);
366  animation: tl-basin-pulse 4s ease-in-out infinite;
367  pointer-events: none;
368}
369@keyframes tl-basin-pulse {
370  0%, 100% { opacity: 0.5; transform: translateX(-50%) scaleX(1); }
371  50%      { opacity: 0.7; transform: translateX(-50%) scaleX(1.05); }
372}
373.tl-wisp { position: absolute; bottom: 4px; border-radius: 50%; filter: blur(4px); pointer-events: none; }
374.tl-wisp-1 { left: 42%; width: 11px; height: 17px; background: rgba(29,155,240,0.34);  animation: tl-rise-1 5.0s ease-out 0s   infinite; }
375.tl-wisp-2 { left: 33%; width: 8px;  height: 13px; background: rgba(214,232,255,0.55); animation: tl-rise-2 5.8s ease-out 0.9s infinite; }
376.tl-wisp-3 { left: 56%; width: 13px; height: 19px; background: rgba(60,160,255,0.30);  animation: tl-rise-3 5.4s ease-out 2.1s infinite; }
377.tl-wisp-4 { left: 62%; width: 7px;  height: 11px; background: rgba(220,236,255,0.50); animation: tl-rise-4 6.2s ease-out 3.0s infinite; }
378.tl-wisp-5 { left: 48%; width: 10px; height: 15px; background: rgba(29,155,240,0.28);  animation: tl-rise-5 5.6s ease-out 1.5s infinite; }
379@keyframes tl-rise-1 { 0% { opacity:0; transform:translate(0,0) scale(1); } 15% { opacity:0.7; } 85% { opacity:0.45; } 100% { opacity:0; transform:translate(7px,-104px) scale(0.34); } }
380@keyframes tl-rise-2 { 0% { opacity:0; transform:translate(0,0) scale(1); } 12% { opacity:0.62; } 88% { opacity:0.38; } 100% { opacity:0; transform:translate(-11px,-96px) scale(0.4); } }
381@keyframes tl-rise-3 { 0% { opacity:0; transform:translate(0,0) scale(1); } 18% { opacity:0.74; } 82% { opacity:0.48; } 100% { opacity:0; transform:translate(5px,-110px) scale(0.3); } }
382@keyframes tl-rise-4 { 0% { opacity:0; transform:translate(0,0) scale(1); } 14% { opacity:0.58; } 86% { opacity:0.36; } 100% { opacity:0; transform:translate(-8px,-92px) scale(0.42); } }
383@keyframes tl-rise-5 { 0% { opacity:0; transform:translate(0,0) scale(1); } 16% { opacity:0.68; } 84% { opacity:0.44; } 100% { opacity:0; transform:translate(12px,-100px) scale(0.36); } }
384
385/* ── Logo + indeterminate bar ─────────────────────────────────────── */
386.tl-logo { position: relative; z-index: 1; height: 30px; width: auto; animation: tl-logo-pulse 2.6s ease-in-out infinite; }
387@keyframes tl-logo-pulse { 0%, 100% { opacity: 0.92; } 50% { opacity: 0.6; } }
388.tl-logo--on-light { display: none; }
389
390.tl-bar {
391  position: relative;
392  z-index: 1;
393  width: 108px;
394  height: 3px;
395  border-radius: 999px;
396  background: rgba(255,255,255,0.08);
397  overflow: hidden;
398}
399.tl-bar::after {
400  content: '';
401  position: absolute;
402  inset: 0;
403  background: linear-gradient(90deg, transparent 0%, rgba(29,155,240,0.95) 50%, transparent 100%);
404  transform: translateX(-100%);
405  animation: tl-bar-sweep 1.4s ease-in-out infinite;
406}
407@keyframes tl-bar-sweep { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
408
409/* ── Light theme ──────────────────────────────────────────────────────
410   The dark palette is invisible on #FAF8F6, so swap to the muted blue-greys
411   already tuned for light mode in PensieveWisps on the landing page. */
412:root[data-theme="light"] .tl-logo--on-dark  { display: none; }
413:root[data-theme="light"] .tl-logo--on-light { display: block; }
414:root[data-theme="light"] .tl-panel {
415  background:
416    linear-gradient(rgba(255,255,255,0.72), rgba(255,255,255,0.72)) padding-box,
417    conic-gradient(from var(--tl-angle),
418      rgba(0,0,0,0.06) 0%,
419      rgba(0,0,0,0.06) 70%,
420      rgba(29,155,240,0.45) 85%,
421      rgba(0,0,0,0.06) 100%) border-box;
422  box-shadow: 0 24px 60px rgba(80,90,120,0.18);
423}
424:root[data-theme="light"] .tl-bubble-1 { background: radial-gradient(circle, rgba(29,100,200,0.30) 0%, rgba(29,100,200,0.14) 42%, rgba(29,100,200,0.04) 66%, transparent 78%); }
425:root[data-theme="light"] .tl-bubble-2 { background: radial-gradient(circle, rgba(60,120,210,0.24) 0%, rgba(60,120,210,0.11) 42%, rgba(60,120,210,0.03) 66%, transparent 78%); }
426:root[data-theme="light"] .tl-bubble-3 { background: radial-gradient(circle, rgba(100,120,170,0.24) 0%, rgba(100,120,170,0.11) 42%, rgba(100,120,170,0.03) 66%, transparent 78%); }
427:root[data-theme="light"] .tl-bubble-4 { background: radial-gradient(circle, rgba(29,100,200,0.26) 0%, rgba(29,100,200,0.12) 42%, rgba(29,100,200,0.03) 66%, transparent 78%); }
428:root[data-theme="light"] .tl-bubble-5 { background: radial-gradient(circle, rgba(90,110,160,0.20) 0%, rgba(90,110,160,0.09) 42%, rgba(90,110,160,0.02) 66%, transparent 78%); }
429:root[data-theme="light"] .tl-bubble-6 { background: radial-gradient(circle, rgba(29,100,200,0.22) 0%, rgba(29,100,200,0.10) 40%, rgba(29,100,200,0.02) 64%, transparent 76%); }
430:root[data-theme="light"] .tl-basin { background: radial-gradient(ellipse, rgba(29,100,200,0.16) 0%, rgba(80,120,200,0.07) 60%, transparent 100%); }
431:root[data-theme="light"] .tl-wisp-1 { background: rgba(29,100,200,0.20); }
432:root[data-theme="light"] .tl-wisp-2 { background: rgba(110,130,175,0.24); }
433:root[data-theme="light"] .tl-wisp-3 { background: rgba(60,120,210,0.18); }
434:root[data-theme="light"] .tl-wisp-4 { background: rgba(100,120,170,0.22); }
435:root[data-theme="light"] .tl-wisp-5 { background: rgba(29,100,200,0.17); }
436:root[data-theme="light"] .tl-bar { background: rgba(0,0,0,0.07); }
437
438@media (prefers-reduced-motion: reduce) {
439  .tl-panel, .tl-basin, .tl-wisp, .tl-logo, .tl-bar::after {
440    animation: none !important;
441  }
442  .tl-bubble { animation: none !important; opacity: 0.3 !important; }
443  .tl-bar::after { transform: none; opacity: 0.5; }
444}
445</style><div class="tl-bubble tl-bubble-1"></div><div class="tl-bubble tl-bubble-2"></div><div class="tl-bubble tl-bubble-3"></div><div class="tl-bubble tl-bubble-4"></div><div class="tl-bubble tl-bubble-5"></div><div class="tl-bubble tl-bubble-6"></div><div class="tl-panel"><div class="tl-basin"></div><div class="tl-wisp tl-wisp-1"></div><div class="tl-wisp tl-wisp-2"></div><div class="tl-wisp tl-wisp-3"></div><div class="tl-wisp tl-wisp-4"></div><div class="tl-wisp tl-wisp-5"></div><img src="/logo.svg" alt="Timeitt" class="tl-logo tl-logo--on-dark"/><img src="/logoDark.svg" alt="" aria-hidden="true" class="tl-logo tl-logo--on-light"/><div class="tl-bar"></div></div></div><style>
446        @keyframes db1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.06)}66%{transform:translate(-20px,20px) scale(0.96)}}
447        @keyframes db2{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-35px,30px) scale(0.95)}66%{transform:translate(25px,-15px) scale(1.05)}}
448        @keyframes db3{0%,100%{transform:translate(-50%,0) scale(1)}50%{transform:translate(-50%,-25px) scale(1.07)}}
449        @keyframes db4{0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(20px,35px) scale(1.04)}80%{transform:translate(-30px,-10px) scale(0.97)}}
450      </style><div style="position:fixed;top:-100px;left:-150px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(29,155,240,.12) 0%,transparent 70%);
450filter:blur(70px);pointer-events:none;z-index:0;animation:db1 14s ease-in-out infinite"></div><div style="position:fixed;top:20vh;right:-120px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(29,155,240,.09) 0%,transparent 70%);filter:blur(60px);pointer-events:none;z-index:0;animation:db2 18s ease-in-out infinite"></div><div style="position:fixed;bottom:10vh;left:50%;width:700px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(29,155,240,.07) 0%,transparent 70%);filter:blur(50px);pointer-events:none;z-index:0;animation:db3 12s ease-in-out infinite"></div><div style="position:fixed;bottom:30vh;right:10%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(29,155,240,.08) 0%,transparent 70%);filter:blur(65px);pointer-events:none;z-index:0;animation:db4 16s ease-in-out infinite"></div><div style="position:relative;z-index:1"><nav class="nav-bar" style="position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;backdrop-filter:none;-webkit-backdrop-filter:none;background-color:transparent;border-bottom:1px solid transparent;transition:all 0.3s ease"><a href="/" style="display:inline-flex"><img src="/logo.svg" alt="Timeitt" height="20" style="height:20px;width:auto"/></a><div class="nav-desktop" style="display:flex;align-items:center;gap:24px"><a href="#features" class="nav-link" style="font-size:14px;font-weight:400;letter-spacing:-0.3px;text-decoration:none;color:#71767b;transition:color 0.2s">Features</a><a href="#how-it-works" class="nav-link" style="font-size:14px;font-weight:400;letter-spacing:-0.3px;text-decoration:none;color:#71767b;transition:color 0.2s">How it works</a><a href="#faq" class="nav-link" style="font-size:14px;font-weight:400;letter-spacing:-0.3px;text-decoration:none;color:#71767b;transition:color 0.2s">FAQ</a><a href="#pricing" class="nav-link" style="font-size:14px;font-weight:400;letter-spacing:-0.3px;text-decoration:none;color:#71767b;transition:color 0.2s">Pricing</a><div style="position:relative"><button class="icon-btn" style="display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:9999px;border:1px solid #2f3336;background-color:transparent;color:#71767b;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s ease;outline:none;letter-spacing:-0.2px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>EN</button></div><button class="icon-btn" aria-label="Toggle theme" style="display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #2f3336;background-color:transparent;cursor:pointer;transition:all 0.2s ease;outline:none;padding:0"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#71767b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg></button><a href="/home" target="_blank" rel="noopener noreferrer" style="font-size:13px;font-weight:600;text-decoration:none;color:#fff;background:#1d9bf0;border-radius:9999px;padding:7px 18px;transition:background 0.2s, box-shadow 0.2s;letter-spacing:-0.2px;box-shadow:0 2px 12px rgba(29,155,240,0.3)">Log in</a></div><div class="nav-mobile" style="display:none;align-items:center;gap:12px"><span class="nav-mobile-controls" style="display:flex;align-items:center;gap:12px"><div style="position:relative"><button class="icon-btn" style="display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:9999px;border:1px solid #2f3336;background-color:transparent;color:#71767b;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s ease;outline:none;letter-spacing:-0.2px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>EN</button></div><button class="icon-btn" aria-label="Toggle theme" style="display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #2f3336;background-color:transparent;cursor:pointer;transition:all 0.2s ease;outline:none;padding:0">
450<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#71767b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg></button></span><button aria-label="Toggle menu" style="background:none;border:none;cursor:pointer;padding:4px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:32px;height:32px;position:relative"><span style="display:block;width:20px;height:1.5px;background-color:#e7e9ea;border-radius:1px;transition:all 0.3s ease;transform:none;position:relative"></span><span style="display:block;width:20px;height:1.5px;background-color:#e7e9ea;border-radius:1px;transition:all 0.3s ease;opacity:1"></span><span style="display:block;width:20px;height:1.5px;background-color:#e7e9ea;border-radius:1px;transition:all 0.3s ease;transform:none;position:relative"></span></button></div></nav><div style="position:fixed;inset:0;z-index:48;pointer-events:none;opacity:0;transition:opacity 0.3s ease"></div><div class="nav-mobile-drawer" style="position:fixed;top:0;left:0;right:0;z-index:49;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:rgba(0,0,0,0.45);border-bottom:1px solid #2f3336;padding:80px 24px 24px;display:flex;flex-direction:column;gap:0;transform:translateY(-100%);opacity:0;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1), opacity 0.3s ease;pointer-events:none"><a href="#features" style="font-size:24px;font-weight:500;letter-spacing:-1.2px;text-decoration:none;color:#e7e9ea;padding:16px 0;transition:color 0.2s">Features</a><a href="#how-it-works" style="font-size:24px;font-weight:500;letter-spacing:-1.2px;text-decoration:none;color:#e7e9ea;padding:16px 0;transition:color 0.2s">How it works</a><a href="#faq" style="font-size:24px;font-weight:500;letter-spacing:-1.2px;text-decoration:none;color:#e7e9ea;padding:16px 0;transition:color 0.2s">FAQ</a><a href="#pricing" style="font-size:24px;font-weight:500;letter-spacing:-1.2px;text-decoration:none;color:#e7e9ea;padding:16px 0;transition:color 0.2s">Pricing</a><a href="/home" target="_blank" rel="noopener noreferrer" style="font-size:24px;font-weight:500;letter-spacing:-1.2px;text-decoration:none;color:#1d9bf0;padding:16px 0;transition:color 0.2s">Log in</a><div class="nav-drawer-controls" style="display:none;align-items:center;gap:12px;padding-top:8px"><div style="position:relative"><button class="icon-btn" style="display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:9999px;border:1px solid #2f3336;background-color:transparent;color:#71767b;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s ease;outline:none;letter-spacing:-0.2px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>EN</button></div><button class="icon-btn" aria-label="Toggle theme" style="display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #2f3336;background-color:transparent;cursor:pointer;transition:all 0.2s ease;outline:none;padding:0"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#71767b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg></button></div></div><section style="position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:100px;padding-bottom:64px;padding-left:24px;padding-right:24px"><div style="position:absolute;top:-40px;left:0;right:0;bottom:0;background-image:url(&#x27;
450/heroTimeitt.png&#x27;);background-size:cover;background-position:center 15%;background-repeat:no-repeat;opacity:0.55;pointer-events:none;z-index:0;mask-image:linear-gradient(to bottom, transparent 0%, black 6%, black 60%, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 6%, black 60%, transparent 100%)"></div><div style="position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom, #000 0%, rgba(0,0,0,0.7) 40%, transparent 100%);pointer-events:none;z-index:1"></div><div class="hero-row" style="position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;gap:56px;width:100%;max-width:1200px"><div class="hero-text" style="flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;max-width:480px"><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 100ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 100ms"><h1 class="shimmer-text hero-h1" style="font-size:clamp(32px, 4vw, 58px);font-weight:500;line-height:1.15;text-align:left;margin:0 0 20px;letter-spacing:-2px;padding-right:0.08em">Save bookmarks.<br/>Find them instantly.</h1></div><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 200ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 200ms"><p class="hero-subtitle" style="font-size:clamp(15px, 1.4vw, 17px);line-height:1.6;color:rgba(255,255,255,0.65);text-align:left;margin:0 0 36px;letter-spacing:-0.6px;font-weight:200">Save posts from X, Reddit and Instagram. Search by topic, keyword, or AI — and use what you know to create faster.</p></div><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 300ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 300ms"><div class="hero-cta" style="display:flex;flex-direction:column;align-items:flex-start;gap:16px"><a as="a" href="https://chromewebstore.google.com/detail/timeitt/pocccngpcnicdpmofhmlfdiniademhoi" target="_blank" rel="noopener noreferrer" data-variant="primary" data-size="lg" class="ds-button">Get the Extension</a></div></div></div><div class="hero-video" style="flex:1 1 0;min-width:0"><div style="width:100%;aspect-ratio:900 / 560;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,0.09);box-shadow:0 32px 80px rgba(0,0,0,0.4);position:relative"><div style="position:absolute;inset:0;display:flex;justify-content:center"><div style="width:900px;height:560px;flex-shrink:0;transform:scale(1);transform-origin:top center"><div style="position:absolute;inset:0;background:#0c0c0c;font-family:-apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, sans-serif;overflow:hidden"><div style="position:absolute;inset:0;opacity:0.018;background-image:linear-gradient(rgba(255,255,255,0.5) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.5) 1px, transparent 1px);background-size:40px 40px;pointer-events:none"></div><div style="position:absolute;inset:0;transform:scale(1);transform-origin:center center"><div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0.95)"><div style="width:620px;height:440px;display:flex;flex-direction:column;opacity:0;transform:scale(0.88);border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,0.09);box-shadow:0 40px 100px rgba(0,0,0,0.3)"><div style="flex-shrink:0;background:#111;padding:9px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,0.09)"><div style="display:flex;gap:5px"><div style="width:10px;height:10px;border-radius:50%;background:#ff5f57"></div><div style="width:10px;height:10px;border-radius:50%;background:#febc2e"></div><div style="width:10px;height:10px;border-radius:50%;background:#28c840"></div></div><div style="flex:1;margin-left:8px;background:rgba(255,255,255,0.05);border-radius:6px;padding:4px 12px;font-size:11px;color:rgba(255,255,255,0.42);border:1px solid rgba(255,255,255,0.09)">x.com/home</div></div><div style="flex:1;min-height:0;background:#0d0d0d;display:flex;opacity:0;position:relative;overflow:hidden;transform:scale(1);transform-origin:76% 44%"><div style="width:66px;border-right:1px solid rgba(255,255,255,0.09);padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:2px"><div style="padding:10px 10px 14px"><svg width="22" height="22" viewBox="0 0 24 24" fill="rgba(255,255,255,0.92)"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.23
4501H2.744l7.737-8.835L1.254 2.25H8.08l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div><div style="padding:10px;border-radius:50%"><svg width="22" height="22" viewBox="0 0 24 24" fill="rgba(255,255,255,0.92)"><path d="M12 1.696L.622 8.807l1.06 1.696L3 9.679V19.5C3 20.881 4.119 22 5.5 22h4v-7h5v7h4c1.381 0 2.5-1.119 2.5-2.5V9.679l1.318.824 1.06-1.696L12 1.696z"></path></svg></div><div style="padding:10px;border-radius:50%"><svg width="22" height="22" viewBox="0 0 24 24" fill="#536471"><path d="M10.25 3.75c-3.59 0-6.5 2.91-6.5 6.5s2.91 6.5 6.5 6.5c1.795 0 3.419-.726 4.596-1.904 1.178-1.177 1.904-2.801 1.904-4.596 0-3.59-2.91-6.5-6.5-6.5zm-8.5 6.5c0-4.694 3.806-8.5 8.5-8.5s8.5 3.806 8.5 8.5c0 1.986-.682 3.815-1.814 5.262l4.276 4.276-1.414 1.414-4.276-4.276C13.565 20.068 12.036 20.75 10.25 20.75c-4.694 0-8.5-3.806-8.5-8.5z"></path></svg></div><div style="padding:10px;border-radius:50%"><svg width="22" height="22" viewBox="0 0 24 24" fill="#536471"><path d="M11.996 2c-4.62 0-8.41 3.79-8.41 8.41v.19c0 3.83-1.23 6.54-2.35 8.17-.12.18-.13.41-.03.6.1.19.29.3.5.3h4.83c.42 1.74 1.96 3 3.76 3s3.34-1.26 3.76-3h4.83c.21 0 .4-.11.5-.3.1-.19.09-.42-.03-.6-1.12-1.63-2.35-4.34-2.35-8.17v-.19c0-4.62-3.79-8.41-8.41-8.41z"></path></svg></div><div style="padding:10px;border-radius:50%"><svg width="22" height="22" viewBox="0 0 24 24" fill="#536471"><path d="M1.998 5.5c0-1.381 1.119-2.5 2.5-2.5h15c1.381 0 2.5 1.119 2.5 2.5v13c0 1.381-1.119 2.5-2.5 2.5h-15c-1.381 0-2.5-1.119-2.5-2.5v-13zm2.5-.5c-.276 0-.5.224-.5.5v2.764l8 3.638 8-3.638V5.5c0-.276-.224-.5-.5-.5h-15zm15.5 5.463l-7.5 3.41-7.5-3.41V18.5c0 .276.224.5.5.5h14c.276 0 .5-.224.5-.5v-8.037z"></path></svg></div></div><div style="flex:1;min-width:0"><div style="padding:14px 16px 12px;border-bottom:1px solid rgba(255,255,255,0.09);font-size:16px;font-weight:700;color:rgba(255,255,255,0.92)">Home</div><div style="padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.09);opacity:0;transform:translateY(18px);position:relative"><div style="display:flex;gap:10px"><div style="flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#1d9bf0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff">SB</div><div style="flex:1;min-width:0"><div style="display:flex;align-items:baseline;gap:6px;margin-bottom:3px"><span style="font-size:14px;font-weight:700;color:rgba(255,255,255,0.92)">Sahil Bloom</span><span style="font-size:13px;color:#71767b">@SahilBloom · 2h</span></div><p style="font-size:14px;color:rgba(255,255,255,0.92);line-height:1.55;margin:0 0 14px">Consumption Time is where new ideas for creation and growth are originally planted —<!-- --> <span style="color:#1d9bf0">Schedule one short block per week.</span></p><div style="display:flex;align-items:center;justify-content:space-between;padding-right:8px"><div style="display:flex;align-items:center;gap:4px;color:#536471;font-size:12px"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg><span>3</span></div><div style="display:flex;align-items:center;gap:4px;color:#536471;font-size:12px"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg><span>47</span></div><div style="display:flex;align-items:center;gap:4px;color:#536471;font-size:12px"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg><span>247</span></div><div style="display:flex;align-items:center;gap:4px;color:#536471;font-size:12px"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg><span>8.2K</span></div><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#536471" stroke-width="1.8" stroke-linecap="round"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg><div style="display:flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;transform:scale(1);transform-origin:center;background:transparent;border:1px solid rgba(255,255,255,0.13)"><svg width="11" height="12" viewBox="0 0 14 15" fill="none" style="display:block;flex-shrink:0"><path d="M4.52316 0.613281C4.7993 0.613281 5.02316 0.837139 5.02316 1.11328V2.04122C5.02316 2.31736 4.7993 2.54122 4.52316 2.54122H2.44289C2.16675 2.54122 1.94289 2.76508 1.94289 3.04122V11.8645C1.94289 12.1407 2.16675 12.3645 2.44289 12.3645H4.52416C4.8003 12.3645 5.02416 12.5884 5.02416 12.8645V13.7925C5.02416 14.0686 4.8003 14.2925 4.52416 14.2925H2.09473C0.990157 14.2925 0.0947266 13.397 0.0947266 12.2925V2.61328C0.0947266 1.50871 0.990157 0.613281 2.09473 0.613281H4.52316ZM11.7739 0.613281C12.8785 0.613281 13.7739 1.50871 13.7739 2.61328V12.2925C13.7739 13.397 12.8785 14.2925 11.7739 14.2925H9.34449C9.06835 14.2925 8.84449 14.0686 8.84449 13.7925V12.8645C8.84449 12.5884 9.06835 12.3645 9.34449 12.3645H11.4258C11.7019 12.3645 11.9258 12.1407 11.9258 11.8645V7.69286C11.9258 7.21718 11.3242 7.01025 11.0316 7.38526L9.41336 9.45902C9.03963 9.93796 8.4669 10.2191 7.85941 10.2217L5.10685 10.243
4501C4.55154 10.2474 4.09908 9.79842 4.09908 9.2431V5.12148C4.09908 4.84534 4.32294 4.62148 4.59908 4.62148H5.44824C5.72438 4.62148 5.94824 4.84534 5.94824 5.12148V7.80507C5.94824 8.08249 6.1741 8.30687 6.45152 8.30506L7.62393 8.29738C7.77306 8.2964 7.91397 8.2289 8.0082 8.11331L11.8854 3.35715C12.1516 3.03053 11.9192 2.54122 11.4978 2.54122H9.34449C9.06835 2.54122 8.84449 2.31736 8.84449 2.04122V1.11328C8.84449 0.837139 9.06835 0.613281 9.34449 0.613281H11.7739Z" fill="#536471"></path></svg><span style="font-size:11px;font-weight:600;color:#536471">Save</span></div></div></div></div></div><div style="padding:12px 16px;opacity:0.25"><div style="display:flex;gap:10px"><div style="flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#f59e0b;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff">PG</div><div style="flex:1"><div style="display:flex;gap:6px;margin-bottom:4px"><span style="font-size:14px;font-weight:700;color:rgba(255,255,255,0.92)">Paul Graham</span><span style="font-size:13px;color:#71767b">@paulg · 4h</span></div><p style="font-size:14px;color:rgba(255,255,255,0.42);line-height:1.55;margin:0">Keep your identity small. The more you identify with something, the harder it is to see clearly.</p></div></div></div></div><div style="position:absolute;left:0;top:0;bottom:0;width:80px;background:linear-gradient(to right, #0d0d0d 30%, transparent 100%);opacity:0;pointer-events:none;z-index:45"></div></div></div><div style="position:absolute;bottom:36px;background:#0d1f0d;border:1px solid #22c55e;border-radius:12px;padding:10px 18px;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(14px);box-shadow:0 8px 32px rgba(0,0,0,0.15);font-size:13px;color:rgba(255,255,255,0.92)"><span style="color:#22c55e">✓</span> Saved · <span style="color:#1d9bf0">Scheduling Story...</span></div></div></div></div></div></div></div></div></div></section><section style="padding:100px 24px 60px;max-width:1100px;margin:0 auto"><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 0ms"><div class="rt-layout" style="display:flex;align-items:center;justify-content:center;gap:56px"><div class="rt-text" style="flex:0 0 42%;max-width:460px"><div style="display:inline-block;padding:6px 16px;border-radius:32px;background-color:rgba(29,155,240,0.1);font-size:13px;font-weight:600;color:#1d9bf0;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.05em">Instant recall</div>
450<h2 style="font-size:clamp(26px, 3.5vw, 42px);font-weight:500;color:#e7e9ea;line-height:1.12;letter-spacing:-1.8px;margin:0 0 16px;transition:color 0.3s">When you need an idea, quote, or reference, Timeitt finds it instantly.</h2><p style="font-size:16px;color:#71767b;line-height:1.6;margin:0;font-weight:200;transition:color 0.3s">Mid-draft and need that perfect quote? Search by topic, keyword, or plain-language AI — and pull up any post you ever saved in seconds.</p></div><div class="rt-image" style="flex:0 1 auto"><div style="position:relative;width:380px;max-width:100%"><div style="position:relative;z-index:1;border-radius:20px;border:1px solid #2f3336;background:rgba(255,255,255,0.03);box-shadow:none;padding:18px"><div style="display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;border:1px solid rgba(29,155,240,0.4);background:rgba(29,155,240,0.06);margin-bottom:14px"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#1d9bf0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg><span style="font-size:14px;color:#e7e9ea;font-weight:400">that quote about deep work</span></div><div style="display:flex;flex-direction:column;gap:10px"><div style="display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid #2f3336;background:rgba(255,255,255,0.02)"><div style="flex:0 0 auto;width:8px;height:8px;border-radius:50%;margin-top:6px;background:#1d9bf0"></div><div style="min-width:0"><div style="font-size:13px;line-height:1.45;color:#e7e9ea;font-weight:400">“Deep work is the ability to focus without distraction…”</div><div style="font-size:11px;color:#71767b;margin-top:4px;font-weight:300">@naval · X</div></div></div><div style="display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid #2f3336;background:rgba(255,255,255,0.02)"><div style="flex:0 0 auto;width:8px;height:8px;border-radius:50%;margin-top:6px;background:#555"></div><div style="min-width:0"><div style="font-size:13px;line-height:1.45;color:#e7e9ea;font-weight:400">The 4-hour focus block that changed how I write</div><div style="font-size:11px;color:#71767b;margin-top:4px;font-weight:300">r/productivity · Reddit</div></div></div></div></div><div style="position:absolute;inset:-20px;border-radius:40px;background:radial-gradient(ellipse at center, rgba(29,155,240,0.12) 0%, transparent 70%);z-index:0;pointer-events:none"></div></div></div></div></div><style>
451        @media (max-width: 768px) {
452          .rt-layout { flex-direction: column !important; gap: 32px !important; }
453          .rt-text { flex: none !important; text-align: center; }
454          .rt-image { width: 100% !important; max-width: 360px; margin: 0 auto; }
455        }
456      </style></section><section style="padding:100px 24px;max-width:1000px;margin:0 auto"><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 0ms"><div style="text-align:center;margin-bottom:64px"><div style="display:inline-block;padding:6px 16px;border-radius:32px;background-color:rgba(29,155,240,0.1);font-size:13px;font-weight:600;color:#1d9bf0;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.05em">Why Timeitt</div><h2 style="font-size:clamp(30px, 4vw, 48px);font-weight:500;color:#e7e9ea;line-height:1.12;letter-spacing:-1.8px;margin:0 0 16px;transition:color 0.3s">Your saves are your<br/>knowledge base.</h2><p style="font-size:17px;color:#71767b;line-height:1.6;max-width:500px;margin:0 auto;font-weight:200;transition:color 0.3s">Most bookmarks are forgotten the moment you save them. Timeitt makes every save findable and useful — right when it matters.</p></div><div class="why-timeitt-grid" style="display:grid;grid-template-columns:repeat(3, 1fr);gap:20px"><div style="border-radius:20px;border:1px solid #2f3336;background:rgba(255,255,255,0.03);box-shadow:none;padding:32px 28px;transition:border-color 0.3s, background 0.3s"><div style="font-size:32px;margin-bottom:16px">📅</div><h3 style="font-size:17px;font-weight:600;color:#e7e9ea;margin:0 0 10px;letter-spacing:-0.4px;transition:color 0.3s">Always findable</h3><p style="font-size:14px;color:#71767b;line-height:1.6;margin:0;font-weight:300;transition:color 0.3s">Every save is tagged, categorized, and searchable by AI. Find any post by topic, keyword, or natural language — instantly.</p></div><div style="border-radius:20px;border:1px solid #2f3336;background:rgba(255,255,255,0.03);box-shadow:none;padding:32px 28px;transition:border-color 0.3s, background 0.3s"><div style="font-size:32px;margin-bottom:16px">🧠</div><h3 style="font-size:17px;font-weight:600;color:#e7e9ea;margin:0 0 10px;letter-spacing:-0.4px;transition:color 0.3s">AI-organized</h3><p style="font-size:14px;color:#71767b;line-height:1.6;margin:0;font-weight:300;transition:color 0.3s">Claude reads and categorizes every post you save. Ask a question across your entire library — your saves answer.</p></div><div style="border-radius:20px;border:1px solid #2f3336;background:rgba(255,255,255,0.03);box-shadow:none;padding:32px 28px;transition:border-color 0.3s, background 0.3s"><div style="font-size:32px;margin-bottom:16px">🎧</div><h3 style="font-size:17px;font-weight:600;color:#e7e9ea;margin:0 0 10px;letter-spacing:-0.4px;transition:color 0.3s">Read or listen</h3><p style="font-size:14px;color:#71767b;line-height:1.6;margin:0;font-weight:300;transition:color 0.3s">Schedule 15-min reading sessions to your calendar, or listen to your Story as a podcast on your commute or workout. Your pace, your format.</p></div></div></div></section><section class="rs-section" style="padding:100px 24px 60px;max-width:1100px;margin:0 auto"><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 0ms"><div class="rs-layout" style="display:flex;align-items:center;justify-content:center;gap:56px"><div class="rs-text" style="flex:0 0 38%;max-width:420px"><div style="display:inline-block;padding:6px 16px;border-radius:32px;background-color:rgba(29,155,240,0.1);font-size:13px;font-weight:600;color:#1d9bf0;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.05em">Stories</div>
456<h2 style="font-size:clamp(26px, 3.5vw, 42px);font-weight:500;color:#e7e9ea;line-height:1.12;letter-spacing:-1.8px;margin:0 0 16px;transition:color 0.3s">Your saves, synthesized by AI</h2><p style="font-size:16px;color:#71767b;line-height:1.6;margin:0;font-weight:200;transition:color 0.3s">Every Story gets its own page — Claude reads your saved posts and synthesizes the key ideas, each author&#x27;s perspective, and why their insight matters.</p></div><div class="rs-image" style="flex:0 1 auto"><div class="rs-mockup" style="width:340px;flex-shrink:0"><div style="border-radius:24px;border:2px solid #2f3336;background-color:#000;overflow:hidden;box-shadow:0 20px 80px rgba(29,155,240,0.06), 0 4px 20px rgba(0,0,0,0.4);transition:all 0.3s;position:relative;height:520px"><div style="padding:14px 16px 10px;border-bottom:1px solid rgba(255,255,255,0.06)"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px"><span style="font-size:16px;font-weight:700;color:#e7e9ea;letter-spacing:-0.3px;transition:color 0.3s">Timeitt</span><div style="display:flex;gap:10px"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#71767b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><polyline points="16 6 12 2 8 6"></polyline><line x1="12" y1="2" x2="12" y2="15"></line></svg><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#71767b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg></div></div><div style="font-size:12px;color:#71767b;line-height:1.5;transition:color 0.3s">Sunday, March 8, 2026 · 5:37 PM<!-- --> · 5 <!-- -->posts<!-- --> · 15 <!-- -->min</div></div><div style="padding:10px 12px;overflow-y:auto;height:calc(100% - 86px);padding-bottom:80px"><div style="padding:12px 14px;border-radius:16px;background-color:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);margin-bottom:10px;transition:all 0.3s"><span style="display:inline-block;font-size:11px;font-weight:600;color:#fff;background-color:#1d9bf0;border-radius:999px;padding:2px 10px;margin-bottom:10px">Entrepreneurship</span><div style="display:flex;align-items:center;gap:8px;margin-bottom:8px"><img src="https://unavatar.io/x/Tim_Denning" alt="Tim Denning" width="28" height="28" style="border-radius:50%;width:28px;height:28px;object-fit:cover"/><div><span style="font-size:13px;font-weight:600;color:#e7e9ea;transition:color 0.3s">Tim Denning</span><span style="font-size:12px;color:#71767b;margin-left:6px;transition:color 0.3s">@Tim_Denning</span></div></div><p style="font-size:13px;color:#e7e9ea;line-height:1.5;margin:0 0 8px;transition:color 0.3s">If you want to see what you&#x27;re capable of in life, start a business. Not for the money. For the personal transformation that happens when everything depends on you.</p><div style="display:flex;justify-content:space-between;align-items:center"><span style="font-size:11px;color:#71767b;transition:color 0.3s">Mar 8, 2026</span><a href="https://x.com/Tim_Denning" target="_blank" rel="noopener noreferrer" style="font-size:12px;color:#1d9bf0;text-decoration:none;font-weight:500">View on X<!-- --> ↗</a></div></div><div style="padding:12px 14px;border-radius:16px;background-color:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);margin-bottom:0;transition:all 0.3s"><span style="display:inline-block;font-size:11px;font-weight:600;color:#fff;background-color:#8b5cf6;border-radius:999px;padding:2px 10px;margin-bottom:10px">AI</span><div style="display:flex;align-items:center;gap:8px;margin-bottom:8px"><img src="https://unavatar.io/x/Aiden_Tech_Ai" alt="Ai With Piyas" width="28" height="28" style="border-radius:50%;width:28px;height:28px;object-fit:cover"/>
456<div><span style="font-size:13px;font-weight:600;color:#e7e9ea;transition:color 0.3s">Ai With Piyas</span><span style="font-size:12px;color:#71767b;margin-left:6px;transition:color 0.3s">@Aiden_Tech_Ai</span></div></div><p style="font-size:13px;color:#e7e9ea;line-height:1.5;margin:0 0 8px;transition:color 0.3s">BREAKING: AI can now build you a complete website in 2 hours (for free). Here are the 7 tools that make it possible:</p><div style="display:flex;justify-content:space-between;align-items:center"><span style="font-size:11px;color:#71767b;transition:color 0.3s">Mar 8, 2026</span><a href="https://x.com/Aiden_Tech_Ai" target="_blank" rel="noopener noreferrer" style="font-size:12px;color:#1d9bf0;text-decoration:none;font-weight:500">View on X<!-- --> ↗</a></div></div></div><div style="position:absolute;inset:0;background-color:rgba(0,0,0,0.4);opacity:0;pointer-events:none;transition:opacity 0.35s ease;z-index:3"></div><div style="position:absolute;bottom:0;left:0;right:0;z-index:4;height:72px;background-color:#16181c;border-top:1px solid rgba(255,255,255,0.08);border-radius:20px 20px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,0.5);transition:height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);cursor:grab;overflow:hidden;touch-action:none"><div style="display:flex;justify-content:center;padding:10px 0 6px"><div style="width:36px;height:4px;border-radius:2px;background-color:rgba(255,255,255,0.2)"></div></div><div style="padding:0 18px 16px"><div style="font-size:16px;font-weight:600;color:#e7e9ea;margin-bottom:8px;letter-spacing:-0.3px;transition:color 0.3s">Summary</div><div style="font-size:13px;color:#71767b;line-height:1.6;transition:color 0.3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden"><p style="margin:0">This Story captures two distinct perspectives on personal growth through technology and entrepreneurship. Tim Denning frames business creation not as a financial pursuit but as a vehicle for self-discovery — the kind of insight that resonates with anyone who&#x27;s felt the pull of building something from scratch.</p><p style="margin:10px 0 0">Meanwhile, Piyas highlights how AI tools are democratizing web development, making it accessible to creators who previously needed technical expertise. Together, these posts paint a picture of a world where the barriers to creation are falling fast.</p></div></div><div style="position:absolute;bottom:0;left:0;right:0;height:24px;background:linear-gradient(transparent, #16181c);pointer-events:none"></div></div></div></div></div></div></div><style>
457        @media (max-width: 768px) {
458          .rs-layout { flex-direction: column !important; gap: 32px !important; }
459          .rs-text { flex: none !important; text-align: center; }
460          .rs-mockup { width: 100% !important; max-width: 340px; margin: 0 auto; }
461        }
462      </style></section><section style="padding:100px 24px 60px;max-width:1100px;margin:0 auto"><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 0ms"><div class="ap-layout" style="display:flex;align-items:center;justify-content:center;gap:56px"><div class="ap-mockup" style="display:flex;justify-content:center"><div style="position:relative;width:320px;user-select:none"><style>
463        @keyframes ap-wave { 0%,100%{transform:scaleY(0.4)} 50%{transform:scaleY(1)} }
464        @keyframes ap-prog { from{width:0%} to{width:62%} }
465        @keyframes ap-ring { 0%{transform:scale(1);opacity:0.6} 100%{transform:scale(1.55);opacity:0} }
466        .ap-bar { display:inline-block; width:3px; border-radius:99px; background:#1d9bf0; transform-origin:bottom; animation:ap-wave 1.1s ease-in-out infinite; }
467        .ap-prog-fill { animation:ap-prog 18s linear forwards; }
468        .ap-ring { position:absolute; inset:0; border-radius:50%; border:2px solid rgba(29,155,240,0.4); animation:ap-ring 2s ease-out infinite; }
469      </style><div style="background:linear-gradient(145deg,#0f0f0f,#161616);border-radius:28px;border:1px solid rgba(255,255,255,0.08);padding:28px 24px 24px;box-shadow:0 24px 60px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.04)"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:20px"><span style="font-size:11px;font-weight:700;letter-spacing:0.05em;color:#fff;background:linear-gradient(160deg, #5c4f38 0%, #a8905a 25%, #ddd0a0 50%, #a8905a 75%, #5c4f38 100%);border-radius:999px;padding:4px 10px;text-shadow:0 1px 4px rgba(0,0,0,0.7);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25), 0 1px 4px rgba(0,0,0,0.3)">PRO</span>
469<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#444" stroke-width="1.5" stroke-linecap="round"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg></div><div style="display:flex;align-items:center;gap:14px;margin-bottom:20px"><div style="position:relative;width:56px;height:56px;flex-shrink:0"><img src="/FaviconTimeitt.png" alt="Timeitt" width="56" height="56" style="width:56px;height:56px;border-radius:14px;object-fit:cover;display:block"/></div><div style="flex:1;min-width:0"><div style="font-size:15px;font-weight:600;color:#e7e9ea;letter-spacing:-0.3px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">Story</div><div style="font-size:12px;color:#555">12 posts · 8 min</div></div></div><div style="display:flex;align-items:flex-end;gap:3px;height:36px;margin-bottom:16px;padding:0 2px"><div class="ap-bar" style="height:40%;animation-delay:0s;opacity:1"></div><div class="ap-bar" style="height:65%;animation-delay:0.08s;opacity:1"></div><div class="ap-bar" style="height:90%;animation-delay:0.16s;opacity:1"></div><div class="ap-bar" style="height:55.00000000000001%;animation-delay:0.24s;opacity:1"></div><div class="ap-bar" style="height:100%;animation-delay:0.32s;opacity:1"></div><div class="ap-bar" style="height:70%;animation-delay:0.4s;opacity:1"></div><div class="ap-bar" style="height:45%;animation-delay:0.48s;opacity:1"></div><div class="ap-bar" style="height:80%;animation-delay:0.56s;opacity:1"></div><div class="ap-bar" style="height:60%;animation-delay:0.64s;opacity:1"></div><div class="ap-bar" style="height:100%;animation-delay:0.72s;opacity:1"></div><div class="ap-bar" style="height:50%;animation-delay:0.8s;opacity:1"></div><div class="ap-bar" style="height:75%;animation-delay:0.88s;opacity:1"></div><div class="ap-bar" style="height:90%;animation-delay:0.96s;opacity:1"></div><div class="ap-bar" style="height:40%;animation-delay:1.04s;opacity:1"></div><div class="ap-bar" style="height:65%;animation-delay:0.020000000000000018s;opacity:1"></div><div class="ap-bar" style="height:85%;animation-delay:0.09999999999999987s;opacity:1"></div><div class="ap-bar" style="height:50%;animation-delay:0.17999999999999994s;opacity:1"></div><div class="ap-bar" style="height:100%;animation-delay:0.26s;opacity:1"></div><div class="ap-bar" style="height:60%;animation-delay:0.33999999999999986s;opacity:1"></div><div class="ap-bar" style="height:45%;animation-delay:0.41999999999999993s;opacity:1"></div><div class="ap-bar" style="height:80%;animation-delay:0.5s;opacity:1"></div><div class="ap-bar" style="height:70%;animation-delay:0.5799999999999998s;opacity:1"></div><div class="ap-bar" style="height:55.00000000000001%;animation-delay:0.6599999999999999s;opacity:0.25"></div><div class="ap-bar" style="height:95%;animation-delay:0.74s;opacity:0.25"></div><div class="ap-bar" style="height:40%;animation-delay:0.8199999999999998s;opacity:0.25"></div><div class="ap-bar" style="height:70%;animation-delay:0.8999999999999999s;opacity:0.25"></div><div class="ap-bar" style="height:100%;animation-delay:0.98s;opacity:0.25"></div><div class="ap-bar" style="height:55.00000000000001%;animation-delay:1.06s;opacity:0.25"></div><div class="ap-bar" style="height:80%;animation-delay:0.040000000000000036s;opacity:0.25"></div><div class="ap-bar" style="height:45%;animation-delay:0.11999999999999966s;opacity:0.25"></div><div class="ap-bar" style="height:65%;animation-delay:0.19999999999999973s;opacity:0.25"></div><div class="ap-bar" style="height:90%;animation-delay:0.2799999999999998s;opacity:0.25"></div><div class="ap-bar" style="height:50%;animation-delay:0.3599999999999999s;opacity:0.25"></div><div class="ap-bar" style="height:100%;animation-delay:0.43999999999999995s;opacity:0.25"></div><div class="ap-bar" style="height:60%;animation-delay:0.52s;opacity:0.25"></div><div class="ap-bar" style="height:75%;animation-delay:0.6000000000000001s;opacity:0.25"></div></div><div style="margin-bottom:8px"><div style="height:3px;border-radius:99px;background:rgba(255,255,255,0.08);overflow:hidden"><div class="ap-prog-fill" style="height:100%;border-radius:99px;background:linear-gradient(90deg,#1d9bf0,#60b8f5);width:0%"></div></div><div style="display:flex;justify-content:space-between;margin-top:5px"><span style="font-size:11px;color:#555">
4691:52</span><span style="font-size:11px;color:#555">8:04</span></div></div><div style="display:flex;align-items:center;justify-content:space-between;margin-top:12px"><div style="font-size:11px;font-weight:600;color:#555;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,0.08)">1×</div><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#888" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><polygon points="19 20 9 12 19 4 19 20"></polygon><line x1="5" y1="19" x2="5" y2="5"></line></svg><div style="position:relative;width:52px;height:52px"><div class="ap-ring"></div><div style="position:relative;width:52px;height:52px;border-radius:50%;background:#1d9bf0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(29,155,240,0.4)"><svg width="18" height="18" viewBox="0 0 24 24" fill="white"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></div></div><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#888" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 4 15 12 5 20 5 4"></polygon><line x1="19" y1="5" x2="19" y2="19"></line></svg><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#555" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg></div></div><div style="position:absolute;inset:-20px;border-radius:40px;background:radial-gradient(ellipse at center, rgba(29,155,240,0.12) 0%, transparent 70%);z-index:-1;pointer-events:none"></div></div></div><div class="ap-text" style="flex:0 0 38%;max-width:420px"><div style="display:inline-block;padding:6px 16px;border-radius:32px;background-color:rgba(29,155,240,0.1);font-size:13px;font-weight:600;color:#1d9bf0;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.05em">Pro · Listen</div>
469<h2 style="font-size:clamp(26px, 3.5vw, 42px);font-weight:500;color:#e7e9ea;line-height:1.12;letter-spacing:-1.8px;margin:0 0 16px;transition:color 0.3s">A podcast made from your saves.</h2><p style="font-size:16px;color:#71767b;line-height:1.6;margin:0;font-weight:200;transition:color 0.3s">Your Story, read aloud by AI. Turn passive scroll time into active learning — on the train, at the gym, anywhere.</p></div></div></div><style>
470        @media (max-width: 768px) {
471          .ap-layout { flex-direction: column !important; gap: 32px !important; }
472          .ap-text { flex: none !important; text-align: center; }
473          .ap-mockup { width: 100%; }
474        }
475      </style></section><section style="padding:100px 24px;max-width:1100px;margin:0 auto"><style>
476        @keyframes bm-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.4;transform:scale(0.7)} }
477        @keyframes bm-underline { from { stroke-dashoffset: 340; } to { stroke-dashoffset: 0; } }
478        @media (max-width: 767px) { .bm-layout { flex-direction: column !important; align-items: center !important; } }
479      </style><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 0ms"><div style="text-align:center;margin-bottom:72px"><div style="display:inline-block;padding:6px 16px;border-radius:32px;background-color:rgba(29,155,240,0.1);font-size:13px;font-weight:600;color:#1d9bf0;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.05em">Bookmark Import</div><h2 style="font-size:clamp(30px, 4vw, 48px);font-weight:500;color:#e7e9ea;line-height:1.12;letter-spacing:-1.8px;margin:0 0 16px;transition:color 0.3s">500 unread bookmarks.<br/>Finally a <span style="position:relative;display:inline-block;isolation:isolate"><svg aria-hidden="true" style="position:absolute;bottom:-8px;left:-10%;width:120%;height:12px;overflow:visible;pointer-events:none;z-index:-1" viewBox="0 0 100 12" preserveAspectRatio="none"><path d="M 2,5 Q 50,11 98,6" fill="none" stroke="#1d9bf0" stroke-width="5" stroke-linecap="round" style="stroke-dasharray:120;stroke-dashoffset:120;animation:none"></path></svg>plan</span>.</h2><p style="font-size:17px;color:#71767b;line-height:1.6;max-width:520px;margin:0 auto;font-weight:200;transition:color 0.3s">Import your entire X bookmarks library in one click. Timeitt auto-scrolls, extracts, and groups them into Stories — so you can finally search and use what you saved.</p></div></div><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 150ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 150ms"><div class="bm-layout" style="display:flex;gap:64px;align-items:center;justify-content:center;flex-wrap:wrap"><div style="width:340px;flex-shrink:0"><div style="border-radius:24px;overflow:hidden;border:1px solid #2f3336;background-color:#0a0a0a;box-shadow:0 20px 80px rgba(29,155,240,0.06), 0 4px 20px rgba(0,0,0,0.4);transition:all 0.3s;position:relative"><div style="display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#16181c;border-bottom:1px solid #2f3336"><div style="display:flex;gap:6px"><div style="width:10px;height:10px;border-radius:50%;background-color:#ff5f57"></div><div style="width:10px;height:10px;border-radius:50%;background-color:#febc2e"></div><div style="width:10px;height:10px;border-radius:50%;background-color:#28c840"></div></div><div style="flex:1;margin-left:8px;padding:5px 12px;background-color:#000;border-radius:6px;font-size:12px;color:#71767b;border:1px solid #2f3336">x.com/i/bookmarks</div></div><div style="padding:0 16px;background-color:transparent;border-bottom:none;display:flex;align-items:center;gap:8px;height:0;overflow:hidden;opacity:0;transition:all 0.4s ease"><div style="width:7px;height:7px;border-radius:50%;background-color:#1d9bf0;animation:bm-pulse 1.2s ease-in-out infinite"></div><span style="font-size:13px;color:#1d9bf0;font-weight:500">Importing...<!-- --> (<!-- -->0<!-- -->)</span></div><div style="padding:16px"><div style="font-size:17px;font-weight:700;color:#e7e9ea;margin-bottom:14px;letter-spacing:-0.4px;transition:color 0.3s">Bookmarks</div><div style="display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.06)"><img src="https://unavatar.io/x/naval" alt="Naval" width="28" height="28" style="border-radius:50%;width:28px;height:28px;object-fit:cover;flex-shrink:0"/><div style="flex:1;min-width:0"><div style="font-size:12px;font-weight:600;color:#e7e9ea;margin-bottom:1px;transition:color 0.3s">Naval</div><div style="font-size:12px;color:#71767b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s">Read what you love until you love to read.</div></div></div><div style="display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.06)"><img src="https://unavatar.io/x/SahilBloom" alt="Sahil Bloom" width="28" height="28" style="border-radius:50%;width:28px;height:28px;object-fit:cover;flex-shrink:0"/><div style="flex:1;min-width:0"><div style="font-size:12px;font-weight:600;color:#e7e9ea;margin-bottom:1px;transition:color 0.3s">Sahil Bloom</div><div style="font-size:12px;color:#71767b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s">The 4 types of professional time...</div></div></div><div style="display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.06)"><img src="https://unavatar.io/x/paulg" alt="Paul Graham" width="28" height="28" style="border-radius:50%;width:28px;height:28px;object-fit:cover;flex-shrink:0"/><div style="flex:1;min-width:0"><div style="font-size:12px;font-weight:600;color:#e7e9ea;margin-bottom:1px;transition:color 0.3s">Paul Graham</div><div style="font-size:12px;color:#71767b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s">Keep your identity small.</div></div></div><div style="display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:none"><img src="https://unavatar.io/x/Tim_Denning" alt="Tim Denning" width="28" height="28" style="border-radius:50%;width:28px;height:28px;object-fit:cover;flex-shrink:0"/><div style="flex:1;min-width:0"><div style="font-size:12px;font-weight:600;color:#e7e9ea;margin-bottom:1px;transition:color 0.3s">Tim Denning</div><div style="font-size:12px;color:#71767b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s">Start a business for the transformation...</div></div></div></div><div style="position:absolute;bottom:16px;right:16px;background-color:#1d9bf0;color:#fff;font-size:12px;font-weight:500;padding:8px 14px;border-radius:24px;box-shadow:0 4px 14px rgba(29,155,240,0.45);display:flex;align-items:center;gap:6px"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 16 12 12 8 16"></polyline><line x1="12" y1="12" x2="12" y2="21"></line><path d="M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"></path></svg>Import bookmarks</div></div></div><div style="flex:1;min-width:280px;max-width:400px"><div style="display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:16px;background-color:rgba(29,155,240,0.1);border:1px solid rgba(29,155,240,0.15);margin-bottom:36px"><span style="font-size:32px;font-weight:700;color:#1d9bf0;letter-spacing:-1px">500</span><span style="font-size:13px;color:#71767b;line-height:1.4;transition:color 0.3s">
479bookmarks per import</span></div><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 200ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 200ms"><div style="display:flex;gap:16px;margin-bottom:28px"><div style="width:36px;height:36px;border-radius:10px;background-color:rgba(29,155,240,0.1);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#1d9bf0;flex-shrink:0">1</div><div><h4 style="font-size:16px;font-weight:500;color:#e7e9ea;margin:0 0 4px;letter-spacing:-0.3px;transition:color 0.3s">Go to X Bookmarks in Chrome</h4><p style="font-size:14px;line-height:1.6;color:#71767b;margin:0;transition:color 0.3s">Open x.com/i/bookmarks with the Timeitt extension installed.</p></div></div></div><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 300ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 300ms"><div style="display:flex;gap:16px;margin-bottom:28px"><div style="width:36px;height:36px;border-radius:10px;background-color:rgba(29,155,240,0.1);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#1d9bf0;flex-shrink:0">2</div><div><h4 style="font-size:16px;font-weight:500;color:#e7e9ea;margin:0 0 4px;letter-spacing:-0.3px;transition:color 0.3s">Click Import</h4><p style="font-size:14px;line-height:1.6;color:#71767b;margin:0;transition:color 0.3s">Timeitt auto-scrolls the page and extracts up to 500 saved tweets.</p></div></div></div><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 400ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 400ms"><div style="display:flex;gap:16px;margin-bottom:28px"><div style="width:36px;height:36px;border-radius:10px;background-color:rgba(29,155,240,0.1);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#1d9bf0;flex-shrink:0">3</div><div><h4 style="font-size:16px;font-weight:500;color:#e7e9ea;margin:0 0 4px;letter-spacing:-0.3px;transition:color 0.3s">Your backlog becomes Stories</h4><p style="font-size:14px;line-height:1.6;color:#71767b;margin:0;transition:color 0.3s">Stories get created automatically — no manual sorting needed.</p></div></div></div></div></div></div></section><section id="features" style="padding:100px 24px 60px;max-width:1100px;margin:0 auto;scroll-margin-top:80px"><style>
480        .features-sticky { display: block; }
481        .features-inline { display: none; }
482        @media (max-width: 767px) {
483          .features-sticky { display: none !important; }
484          .features-inline { display: block !important; }
485          .features-container { flex-direction: column !important; gap: 0 !important; }
486          .features-card { min-height: auto !important; align-items: flex-start !important; border-bottom: 1px solid #2f3336 !important; padding-bottom: 8px !important; }
487          .features-card:last-child { border-bottom: none !important; }
488          .features-card-inner { opacity: 1 !important; padding: 24px 0 !important; }
489          .features-heading { margin-bottom: 32px !important; }
490        }
491      </style><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 0ms"><div class="features-heading" style="text-align:center;margin-bottom:72px"><div style="display:inline-block;padding:6px 16px;border-radius:32px;background-color:rgba(29,155,240,0.1);font-size:13px;font-weight:600;color:#1d9bf0;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.05em">Features</div><h2 style="font-size:clamp(30px, 4vw, 48px);font-weight:500;color:#e7e9ea;line-height:1.12;letter-spacing:-1.8px;margin:0 0 16px;transition:color 0.3s">Built to fit<br/>into your day</h2></div></div><div class="features-container" style="display:flex;gap:48px;align-items:flex-start"><div class="features-sticky" style="flex:1;position:sticky;top:120px;align-self:flex-start"><div style="border-radius:32px;overflow:hidden;transition:all 0.3s;position:relative;aspect-ratio:957 / 1106"><div style="opacity:1;transition:opacity 0.5s ease;position:absolute;top:0;left:0;width:100%;height:100%"><div style="background:#000;border-radius:32px;padding:24px;font-family:-apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, sans-serif;color:#e7e9ea;width:100%;box-sizing:border-box"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px"><svg width="87" height="32" viewBox="0 7 68 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.52316 9.00879C4.7993 9.00879 5.02316 9.23265 5.02316 9.50879V10.4367C5.02316 10.7129 4.7993 10.9367 4.52316 10.9367H2.44289C2.16675 10.9367 1.94289 11.1606 1.94289 11.4367V20.26C1.94289 20.5362 2.16675 20.76 2.44289 20.76H4.52416C4.8003 20.76 5.02416 20.9839 5.02416 21.26V22.188C5.02416 22.4641 4.8003 22.688 4.52416 22.688H2.09473C0.990157 22.688 0.0947266 21.7926 0.0947266 20.688V11.0088C0.0947266 9.90422 0.990157 9.00879 2.09473 9.00879H4.52316ZM11.7739 9.00879C12.8785 9.00879 13.7739 9.90422 13.7739 11.0088V20.688C13.7739 21.7926 12.8785 22.688 11.7739 22.688H9.34449C9.06835 22.688 8.84449 22.4641 8.84449 22.188V21.26C8.84449 20.9839 9.06835 20.76 9.34449 20.76H11.4258C11.7019 20.76 11.9258 20.5362 11.9258 20.26V16.0884C11.9258 15.6127 11.3242 15.4058 11.0316 15.7808L9.41336 17.8545C9.03963 18.3335 8.4669 18.6146 7.85941 18.6172L5.10685 18.6386C4.55154 18.6429 4.09908 18.1939 4.09908 17.6386V13.517C4.09908 13.2408 4.32294 13.017 4.59908 13.017H5.44824C5.72438 13.017 5.94824 13.2408 5.94824 13.517V16.2006C5.94824 16.478 6.1741 16.7024 6.45152 16.7006L7.62393 16.6929C7.77306 16.6919 7.91397 16.6244 8.0082 16.5088L11.8854 11.7527C12.1516 11.426 11.9192 10.9367 11.4978 10.9367H9.34449C9.06835 10.9367 8.84449 10.7129 8.84449 10.4367V9.50879C8.84449 9.23265 9.06835 9.00879 9.34449 9.00879H11.7739Z" fill="url(#mock-grad1)"></path><path d="M49.3432 12.668C49.9482 12.668 50.5192 12.7659 51.0561 12.9619C51.5973 13.1537 52.0743 13.4526 52.4877 13.8574C52.9053 14.2622 53.2334 14.7779 53.4721 15.4043C53.7107 16.0264 53.8305 16.7682 53.8305 17.6289V18.3379H46.9916C46.9984 18.8844 47.1023 19.3557 47.3041 19.751C47.5128 20.1555 47.8045 20.4663 48.1791 20.6836C48.5
491541 20.8967 48.9936 21.0039 49.4965 21.0039C49.8331 21.0039 50.1379 20.957 50.4105 20.8633C50.6832 20.7653 50.9193 20.622 51.1195 20.4346C51.3197 20.2472 51.4714 20.0151 51.5736 19.7383L53.7338 19.9805C53.5974 20.5515 53.338 21.0504 52.9545 21.4766C52.5753 21.8983 52.0896 22.2266 51.4975 22.4609C50.9051 22.6911 50.227 22.8057 49.4643 22.8057C48.4799 22.8056 47.6294 22.6015 46.9135 22.1924C46.2021 21.7791 45.6544 21.1954 45.2709 20.4414C44.8874 19.6829 44.6957 18.7897 44.6957 17.7627C44.6957 16.7528 44.8874 15.8663 45.2709 15.1035C45.6587 14.3365 46.2003 13.7396 46.8949 13.3135C47.5895 12.8832 48.4058 12.668 49.3432 12.668ZM60.2074 12.7959H63.1107V10.1494H65.4252V12.7959H67.3617V14.5859H65.4252V19.6611C65.4252 19.9722 65.4721 20.2108 65.5658 20.377C65.6637 20.5387 65.7912 20.6493 65.9486 20.709C66.1063 20.7686 66.2813 20.7988 66.473 20.7988C66.6179 20.7988 66.7502 20.7879 66.8695 20.7666C66.9931 20.7453 67.0869 20.726 67.1508 20.709L67.5404 22.5186C67.4169 22.5611 67.2401 22.6081 67.0102 22.6592C66.7843 22.7103 66.5072 22.7395 66.1791 22.748C65.5996 22.7651 65.0772 22.6781 64.6127 22.4863C64.1485 22.2903 63.7799 21.988 63.5072 21.5791C63.2388 21.1701 63.1065 20.6584 63.1107 20.0449V14.5859H60.2074V19.6611C60.2074 19.9722 60.2543 20.2108 60.348 20.377C60.446 20.5387 60.5734 20.6493 60.7309 20.709C60.8885 20.7686 61.0635 20.7988 61.2553 20.7988C61.4002 20.7988 61.5324 20.7879 61.6518 20.7666C61.7752 20.7453 61.8691 20.726 61.933 20.709L62.3227 22.5186C62.1991 22.5611 62.0223 22.6081 61.7924 22.6592C61.5666 22.7103 61.2894 22.7395 60.9613 22.748C60.3818 22.7651 59.8594 22.6781 59.3949 22.4863C58.9307 22.2903 58.5621 21.988 58.2895 21.5791C58.021 21.1701 57.8887 20.6584 57.893 20.0449V14.5859H56.4994V12.7959H57.893V10.1494H60.2074V12.7959ZM27.5102 11.4023H24.7056V22.6143H22.4173V11.4023H19.0425V9.26172H27.5102V11.4023ZM29.8236 22.6143H27.5102V12.7959H29.8236V22.6143ZM41.3217 12.668C42.225 12.668 42.9626 12.9536 43.5336 13.5244C44.1046 14.0954 44.39 14.9292 44.39 16.0244V22.6143H42.0697V16.3818C42.0697 15.7726 41.9082 15.3271 41.5844 15.0459C41.2605 14.7604 40.8637 14.6182 40.3949 14.6182C39.8371 14.6182 39.4006 14.7925 39.0854 15.1416C38.7744 15.4867 38.6186 15.9365 38.6186 16.4902V22.6143H36.349V16.2861C36.349 15.779 36.1959 15.3738 35.8891 15.0713C35.5865 14.7688 35.1896 14.6182 34.6996 14.6182C34.3675 14.6182 34.065 14.7028 33.7924 14.873C33.5197 15.0392 33.302 15.2762 33.1401 15.583C32.9782 15.8855 32.8979 16.2398 32.8979 16.6445V22.6143H30.5834V12.7959H32.7953V14.4648H32.9106C33.1151 13.9024 33.4533 13.4628 33.9262 13.1475C34.3992 12.8279 34.9643 12.668 35.6205 12.668C36.2852 12.668 36.8453 12.8305 37.3012 13.1543C37.7614 13.4739 38.0854 13.9109 38.2729 14.4648H38.3754C38.5927 13.9194 38.9594 13.484 39.475 13.1602C39.9947 12.8322 40.6103 12.668 41.3217 12.668ZM56.4818 22.6143H54.1674V12.7959H56.4818V22.6143ZM49.3744 14.4707C48.9016 14.4708 48.4862 14.5864 48.1283 14.8164C47.7705 15.0422 47.4916 15.3403 47.2914 15.7109C47.1165 16.0379 47.0178 16.3937 46.9955 16.7783H51.6117C51.6075 16.3351 51.5121 15.9409 51.3246 15.5957C51.1372 15.2464 50.875 14.9718 50.5385 14.7715C50.2061 14.5712 49.8176 14.4707 49.3744 14.4707Z" fill="url(#mock-grad2)"></path><defs><linearGradient id="mock-grad1" x1="0.0947266" y1="15.8484" x2="10.514" y2="15.8484" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="1" stop-color="#A3A3A3"></stop></linearGradient><linearGradient id="mock-grad2" x1="19.0425" y1="16.0337" x2="55.9829" y2="16.0337" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="1" stop-color="#A3A3A3"></stop></linearGradient></defs></svg><div style="display:flex;align-items:center;gap:6px"><div style="padding:4px"><svg width="16" height="16" viewBox="0 0 20 20" fill="none"><path d="M4.9507 0C6.19612 0 7.20573 1.00961 7.20573 2.25503C7.20573 2.56639 6.95333 2.81879 6.64197 2.81879H3.43319C3.02945 2.81879 2.70215 3.14609 2.70215 3.54983V16.4502C2.70215 16.8539 3.02945 17.1812 3.43319 17.1812H6.47616C6.8799 17.1812 7.20719 17.5085 7.20719 17.9122V19.269C7.20719 19.6727 6.8799 20 6.47616 20H2.92415C1.30918 20 0 18.6908 0 17.0759V2.92415C0 1.30919 1.30919 0 2.92415 0H4.9507ZM17.0759 0C18.6908 0 20 1.30919 20 2.92415V17.0759C20 18.6908 18.6908 20 17.0759 20H13.5238C13.1201 20 12.7928 19.6727 12.7928 19.269V17.9122C12.7928 17.5085 13.1201 17.1812 13.5238 17.1812H16.5668C16.9706 17.1812 17.2979 16.8539 17.2979 16.4502V9.7328
4911C17.2979 9.01261 16.3663 8.72638 15.9619 9.32233L12.9744 13.7249C12.8396 13.9236 12.6159 14.0434 12.3759 14.0455L12.0646 14.0482L6.59072 14.0858C6.18503 14.0886 5.85466 13.7605 5.85466 13.3548V6.59132C5.85466 6.18758 6.18195 5.86028 6.58569 5.86028H7.82723C8.23097 5.86028 8.55827 6.18758 8.55827 6.59132V10.5149C8.55827 10.9205 8.88849 11.2486 9.2941 11.2459L10.9683 11.235C11.2089 11.2334 11.4332 11.1136 11.5684 10.9146L16.2902 3.96048C16.6197 3.47511 16.2721 2.81879 15.6854 2.81879H13.5238C13.1201 2.81879 12.7928 2.4915 12.7928 2.08776V0.731036C12.7928 0.327296 13.1201 0 13.5238 0H17.0759Z" fill="#e7e9ea"></path></svg></div><div style="padding:4px"><svg width="18" height="18" viewBox="0 0 32 32" fill="none"><path d="M13 13C14.6569 13 16 11.6569 16 10C16 8.34315 14.6569 7 13 7C11.3431 7 10 8.34315 10 10C10 11.6569 11.3431 13 13 13Z" stroke="#e7e9ea" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21 25C22.6569 25 24 23.6569 24 22C24 20.3431 22.6569 19 21 19C19.3431 19 18 20.3431 18 22C18 23.6569 19.3431 25 21 25Z" stroke="#e7e9ea" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16 10H27" stroke="#e7e9ea" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5 10H10" stroke="#e7e9ea" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M24 22H27" stroke="#e7e9ea" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5 22H18" stroke="#e7e9ea" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div style="padding:4px"><svg width="18" height="18" viewBox="0 0 20 20" fill="none"><path d="M15.8403 4.15961C16.1955 4.51479 16.1954 5.09065 15.8402 5.4458L11.9925 9.29283C11.6018 9.68337 11.6018 10.3166 11.9925 10.7072L15.8402 14.5542C16.1954 14.9094 16.1955 15.4852 15.8403 15.8404C15.4852 16.1955 14.9094 16.1955 14.5542 15.8404L10.7062 11.9923C10.3156 11.6018 9.68243 11.6018 9.29192 11.9924L5.44479 15.8402C5.0897 16.1954 4.51389 16.1953 4.15891 15.8401C3.80413 15.485 3.80424 14.9096 4.15915 14.5547L8.00676 10.7071C8.39728 10.3166 8.39728 9.68342 8.00676 9.29289L4.15918 5.44531C3.80425 5.09039 3.80414 4.51497 4.15894 4.15991C4.51392 3.80466 5.08971 3.80455 5.44482 4.15967L9.29198 8.00683C9.68248 8.39732 10.3156 8.39735 10.7061 8.00689L14.5542 4.15955C14.9094 3.80445 15.4851 3.80448 15.8403 4.15961Z" fill="#e7e9ea"></path></svg></div></div></div><div style="padding:12px;border-radius:12px;margin-bottom:12px;border:1px solid rgba(29,155,240,0.4);background:rgba(29,155,240,0.1);box-shadow:0 0 8px rgba(29,155,240,0.25), 0 0 20px rgba(29,155,240,0.12)"><div style="display:flex;align-items:center;gap:8px;margin-bottom:4px"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#1d9bf0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg><span style="font-size:14px;font-weight:500">Story</span></div><p style="font-size:12px;color:#71767b;margin:0">Today at 17:00 · 15 min · 5 posts</p><div style="margin-top:8px;font-size:12px;font-weight:500;color:#1d9bf0">View in Calendar</div></div><div style="display:flex;flex-direction:column;gap:8px"><div style="padding:12px;border-radius:12px;border:1px solid #1d9bf0;background:rgba(22,24,28,0.8)"><div style="display:flex;align-items:center;gap:6px;margin-bottom:4px"><div style="width:14px;height:14px;border-radius:50%;background:#2f3336;flex-shrink:0"></div><span style="font-size:12px;color:#71767b">@<!-- -->SahilBloom</span></div><p style="font-size:14px;margin:0;line-height:1.4;color:#e7e9ea">The 4 types of professional luck (and how to create your own):</p><div style="display:flex;justify-content:flex-end;margin-top:8px"><span style="font-size:12px;font-weight:500;color:#1d9bf0;padding:6px 12px;border-radius:20px;border:1px solid #1d9bf0">Saved</span></div></div><div style="padding:12px;border-radius:12px;border:1px solid #2f3336;background:rgba(22,24,28,0.8)"><div style="display:flex;align-items:center;gap:6px;margin-bottom:4px"><div style="width:14px;
491height:14px;border-radius:50%;background:#2f3336;flex-shrink:0"></div><span style="font-size:12px;color:#71767b">@<!-- -->naval</span></div><p style="font-size:14px;margin:0;line-height:1.4;color:#e7e9ea">How to get rich without getting lucky: Seek wealth, not money or status.</p></div><div style="padding:12px;border-radius:12px;border:1px solid #2f3336;background:rgba(22,24,28,0.8)"><div style="display:flex;align-items:center;gap:6px;margin-bottom:4px"><div style="width:14px;height:14px;border-radius:50%;background:#2f3336;flex-shrink:0"></div><span style="font-size:12px;color:#71767b">@<!-- -->JamesClear</span></div><p style="font-size:14px;margin:0;line-height:1.4;color:#e7e9ea">Every action you take is a vote for the type of person you wish to become.</p></div></div></div></div><div style="opacity:0;transition:opacity 0.5s ease;position:absolute;top:0;left:0;width:100%;height:100%"><div style="background:#000;border-radius:32px;padding:32px 24px;font-family:-apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, sans-serif;color:#e7e9ea;width:100%;box-sizing:border-box"><div style="margin-bottom:16px"><svg width="87" height="32" viewBox="0 7 68 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.52316 9.00879C4.7993 9.00879 5.02316 9.23265 5.02316 9.50879V10.4367C5.02316 10.7129 4.7993 10.9367 4.52316 10.9367H2.44289C2.16675 10.9367 1.94289 11.1606 1.94289 11.4367V20.26C1.94289 20.5362 2.16675 20.76 2.44289 20.76H4.52416C4.8003 20.76 5.02416 20.9839 5.02416 21.26V22.188C5.02416 22.4641 4.8003 22.688 4.52416 22.688H2.09473C0.990157 22.688 0.0947266 21.7926 0.0947266 20.688V11.0088C0.0947266 9.90422 0.990157 9.00879 2.09473 9.00879H4.52316ZM11.7739 9.00879C12.8785 9.00879 13.7739 9.90422 13.7739 11.0088V20.688C13.7739 21.7926 12.8785 22.688 11.7739 22.688H9.34449C9.06835 22.688 8.84449 22.4641 8.84449 22.188V21.26C8.84449 20.9839 9.06835 20.76 9.34449 20.76H11.4258C11.7019 20.76 11.9258 20.5362 11.9258 20.26V16.0884C11.9258 15.6127 11.3242 15.4058 11.0316 15.7808L9.41336 17.8545C9.03963 18.3335 8.4669 18.6146 7.85941 18.6172L5.10685 18.6386C4.55154 18.6429 4.09908 18.1939 4.09908 17.6386V13.517C4.09908 13.2408 4.32294 13.017 4.59908 13.017H5.44824C5.72438 13.017 5.94824 13.2408 5.94824 13.517V16.2006C5.94824 16.478 6.1741 16.7024 6.45152 16.7006L7.62393 16.6929C7.77306 16.6919 7.91397 16.6244 8.0082 16.5088L11.8854 11.7527C12.1516 11.426 11.9192 10.9367 11.4978 10.9367H9.34449C9.06835 10.9367 8.84449 10.7129 8.84449 10.4367V9.50879C8.84449 9.23265 9.06835 9.00879 9.34449 9.00879H11.7739Z" fill="url(#email-grad1)"></path><path d="M49.3432 12.668C49.9482 12.668 50.5192 12.7659 51.0561 12.9619C51.5973 13.1537 52.0743 13.4526 52.4877 13.8574C52.9053 14.2622 53.2334 14.7779 53.4721 15.4043C53.7107 16.0264 53.8305 16.7682 53.8305 17.6289V18.3379H46.9916C46.9984 18.8844 47.1023 19.3557 47.3041 19.751C47.5128 20.1555 47.8045 20.4663 48.1791 20.6836C48.5541 20.8967 48.9936 21.0039 49.4965 21.0039C49.8331 21.0039 50.1379 20.957 50.4105 20.8633C50.6832 20.7653 50.9193 20.622 51.1195 20.4346C51.3197 20.2472 51.4714 20.0151 51.5736 19.7383L53.7338 19.9805C53.5974 20.5515 53.338 21.0504 52.9545 21.4766C52.5753 21.8983 52.0896 22.2266 51.4975 22.4609C50.9051 22.6911 50.227 22.8057 49.4643 22.8057C48.4799 22.8056 47.6294 22.6015 46.9135 22.1924C46.2021 21.7791 45.6544 21.1954 45.2709 20.4414C44.8874 19.6829 44.6957 18.7897 44.6957 17.7627C44.6957 16.7528 44.8874 15.8663 45.2709 15.1035C45.6587 14.3365 46.2003 13.7396 46.8949 13.3135C47.5895 12.8832 48.4058 12.668 49.3432 12.668ZM60.2074 12.7959H63.1107V10.1494H65.4252V12.7959H67.3617V14.5859H65.4252V19.6611C65.4252 19.9722 65.4721 20.2108 65.5658 20.377C65.6637 20.5387 65.7912 20.6493 65.9486 20.709C66.1063 20.7686 66.2813 20.7988 66.473 20.7988C66.6179 20.7988 66.7502 20.7879 66.8695 20.7666C66.9931 20.7453 67.0869 20.726 67.1508 20.709L67.5404 22.5186C67.4169 22.5611 67.2401 22.6081 67.0102 22.6592C66.7843 22.7103 66.5072 22.7395 66.1791 22.748C65.5996 22.7651 65.0772 22.6781 64.6127 22.4863C64.1485 22.2903 63.7799 21.988 63.5072 21.5791C63.2388 21.1701 63.1065 20.6584 63.1107 20.0449V14.5859H60.2074V19.6611C60.2074 19.9722 60.2543 20.2108 60.348 20.377C60.446 20.5387 60.5734 20.6493 60.7309 20.709C60.8885 20.7686 61.0635 20.7988 61.2553 20.7988C61.4002 20.7988 61.5324 20.7879 61.6518 20.7666C61.7752 20.7453 61.8691 20.726 61.933 20.709L62.3227 22.5186C62.1991 22.5611 62.0223 22.6081 61.7924 22.6592C61.5666 22.7103 61.2894 22.7395 60.9613 22.748C60.3818 22.7651 59.8594 22.6781 59.3949 22.4863C58.9307 22.2903 58.5621 21.988 58.2895 21.5791C58.021 21.1701 57.8887 20.6584 57.893 20.0449V14.5859H56.4994V12.7959H57.893V10.1494H60.2074V12.7959ZM27.5102 11.4023H24.7056V22.6143H22.4173V11.4023H19.0425V9.26172H27.5102V11.4023ZM29.8236 22.6143H27.5102V12.7959H29.8236V22.6143ZM41.3217 12.668C42.225 12.668 42.9626 12.9536 43.5336 13.5244C44.1046 14.0954 44.39 14.9292 44.39 16.0244V22.6143H42.0697V16.3818C42.0697 15.7726 41.9082 15.3271 41.5844 15.0459C41.2605 14.7604 40.8637 14.6182 40.3949 14.6182C39.8371 14.6182 39.4006 14.7925 39.0854 15.1416C38.7744 15.4867 38.6186 15.9365 38.6186 16.4902V22.6143H36.349V16.2861C36.349 15.779 36.1959 15.3738 35.8891 15.0713C35.5865 14.7688 35.1896 14.6182 34.6996 14.6182C34.3675 14.6182 34.065 14.7028 33.7924 14.873C33.5197 15.0392 33.302 15.2762 33.1401 15.583C32.9782 15.8855 32.8979 
49116.2398 32.8979 16.6445V22.6143H30.5834V12.7959H32.7953V14.4648H32.9106C33.1151 13.9024 33.4533 13.4628 33.9262 13.1475C34.3992 12.8279 34.9643 12.668 35.6205 12.668C36.2852 12.668 36.8453 12.8305 37.3012 13.1543C37.7614 13.4739 38.0854 13.9109 38.2729 14.4648H38.3754C38.5927 13.9194 38.9594 13.484 39.475 13.1602C39.9947 12.8322 40.6103 12.668 41.3217 12.668ZM56.4818 22.6143H54.1674V12.7959H56.4818V22.6143ZM49.3744 14.4707C48.9016 14.4708 48.4862 14.5864 48.1283 14.8164C47.7705 15.0422 47.4916 15.3403 47.2914 15.7109C47.1165 16.0379 47.0178 16.3937 46.9955 16.7783H51.6117C51.6075 16.3351 51.5121 15.9409 51.3246 15.5957C51.1372 15.2464 50.875 14.9718 50.5385 14.7715C50.2061 14.5712 49.8176 14.4707 49.3744 14.4707Z" fill="url(#email-grad2)"></path><defs><linearGradient id="email-grad1" x1="0.0947266" y1="15.8484" x2="10.514" y2="15.8484" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="1" stop-color="#A3A3A3"></stop></linearGradient><linearGradient id="email-grad2" x1="19.0425" y1="16.0337" x2="55.9829" y2="16.0337" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="1" stop-color="#A3A3A3"></stop></linearGradient></defs></svg></div><div style="font-size:24px;font-weight:500;color:#e7e9ea;margin-bottom:24px">Your Week in Review</div><p style="font-size:15px;color:#e7e9ea;margin:0 0 20px 0">Hi Jose, here’s how your week went.</p><div style="background:#1e1e1e;border-radius:12px;display:flex;margin-bottom:24px;overflow:hidden"><div style="flex:1;padding:16px;text-align:center"><div style="font-size:24px;font-weight:700;color:#e7e9ea">16</div><div style="font-size:12px;color:#71767b;margin-top:4px">Posts Saved</div></div><div style="flex:1;padding:16px;text-align:center"><div style="font-size:24px;font-weight:700;color:#e7e9ea">6</div><div style="font-size:12px;color:#71767b;margin-top:4px">Sessions</div></div><div style="flex:1;padding:16px;text-align:center"><div style="font-size:24px;font-weight:700;color:#e7e9ea">90</div><div style="font-size:12px;color:#71767b;margin-top:4px">Minutes Read</div></div></div><div style="font-size:16px;font-weight:600;color:#e7e9ea;margin-bottom:12px">Top Authors</div><div style="background:#1e1e1e;border-radius:12px;overflow:hidden"><div style="display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #2f3336"><span style="font-size:14px;color:#1d9bf0">@<!-- -->SahilBloom</span><span style="font-size:13px;color:#71767b">5<!-- --> post<!-- -->s</span></div><div style="display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #2f3336"><span style="font-size:14px;color:#1d9bf0">@<!-- -->JamesClear</span><span style="font-size:13px;color:#71767b">4<!-- --> post<!-- -->s</span></div><div style="display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #2f3336"><span style="font-size:14px;color:#1d9bf0">@<!-- -->naval</span><span style="font-size:13px;color:#71767b">3<!-- --> post<!-- -->s</span></div><div style="display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #2f3336"><span style="font-size:14px;color:#1d9bf0">@<!-- -->hubaborsolya</span><span style="font-size:13px;color:#71767b">2<!-- --> post<!-- -->s</span></div><div style="display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:none"><span style="font-size:14px;color:#1d9bf0">@<!-- -->david_perell</span><span style="font-size:13px;color:#71767b">2<!-- --> post<!-- -->s</span></div></div><div style="border-top:1px solid #2f3336;margin-top:24px;padding-top:20px;text-align:center"><span style="font-size:12px;color:#71767b">You’re receiving this because you have weekly recap notifications enabled.<!-- --> </span><span style="font-size:12px;color:#71767b;text-decoration:underline">Unsubscribe</span></div></div></div><div style="opacity:0;transition:opacity 0.5s ease;position:absolute;top:0;left:0;width:100%;height:100%"><img src="/TelegramDark.png" alt="Save from X, Reddit and Instagram" style="display:block;width:100%;border-radius:32px"/></div><div style="opacity:0;transition:opacity 0.5s ease;position:absolute;top:0;left:0;width:100%;height:100%"><img src="/TimeittCalendarDark.png" alt="Auto-generated Story" style="display:block;width:100%;border-radius:32px"/></div></div></div><div style="flex:1;display:flex;flex-direction:column;gap:0"><div data-feature-card="0" class="features-card" style="min-height:60vh;display:flex;align-items:center"><div class="features-card-inner" style="padding:32px 0;opacity:1;transition:opacity 0.4s ease"><div class="features-inline" style="display:none;margin-bottom:20px;border-radius:24px;overflow:hidden"><div style="background:#000;border-radius:32px;padding:24px;font-family:-apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, sans-serif;color:#e7e9ea;width:100%;box-sizing:border-box"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px"><svg width="87" height="32" viewBox="0 7 68 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.52316 9.00879C4.7993 9.00879 5.02316 9.23265 5.02316 9.50879V10.4367C5.02316 10.7129 4.7993 10.9367 4.52316 10.9367H2.44289C2.16675 10.9367 1.94289 11.1606 1.94289 11.4367V20.26C1.94289 20.5362 2.16675 20.76 2.44289 20.76H4.52416C4.8003 20.76 5.02416 20.9839 5.02416 21.26V22.188C5.02416 22.4641 4.8003 22.688 4.52416 22.688H2.09473C0.990157 22.688 0.0947266 21.7926 0.0947266 20.688V11.0088C0.0947266 9.90422 0.990157 9.00879 2.09473 9.00879H4.52316ZM11.7739 9.00879C12.8785 9.00879 13.7739 9.90422 13.7739 11.0088V20.688C13.7739 21.7926 12.8785 22.688 11.7739 22.688H9.34449C9.06835 22.688 8.84449 22.4641 8.84449 22.188V21.26C8.84449 20.9839 9.06835 20.76 9.34449 20.76H11.4258C11.7019 20.76 11.9258 20.5362 11.9258 20.26V16.0884C11.9258 15.6127 11.3242 15.4058 11.0316 15.7808L9.41336 17.8545C9.03963 18.3335 8.4669 18.6146 7.85941 18.6172L5.10685 18.6386C4.55154 18.6429 4.09908 18.1939 4.09908 17.6386V13.517C4.09908 13.2408 4.32294 13.017 4.59908 13.017H5.44824C5.72438 13.017 5.94824 13.2408 5.94824 13.517V16.2006C5.94824 16.478 6.1741 16.7024 6.45152 16.7006L7.62393 16.6929C7.77306 16.6919 7.91397 16.6244 8.0082 16.5088L11.8854 11.7527C12.1516 11.426 11.9192 10.9367 11.4978 10.9367H9.34449C9.06835 10.9367 8.84449 10.7129 8.84449 10.4367V9.50879C8.84449 9.23265 9.06835 9.00879 9.34449 9.00879H11.7739Z" fill="url(#mock-grad1-inline)"></path><path d="M49.3432 12.668C49.9482 12.668 50.5192 12.7659 51.0561 12.9619C51.5973 13.1537 52.0743 13.4526 52.4877 13.8574C52.9053 14.2622 53.2334 14.7779 53.4721 15.4043C53.7107 16.0264 53.8305 16.7682 53.8305 17.6289V18.3379H46.9916C46.9984 18.8844 47.1023 19.3557 47.3041 19.751C47.5128 20.1555 47.8045 20.4663 48.1791 20.6836C48.5
491541 20.8967 48.9936 21.0039 49.4965 21.0039C49.8331 21.0039 50.1379 20.957 50.4105 20.8633C50.6832 20.7653 50.9193 20.622 51.1195 20.4346C51.3197 20.2472 51.4714 20.0151 51.5736 19.7383L53.7338 19.9805C53.5974 20.5515 53.338 21.0504 52.9545 21.4766C52.5753 21.8983 52.0896 22.2266 51.4975 22.4609C50.9051 22.6911 50.227 22.8057 49.4643 22.8057C48.4799 22.8056 47.6294 22.6015 46.9135 22.1924C46.2021 21.7791 45.6544 21.1954 45.2709 20.4414C44.8874 19.6829 44.6957 18.7897 44.6957 17.7627C44.6957 16.7528 44.8874 15.8663 45.2709 15.1035C45.6587 14.3365 46.2003 13.7396 46.8949 13.3135C47.5895 12.8832 48.4058 12.668 49.3432 12.668ZM60.2074 12.7959H63.1107V10.1494H65.4252V12.7959H67.3617V14.5859H65.4252V19.6611C65.4252 19.9722 65.4721 20.2108 65.5658 20.377C65.6637 20.5387 65.7912 20.6493 65.9486 20.709C66.1063 20.7686 66.2813 20.7988 66.473 20.7988C66.6179 20.7988 66.7502 20.7879 66.8695 20.7666C66.9931 20.7453 67.0869 20.726 67.1508 20.709L67.5404 22.5186C67.4169 22.5611 67.2401 22.6081 67.0102 22.6592C66.7843 22.7103 66.5072 22.7395 66.1791 22.748C65.5996 22.7651 65.0772 22.6781 64.6127 22.4863C64.1485 22.2903 63.7799 21.988 63.5072 21.5791C63.2388 21.1701 63.1065 20.6584 63.1107 20.0449V14.5859H60.2074V19.6611C60.2074 19.9722 60.2543 20.2108 60.348 20.377C60.446 20.5387 60.5734 20.6493 60.7309 20.709C60.8885 20.7686 61.0635 20.7988 61.2553 20.7988C61.4002 20.7988 61.5324 20.7879 61.6518 20.7666C61.7752 20.7453 61.8691 20.726 61.933 20.709L62.3227 22.5186C62.1991 22.5611 62.0223 22.6081 61.7924 22.6592C61.5666 22.7103 61.2894 22.7395 60.9613 22.748C60.3818 22.7651 59.8594 22.6781 59.3949 22.4863C58.9307 22.2903 58.5621 21.988 58.2895 21.5791C58.021 21.1701 57.8887 20.6584 57.893 20.0449V14.5859H56.4994V12.7959H57.893V10.1494H60.2074V12.7959ZM27.5102 11.4023H24.7056V22.6143H22.4173V11.4023H19.0425V9.26172H27.5102V11.4023ZM29.8236 22.6143H27.5102V12.7959H29.8236V22.6143ZM41.3217 12.668C42.225 12.668 42.9626 12.9536 43.5336 13.5244C44.1046 14.0954 44.39 14.9292 44.39 16.0244V22.6143H42.0697V16.3818C42.0697 15.7726 41.9082 15.3271 41.5844 15.0459C41.2605 14.7604 40.8637 14.6182 40.3949 14.6182C39.8371 14.6182 39.4006 14.7925 39.0854 15.1416C38.7744 15.4867 38.6186 15.9365 38.6186 16.4902V22.6143H36.349V16.2861C36.349 15.779 36.1959 15.3738 35.8891 15.0713C35.5865 14.7688 35.1896 14.6182 34.6996 14.6182C34.3675 14.6182 34.065 14.7028 33.7924 14.873C33.5197 15.0392 33.302 15.2762 33.1401 15.583C32.9782 15.8855 32.8979 16.2398 32.8979 16.6445V22.6143H30.5834V12.7959H32.7953V14.4648H32.9106C33.1151 13.9024 33.4533 13.4628 33.9262 13.1475C34.3992 12.8279 34.9643 12.668 35.6205 12.668C36.2852 12.668 36.8453 12.8305 37.3012 13.1543C37.7614 13.4739 38.0854 13.9109 38.2729 14.4648H38.3754C38.5927 13.9194 38.9594 13.484 39.475 13.1602C39.9947 12.8322 40.6103 12.668 41.3217 12.668ZM56.4818 22.6143H54.1674V12.7959H56.4818V22.6143ZM49.3744 14.4707C48.9016 14.4708 48.4862 14.5864 48.1283 14.8164C47.7705 15.0422 47.4916 15.3403 47.2914 15.7109C47.1165 16.0379 47.0178 16.3937 46.9955 16.7783H51.6117C51.6075 16.3351 51.5121 15.9409 51.3246 15.5957C51.1372 15.2464 50.875 14.9718 50.5385 14.7715C50.2061 14.5712 49.8176 14.4707 49.3744 14.4707Z" fill="url(#mock-grad2-inline)"></path><defs><linearGradient id="mock-grad1-inline" x1="0.0947266" y1="15.8484" x2="10.514" y2="15.8484" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="1" stop-color="#A3A3A3"></stop></linearGradient><linearGradient id="mock-grad2-inline" x1="19.0425" y1="16.0337" x2="55.9829" y2="16.0337" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="1" stop-color="#A3A3A3"></stop></linearGradient></defs></svg><div style="display:flex;align-items:center;gap:6px"><div style="padding:4px"><svg width="16" height="16" viewBox="0 0 20 20" fill="none"><path d="M4.9507 0C6.19612 0 7.20573 1.00961 7.20573 2.25503C7.20573 2.56639 6.95333 2.81879 6.64197 2.81879H3.43319C3.02945 2.81879 2.70215 3.14609 2.70215 3.54983V16.4502C2.70215 16.8539 3.02945 17.1812 3.43319 17.1812H6.47616C6.8799 17.1812 7.20719 17.5085 7.20719 17.9122V19.269C7.20719 19.6727 6.8799 20 6.47616 20H2.92415C1.30918 20 0 18.6908 0 17.0759V2.92415C0 1.30919 1.30919 0 2.92415 0H4.9507ZM17.0759 0C18.6908 0 20 1.30919 20 2.92415V17.0759C20 18.6908 18.6908 20 17.0759 20H13.5238C13.1201 20 12.7928 19.6727 12.7928 19.269V17.9122C12.7928 17.5085 13.1201 17.1812 13.5238 17.1812H16.5668C16.9706 17.1812 17.2979 16.8539 17.2979 16.4502V9.7328
4911C17.2979 9.01261 16.3663 8.72638 15.9619 9.32233L12.9744 13.7249C12.8396 13.9236 12.6159 14.0434 12.3759 14.0455L12.0646 14.0482L6.59072 14.0858C6.18503 14.0886 5.85466 13.7605 5.85466 13.3548V6.59132C5.85466 6.18758 6.18195 5.86028 6.58569 5.86028H7.82723C8.23097 5.86028 8.55827 6.18758 8.55827 6.59132V10.5149C8.55827 10.9205 8.88849 11.2486 9.2941 11.2459L10.9683 11.235C11.2089 11.2334 11.4332 11.1136 11.5684 10.9146L16.2902 3.96048C16.6197 3.47511 16.2721 2.81879 15.6854 2.81879H13.5238C13.1201 2.81879 12.7928 2.4915 12.7928 2.08776V0.731036C12.7928 0.327296 13.1201 0 13.5238 0H17.0759Z" fill="#e7e9ea"></path></svg></div><div style="padding:4px"><svg width="18" height="18" viewBox="0 0 32 32" fill="none"><path d="M13 13C14.6569 13 16 11.6569 16 10C16 8.34315 14.6569 7 13 7C11.3431 7 10 8.34315 10 10C10 11.6569 11.3431 13 13 13Z" stroke="#e7e9ea" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21 25C22.6569 25 24 23.6569 24 22C24 20.3431 22.6569 19 21 19C19.3431 19 18 20.3431 18 22C18 23.6569 19.3431 25 21 25Z" stroke="#e7e9ea" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16 10H27" stroke="#e7e9ea" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5 10H10" stroke="#e7e9ea" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M24 22H27" stroke="#e7e9ea" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5 22H18" stroke="#e7e9ea" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div style="padding:4px"><svg width="18" height="18" viewBox="0 0 20 20" fill="none"><path d="M15.8403 4.15961C16.1955 4.51479 16.1954 5.09065 15.8402 5.4458L11.9925 9.29283C11.6018 9.68337 11.6018 10.3166 11.9925 10.7072L15.8402 14.5542C16.1954 14.9094 16.1955 15.4852 15.8403 15.8404C15.4852 16.1955 14.9094 16.1955 14.5542 15.8404L10.7062 11.9923C10.3156 11.6018 9.68243 11.6018 9.29192 11.9924L5.44479 15.8402C5.0897 16.1954 4.51389 16.1953 4.15891 15.8401C3.80413 15.485 3.80424 14.9096 4.15915 14.5547L8.00676 10.7071C8.39728 10.3166 8.39728 9.68342 8.00676 9.29289L4.15918 5.44531C3.80425 5.09039 3.80414 4.51497 4.15894 4.15991C4.51392 3.80466 5.08971 3.80455 5.44482 4.15967L9.29198 8.00683C9.68248 8.39732 10.3156 8.39735 10.7061 8.00689L14.5542 4.15955C14.9094 3.80445 15.4851 3.80448 15.8403 4.15961Z" fill="#e7e9ea"></path></svg></div></div></div><div style="padding:12px;border-radius:12px;margin-bottom:12px;border:1px solid rgba(29,155,240,0.4);background:rgba(29,155,240,0.1);box-shadow:0 0 8px rgba(29,155,240,0.25), 0 0 20px rgba(29,155,240,0.12)"><div style="display:flex;align-items:center;gap:8px;margin-bottom:4px"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#1d9bf0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg><span style="font-size:14px;font-weight:500">Story</span></div><p style="font-size:12px;color:#71767b;margin:0">Today at 17:00 · 15 min · 5 posts</p><div style="margin-top:8px;font-size:12px;font-weight:500;color:#1d9bf0">View in Calendar</div></div><div style="display:flex;flex-direction:column;gap:8px"><div style="padding:12px;border-radius:12px;border:1px solid #1d9bf0;background:rgba(22,24,28,0.8)"><div style="display:flex;align-items:center;gap:6px;margin-bottom:4px"><div style="width:14px;height:14px;border-radius:50%;background:#2f3336;flex-shrink:0"></div><span style="font-size:12px;color:#71767b">@<!-- -->SahilBloom</span></div><p style="font-size:14px;margin:0;line-height:1.4;color:#e7e9ea">The 4 types of professional luck (and how to create your own):</p><div style="display:flex;justify-content:flex-end;margin-top:8px"><span style="font-size:12px;font-weight:500;color:#1d9bf0;padding:6px 12px;border-radius:20px;border:1px solid #1d9bf0">Saved</span></div></div><div style="padding:12px;border-radius:12px;border:1px solid #2f3336;background:rgba(22,24,28,0.8)"><div style="display:flex;align-items:center;gap:6px;margin-bottom:4px"><div style="width:14px;
491height:14px;border-radius:50%;background:#2f3336;flex-shrink:0"></div><span style="font-size:12px;color:#71767b">@<!-- -->naval</span></div><p style="font-size:14px;margin:0;line-height:1.4;color:#e7e9ea">How to get rich without getting lucky: Seek wealth, not money or status.</p></div><div style="padding:12px;border-radius:12px;border:1px solid #2f3336;background:rgba(22,24,28,0.8)"><div style="display:flex;align-items:center;gap:6px;margin-bottom:4px"><div style="width:14px;height:14px;border-radius:50%;background:#2f3336;flex-shrink:0"></div><span style="font-size:12px;color:#71767b">@<!-- -->JamesClear</span></div><p style="font-size:14px;margin:0;line-height:1.4;color:#e7e9ea">Every action you take is a vote for the type of person you wish to become.</p></div></div></div></div><div style="width:36px;height:36px;border-radius:8px;background-color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:12px"><img src="/chrome-logo.png" alt="" width="24" height="24" style="width:24px;height:24px"/></div><div style="display:inline-block;padding:4px 12px;border-radius:20px;background-color:rgba(29,155,240,0.1);font-size:12px;font-weight:600;color:#1d9bf0;letter-spacing:0.04em;margin-bottom:16px;text-transform:uppercase">Chrome Extension</div><h3 style="font-size:clamp(22px, 2.5vw, 28px);font-weight:500;color:#e7e9ea;margin:0 0 12px;letter-spacing:-1.2px;transition:color 0.3s">Save posts with one click</h3><p style="font-size:16px;line-height:1.7;color:#71767b;margin:0;font-weight:200;transition:color 0.3s">A Timeitt icon appears on every tweet. Click it to save any post instantly — no copy-
491pasting, no switching tabs. Open the panel on any page to manage your saved posts.</p></div></div><div data-feature-card="1" class="features-card" style="min-height:60vh;display:flex;align-items:center"><div class="features-card-inner" style="padding:32px 0;opacity:0.3;transition:opacity 0.4s ease"><div class="features-inline" style="display:none;margin-bottom:20px;border-radius:24px;overflow:hidden"><div style="background:#000;border-radius:32px;padding:32px 24px;font-family:-apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, sans-serif;color:#e7e9ea;width:100%;box-sizing:border-box"><div style="margin-bottom:16px"><svg width="87" height="32" viewBox="0 7 68 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.52316 9.00879C4.7993 9.00879 5.02316 9.23265 5.02316 9.50879V10.4367C5.02316 10.7129 4.7993 10.9367 4.52316 10.9367H2.44289C2.16675 10.9367 1.94289 11.1606 1.94289 11.4367V20.26C1.94289 20.5362 2.16675 20.76 2.44289 20.76H4.52416C4.8003 20.76 5.02416 20.9839 5.02416 21.26V22.188C5.02416 22.4641 4.8003 22.688 4.52416 22.688H2.09473C0.990157 22.688 0.0947266 21.7926 0.0947266 20.688V11.0088C0.0947266 9.90422 0.990157 9.00879 2.09473 9.00879H4.52316ZM11.7739 9.00879C12.8785 9.00879 13.7739 9.90422 13.7739 11.0088V20.688C13.7739 21.7926 12.8785 22.688 11.7739 22.688H9.34449C9.06835 22.688 8.84449 22.4641 8.84449 22.188V21.26C8.84449 20.9839 9.06835 20.76 9.34449 20.76H11.4258C11.7019 20.76 11.9258 20.5362 11.9258 20.26V16.0884C11.9258 15.6127 11.3242 15.4058 11.0316 15.7808L9.41336 17.8545C9.03963 18.3335 8.4669 18.6146 7.85941 18.6172L5.10685 18.6386C4.55154 18.6429 4.09908 18.1939 4.09908 17.6386V13.517C4.09908 13.2408 4.32294 13.017 4.59908 13.017H5.44824C5.72438 13.017 5.94824 13.2408 5.94824 13.517V16.2006C5.94824 16.478 6.1741 16.7024 6.45152 16.7006L7.62393 16.6929C7.77306 16.6919 7.91397 16.6244 8.0082 16.5088L11.8854 11.7527C12.1516 11.426 11.9192 10.9367 11.4978 10.9367H9.34449C9.06835 10.9367 8.84449 10.7129 8.84449 10.4367V9.50879C8.84449 9.23265 9.06835 9.00879 9.34449 9.00879H11.7739Z" fill="url(#email-grad1-inline)"></path><path d="M49.3432 12.668C49.9482 12.668 50.5192 12.7659 51.0561 12.9619C51.5973 13.1537 52.0743 13.4526 52.4877 13.8574C52.9053 14.2622 53.2334 14.7779 53.4721 15.4043C53.7107 16.0264 53.8305 16.7682 53.8305 17.6289V18.3379H46.9916C46.9984 18.8844 47.1023 19.3557 47.3041 19.751C47.5128 20.1555 47.8045 20.4663 48.1791 20.6836C48.5541 20.8967 48.9936 21.0039 49.4965 21.0039C49.8331 21.0039 50.1379 20.957 50.4105 20.8633C50.6832 20.7653 50.9193 20.622 51.1195 20.4346C51.3197 20.2472 51.4714 20.0151 51.5736 19.7383L53.7338 19.9805C53.5974 20.5515 53.338 21.0504 52.9545 21.4766C52.5753 21.8983 52.0896 22.2266 51.4975 22.4609C50.9051 22.6911 50.227 22.8057 49.4643 22.8057C48.4799 22.8056 47.6294 22.6015 46.9135 22.1924C46.2021 21.7791 45.6544 21.1954 45.2709 20.4414C44.8874 19.6829 44.6957 18.7897 44.6957 17.7627C44.6957 16.7528 44.8874 15.8663 45.2709 15.1035C45.6587 14.3365 46.2003 13.7396 46.8949 13.3135C47.5895 12.8832 48.4058 12.668 49.3432 12.668ZM60.2074 12.7959H63.1107V10.1494H65.4252V12.7959H67.3617V14.5859H65.4252V19.6611C65.4252 19.9722 65.4721 20.2108 65.5658 20.377C65.6637 20.5387 65.7912 20.6493 65.9486 20.709C66.1063 20.7686 66.2813 20.7988 66.473 20.7988C66.6179 20.7988 66.7502 20.7879 66.8695 20.7666C66.9931 20.7453 67.0869 20.726 67.1508 20.709L67.5404 22.5186C67.4169 22.5611 67.2401 22.6081 67.0102 22.6592C66.7843 22.7103 66.5072 22.7395 66.1791 22.748C65.5996 22.7651 65.0772 22.6781 64.6127 22.4863C64.1485 22.2903 63.7799 21.988 63.5072 21.5791C63.2388 21.1701 63.1065 20.6584 63.1107 20.0449V14.5859H60.2074V19.6611C60.2074 19.9722 60.2543 20.2108 60.348 20.377C60.446 20.5387 60.5734 20.6493 60.7309 20.709C60.8885 20.7686 61.0635 20.7988 61.2553 20.7988C61.4002 20.7988 61.5324 20.7879 61.6518 20.7666C61.7752 20.7453 61.8691 20.726 61.933 20.709L62.3227 22.5186C62.1991 22.5611 62.0223 22.6081 61.7924 22.6592C61.5666 22.7103 61.2894 22.7395 60.9613 22.748C60.3818 22.7651 59.8594 22.6781 59.3949 22.4863C58.9307 22.2903 58.5621 21.988 58.2895 21.5791C58.021 21.1701 57.8887 20.6584 57.893 20.0449V14.5859H56.4994V12.7959H57.893V10.1494H60.2074V12.7959ZM27.5102 11.4023H24.7056V22.6143H22.4173V11.4023H19.0425V9.26172H27.5102V11.4023ZM29.8236 22.6143H27.5102V12.7959H29.8236V22.6143ZM41.3217 12.668C42.225 12.668 42.9626 12.9536 43.5336 13.5244C44.1046 14.0954 44.39 14.9292 44.39 16.0244V22.6143H42.0697V16.3818C42.0697 15.7726 41.9082 15.3271 41.5844 15.0459C41.2605 14.7604 40.8637 14.6182 40.3949 14.6182C39.8371 14.6182 39.4006 14.7925 39.0854 15.1416C38.7744 15.4867 38.6186 15.9365 38.6186 16.4902V22.6143H36.349V16.2861C36.349 15.779 36.1959 15.3738 35.8891 15.0713C35.5865 14.7688 35.1896 14.6182 34.6996 14.6182C34.3675 14.6182 34.065 14.7028 33.7924 14.873C33.5197 15.0392 33.302 15.2762 33.1401 15.583C32.9782 15.8855 32.8979 
49116.2398 32.8979 16.6445V22.6143H30.5834V12.7959H32.7953V14.4648H32.9106C33.1151 13.9024 33.4533 13.4628 33.9262 13.1475C34.3992 12.8279 34.9643 12.668 35.6205 12.668C36.2852 12.668 36.8453 12.8305 37.3012 13.1543C37.7614 13.4739 38.0854 13.9109 38.2729 14.4648H38.3754C38.5927 13.9194 38.9594 13.484 39.475 13.1602C39.9947 12.8322 40.6103 12.668 41.3217 12.668ZM56.4818 22.6143H54.1674V12.7959H56.4818V22.6143ZM49.3744 14.4707C48.9016 14.4708 48.4862 14.5864 48.1283 14.8164C47.7705 15.0422 47.4916 15.3403 47.2914 15.7109C47.1165 16.0379 47.0178 16.3937 46.9955 16.7783H51.6117C51.6075 16.3351 51.5121 15.9409 51.3246 15.5957C51.1372 15.2464 50.875 14.9718 50.5385 14.7715C50.2061 14.5712 49.8176 14.4707 49.3744 14.4707Z" fill="url(#email-grad2-inline)"></path><defs><linearGradient id="email-grad1-inline" x1="0.0947266" y1="15.8484" x2="10.514" y2="15.8484" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="1" stop-color="#A3A3A3"></stop></linearGradient><linearGradient id="email-grad2-inline" x1="19.0425" y1="16.0337" x2="55.9829" y2="16.0337" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="1" stop-color="#A3A3A3"></stop></linearGradient></defs></svg></div><div style="font-size:24px;font-weight:500;color:#e7e9ea;margin-bottom:24px">Your Week in Review</div><p style="font-size:15px;color:#e7e9ea;margin:0 0 20px 0">Hi Jose, here’s how your week went.</p><div style="background:#1e1e1e;border-radius:12px;display:flex;margin-bottom:24px;overflow:hidden"><div style="flex:1;padding:16px;text-align:center"><div style="font-size:24px;font-weight:700;color:#e7e9ea">16</div><div style="font-size:12px;color:#71767b;margin-top:4px">Posts Saved</div></div><div style="flex:1;padding:16px;text-align:center"><div style="font-size:24px;font-weight:700;color:#e7e9ea">6</div><div style="font-size:12px;color:#71767b;margin-top:4px">Sessions</div></div><div style="flex:1;padding:16px;text-align:center"><div style="font-size:24px;font-weight:700;color:#e7e9ea">90</div><div style="font-size:12px;color:#71767b;margin-top:4px">Minutes Read</div></div></div><div style="font-size:16px;font-weight:600;color:#e7e9ea;margin-bottom:12px">Top Authors</div><div style="background:#1e1e1e;border-radius:12px;overflow:hidden"><div style="display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #2f3336"><span style="font-size:14px;color:#1d9bf0">@<!-- -->SahilBloom</span><span style="font-size:13px;color:#71767b">5<!-- --> post<!-- -->s</span></div><div style="display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #2f3336"><span style="font-size:14px;color:#1d9bf0">@<!-- -->JamesClear</span><span style="font-size:13px;color:#71767b">4<!-- --> post<!-- -->s</span></div><div style="display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #2f3336"><span style="font-size:14px;color:#1d9bf0">@<!-- -->naval</span><span style="font-size:13px;color:#71767b">3<!-- --> post<!-- -->s</span></div><div style="display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #2f3336"><span style="font-size:14px;color:#1d9bf0">@<!-- -->hubaborsolya</span><span style="font-size:13px;color:#71767b">2<!-- --> post<!-- -->s</span></div><div style="display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:none"><span style="font-size:14px;color:#1d9bf0">@<!-- -->david_perell</span><span style="font-size:13px;color:#71767b">2<!-- --> post<!-- -->s</span></div></div><div style="border-top:1px solid #2f3336;margin-top:24px;padding-top:20px;text-align:center"><span style="font-size:12px;color:#71767b">You’re receiving this because you have weekly recap notifications enabled.<!-- --> </span><span style="font-size:12px;color:#71767b;text-decoration:underline">Unsubscribe</span></div></div></div><div style="width:36px;height:36px;border-radius:8px;background-color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:12px"><img src="/gmail-logo.svg" alt="" width="24" height="24" style="width:24px;height:24px"/></div><div style="display:inline-block;padding:4px 12px;border-radius:20px;background-color:rgba(29,155,240,0.1);font-size:12px;font-weight:600;color:#1d9bf0;letter-spacing:0.04em;margin-bottom:16px;text-transform:uppercase">Smart Emails</div><h3 style="font-size:clamp(22px, 2.5vw, 28px);font-weight:500;color:#e7e9ea;margin:0 0 12px;letter-spacing:-1.2px;transition:color 0.3s">Stay on track with smart reminders</h3><p style="font-size:16px;line-height:1.7;color:#71767b;margin:0;font-weight:200;transition:color 0.3s">Get a daily digest at 9 AM, a reminder when your Story is ready, and a weekly recap with your stats. Every email includes a preview of what you&#x27;ve saved.</p></div></div><div data-feature-card="2" class="features-card" style="min-height:60vh;display:flex;align-items:center"><div class="features-card-inner" style="padding:32px 0;opacity:0.3;transition:opacity 0.4s ease"><div class="features-inline" style="display:none;margin-bottom:20px;border-radius:24px;overflow:hidden"><img src="/TelegramDark.png" alt="Save from X, Reddit and Instagram" style="display:block;width:100%;border-radius:24px"/></div><div style="width:36px;height:36px;border-radius:8px;background-color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:12px"><img src="/telegram-logo.svg" alt="" width="24" height="24" style="width:24px;height:24px"/></div><div style="display:inline-block;padding:4px 12px;border-radius:20px;background-color:rgba(29,155,240,0.1);font-size:12px;font-weight:600;color:#1d9bf0;letter-spacing:0.04em;margin-bottom:16px;text-transform:uppercase">4 platforms, one place</div><h3 style="font-size:clamp(22px, 2.5vw, 28px);font-weight:500;color:#e7e9ea;margin:0 0 12px;letter-spacing:-1.2px;transition:color 0.3s">Save from X, Reddit and Instagram</h3><p style="font-size:16px;line-height:1.7;color:#71767b;margin:0;font-weight:200;transition:color 0.3s">The Chrome Extension adds a save button on X and Reddit as you browse. The Telegram Bot c
491overs Instagram and any link you forward from your phone — no extension needed.</p></div></div><div data-feature-card="3" class="features-card" style="min-height:60vh;display:flex;align-items:center"><div class="features-card-inner" style="padding:32px 0;opacity:0.3;transition:opacity 0.4s ease"><div class="features-inline" style="display:none;margin-bottom:20px;border-radius:24px;overflow:hidden"><img src="/TimeittCalendarDark.png" alt="Auto-generated Story" style="display:block;width:100%;border-radius:24px"/></div><div style="width:36px;height:36px;border-radius:8px;background-color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:12px"><img src="/google-calendar-logo.svg" alt="" width="24" height="24" style="width:24px;height:24px"/></div><div style="display:inline-block;padding:4px 12px;border-radius:20px;background-color:rgba(29,155,240,0.1);font-size:12px;font-weight:600;color:#1d9bf0;letter-spacing:0.04em;margin-bottom:16px;text-transform:uppercase">Auto-Scheduling</div><h3 style="font-size:clamp(22px, 2.5vw, 28px);font-weight:500;color:#e7e9ea;margin:0 0 12px;letter-spacing:-1.2px;transition:color 0.3s">Auto-generated Story</h3><p style="font-size:16px;line-height:1.7;color:#71767b;margin:0;font-weight:200;transition:color 0.3s">Save 3 posts and Timeitt automatically creates a Story — an AI-generated synthesis of everything you saved. Listen to it as a podcast on your commute or workout, or schedule it to your <img src="/google-calendar-logo.svg" alt="" width="14" height="14" style="display:inline;vertical-align:-2px;margin-right:3px"/>Google Calendar for focused reading. Pro users get audio generated automatically.<!-- --> <svg style="display:inline;vertical-align:-2px;margin-right:2px" width="14" height="14" viewBox="0 0 814 1000" fill="currentColor"><path d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57.8-155.5-127.4c-58.3-81.3-105.9-207.6-105.9-328.2 0-193.3 125.7-296 249.3-296 65.7 0 120.9 43.6 162.3 43.6 39.4 0 100.7-46.2 174.6-46.2 28.2 0 129.6 2.6 196.3 99.2zM554.1 159.4c31.1-36.9 53.1-88.1 53.1-139.4 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.2 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 103.3-30.4 135.5-71.2z"></path></svg>Apple Calendar coming soon.</p></div></div></div></div></section><section style="padding:100px 24px;max-width:1100px;margin:0 auto"><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 0ms"><div style="text-align:center;margin-bottom:56px;position:relative;overflow:hidden;padding-bottom:8px"><style>
492        @keyframes pw-basin-pulse {
493          0%, 100% { opacity: 0.5; transform: translateX(-50%) scaleX(1); }
494          50% { opacity: 0.65; transform: translateX(-50%) scaleX(1.04); }
495        }
496        @keyframes pw-rise-1 {
497          0% { opacity: 0; transform: translateY(0) translateX(0) scale(1); }
498          15% { opacity: 0.72; }
499          85% { opacity: 0.55; }
500          100% { opacity: 0; transform: translateY(-115px) translateX(8px) scale(0.35); }
501        }
502        @keyframes pw-rise-2 {
503          0% { opacity: 0; transform: translateY(0) translateX(0) scale(1); }
504          12% { opacity: 0.65; }
505          88% { opacity: 0.4; }
506          100% { opacity: 0; transform: translateY(-108px) translateX(-12px) scale(0.4); }
507        }
508        @keyframes pw-rise-3 {
509          0% { opacity: 0; transform: translateY(0) translateX(0) scale(1); }
510          18% { opacity: 0.78; }
511          82% { opacity: 0.5; }
512          100% { opacity: 0; transform: translateY(-120px) translateX(5px) scale(0.3); }
513        }
514        @keyframes pw-rise-4 {
515          0% { opacity: 0; transform: translateY(0) translateX(0) scale(1); }
516          14% { opacity: 0.6; }
517          86% { opacity: 0.45; }
518          100% { opacity: 0; transform: translateY(-100px) translateX(-8px) scale(0.45); }
519        }
520        @keyframes pw-rise-5 {
521          0% { opacity: 0; transform: translateY(0) translateX(0) scale(1); }
522          16% { opacity: 0.7; }
523          84% { opacity: 0.48; }
524          100% { opacity: 0; transform: translateY(-112px) translateX(14px) scale(0.38); }
525        }
526        @keyframes pw-rise-6 {
527          0% { opacity: 0; transform: translateY(0) translateX(0) scale(1); }
528          13% { opacity: 0.62; }
529          87% { opacity: 0.42; }
530          100% { opacity: 0; transform: translateY(-118px) translateX(-6px) scale(0.32); }
531        }
532        @keyframes pw-rise-7 {
533          0% { opacity: 0; transform: translateY(0) translateX(0) scale(1); }
534          20% { opacity: 0.75; }
535          80% { opacity: 0.5; }
536          100% { opacity: 0; transform: translateY(-105px) translateX(10px) scale(0.42); }
537        }
538        @keyframes pw-rise-8 {
539          0% { opacity: 0; transform: translateY(0) translateX(0) scale(1); }
540          11% { opacity: 0.68; }
541          89% { opacity: 0.44; }
542          100% { opacity: 0; transform: translateY(-122px) translateX(-15px) scale(0.28); }
543        }
544        @keyframes pw-rise-9 {
545          0% { opacity: 0; transform: translateY(0) translateX(0) scale(1); }
546          17% { opacity: 0.74; }
547          83% { opacity: 0.52; }
548          100% { opacity: 0; transform: translateY(-110px) translateX(7px) scale(0.36); }
549        }
550        @media (prefers-reduced-motion: reduce) {
551          .pw-wisp, .pw-basin { animation: none !important; opacity: 0.3 !important; }
552        }
553      </style><div style="position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden"><div class="pw-basin" style="position:absolute;bottom:0;left:50%;
553width:200px;height:32px;border-radius:50%;background:radial-gradient(ellipse, rgba(29,155,240,0.28) 0%, rgba(100,160,255,0.12) 60%, transparent 100%);filter:blur(8px);animation:pw-basin-pulse 6s ease-in-out infinite"></div><div class="pw-wisp" style="position:absolute;bottom:4px;left:44%;width:12px;height:18px;border-radius:50%;background:rgba(29,155,240,0.32);filter:blur(4px);animation:pw-rise-1 9.0s ease-out 0s infinite"></div><div class="pw-wisp" style="position:absolute;bottom:4px;left:38%;width:8px;height:13px;border-radius:50%;background:rgba(210,228,255,0.55);filter:blur(4px);animation:pw-rise-2 8.2s ease-out 1.5s infinite"></div><div class="pw-wisp" style="position:absolute;bottom:4px;left:52%;width:14px;height:20px;border-radius:50%;background:rgba(60,160,255,0.28);filter:blur(4px);animation:pw-rise-3 10.0s ease-out 3.0s infinite"></div><div class="pw-wisp" style="position:absolute;bottom:4px;left:33%;width:7px;height:11px;border-radius:50%;background:rgba(220,235,255,0.60);filter:blur(4px);animation:pw-rise-4 8.6s ease-out 4.5s infinite"></div><div class="pw-wisp" style="position:absolute;bottom:4px;left:58%;width:11px;height:16px;border-radius:50%;background:rgba(29,155,240,0.26);filter:blur(4px);animation:pw-rise-5 9.5s ease-out 6.0s infinite"></div><div class="pw-wisp" style="position:absolute;bottom:4px;left:47%;width:9px;height:14px;border-radius:50%;background:rgba(200,220,255,0.50);filter:blur(4px);animation:pw-rise-6 8.8s ease-out 2.0s infinite"></div><div class="pw-wisp" style="position:absolute;bottom:4px;left:41%;width:13px;height:18px;border-radius:50%;background:rgba(80,170,255,0.30);filter:blur(4px);animation:pw-rise-7 9.2s ease-out 5.0s infinite"></div><div class="pw-wisp" style="position:absolute;bottom:4px;left:55%;width:6px;height:10px;border-radius:50%;background:rgba(215,232,255,0.58);filter:blur(4px);animation:pw-rise-8 8.4s ease-out 7.0s infinite"></div><div class="pw-wisp" style="position:absolute;bottom:4px;left:36%;width:10px;height:16px;border-radius:50%;background:rgba(29,155,240,0.27);filter:blur(4px);animation:pw-rise-9 9.8s ease-out 3.8s infinite"></div></div><div style="position:relative;z-index:1"><div style="margin-bottom:12px"><div style="display:inline-block;padding:6px 16px;border-radius:32px;background-color:rgba(29,155,240,0.1);font-size:13px;font-weight:600;color:#1d9bf0;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.05em">Your Memories</div></div><h2 style="font-size:clamp(30px, 4vw, 48px);font-weight:500;color:#e7e9ea;line-height:1.12;letter-spacing:-1.8px;margin:0 0 16px;transition:color 0.3s">Your saves, always<br/>within reach.</h2><p style="font-size:17px;color:#71767b;line-height:1.6;max-width:520px;margin:0 auto;font-weight:200;transition:color 0.3s">Every post you&#x27;ve saved, searchable in seconds. Filter by topic, search by keyword, or ask AI — then use what you find to write, pitch, or create.</p></div></div></div><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 200ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 200ms"><div style="display:flex;justify-content:center"><div style="width:100%;max-width:680px"><div style="border-radius:24px;overflow:hidden;border:1px solid #2f3336;background-color:#0a0a0a;box-shadow:0 20px 80px rgba(29,155,240,0.06), 0 4px 20px rgba(0,0,0,0.4);transition:all 0.3s"><div style="padding:20px 24px 16px;border-bottom:1px solid #2f3336"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px"><span style="font-size:18px;font-weight:700;color:#e7e9ea;letter-spacing:-0.5px;transition:color 0.3s">Memories</span><div style="display:flex;align-items:center;gap:7px;padding:6px 14px;border-radius:24px;background-color:rgba(255,255,255,0.05);border:1px solid #2f3336;font-size:12px;color:#71767b"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>Search memories<!-- -->...</div></div><div style="display:flex;gap:6px"><div style="padding:4px 12px;border-radius:24px;font-size:12px;font-weight:500;cursor:pointer;background-color:#1d9bf0;color:#fff;border:1px solid #1d9bf0;transition:all 0.2s">All</div><div style="padding:4px 12px;border-radius:24px;font-size:12px;font-weight:500;cursor:pointer;background-color:rgba(255,255,255,0.05);color:#71767b;border:1px solid #2f3336;transition:all 0.2s">AI</div><div style="padding:4px 12px;border-radius:24px;font-size:12px;font-weight:500;cursor:pointer;background-color:rgba(255,255,255,0.05);color:#71767b;border:1px solid #2f3336;transition:all 0.2s">Productivity</div><div style="padding:4px 12px;border-radius:24px;font-size:12px;font-weight:500;cursor:pointer;background-color:rgba(255,255,255,0.05);color:#71767b;border:1px solid #2f3336;transition:all 0.2s">Startups</div></div></div><div style="padding:16px 24px 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px"><div style="padding:14px;border-radius:16px;background-color:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06)"><div style="display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;color:#fff;background-color:#1d9bf0;margin-bottom:10px">AI</div><div style="display:flex;align-items:center;gap:7px;margin-bottom:8px"><img src="https://unavatar.io/x/Aiden_Tech_Ai" alt="Ai With Piyas" width="22" height="22" style="border-radius:50%;width:22px;height:22px;object-fit:cover;flex-shrink:0"/>
553<span style="font-size:12px;font-weight:600;color:#e7e9ea;letter-spacing:-0.2px;transition:color 0.3s">Ai With Piyas</span></div><p style="font-size:12px;color:#71767b;line-height:1.5;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s">AI can now build you a complete website in 2 hours (for free). Here are the 7 tools.</p><div style="font-size:11px;color:rgba(255,255,255,0.25)">Saved 3 days ago</div></div><div style="padding:14px;border-radius:16px;background-color:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06)"><div style="display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;color:#fff;background-color:#10b981;margin-bottom:10px">Productivity</div><div style="display:flex;align-items:center;gap:7px;margin-bottom:8px"><img src="https://unavatar.io/x/SahilBloom" alt="Sahil Bloom" width="22" height="22" style="border-radius:50%;width:22px;height:22px;object-fit:cover;flex-shrink:0"/><span style="font-size:12px;font-weight:600;color:#e7e9ea;letter-spacing:-0.2px;transition:color 0.3s">Sahil Bloom</span></div><p style="font-size:12px;color:#71767b;line-height:1.5;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s">Consumption Time is where new ideas for creation are originally planted.</p><div style="font-size:11px;color:rgba(255,255,255,0.25)">Saved 7 days ago</div></div><div style="padding:14px;border-radius:16px;background-color:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06)"><div style="display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;color:#fff;background-color:#f59e0b;margin-bottom:10px">Startups</div><div style="display:flex;align-items:center;gap:7px;margin-bottom:8px"><img src="https://unavatar.io/x/paulg" alt="Paul Graham" width="22" height="22" style="border-radius:50%;width:22px;height:22px;object-fit:cover;flex-shrink:0"/><span style="font-size:12px;font-weight:600;color:#e7e9ea;letter-spacing:-0.2px;transition:color 0.3s">Paul Graham</span></div><p style="font-size:12px;color:#71767b;line-height:1.5;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s">Keep your identity small. The more you identify with something, the harder it is to see clearly.</p><div style="font-size:11px;color:rgba(255,255,255,0.25)">Saved 12 days ago</div></div><div style="padding:14px;border-radius:16px;background-color:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06)"><div style="display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;color:#fff;background-color:#8b5cf6;margin-bottom:10px">Philosophy</div><div style="display:flex;align-items:center;gap:7px;margin-bottom:8px"><img src="https://unavatar.io/x/naval" alt="Naval" width="22" height="22" style="border-radius:50%;width:22px;height:22px;object-fit:cover;flex-shrink:0"/><span style="font-size:12px;font-weight:600;color:#e7e9ea;letter-spacing:-0.2px;transition:color 0.3s">Naval</span></div><p style="font-size:12px;color:#71767b;line-height:1.5;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s">Read what you love until you love to read.</p><div style="font-size:11px;color:rgba(255,255,255,0.25)">Saved 21 days ago</div></div></div></div></div></div></div></section><section id="how-it-works" style="padding:100px 24px;max-width:1100px;margin:0 auto;scroll-margin-top:80px"><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 0ms"><div style="text-align:center;margin-bottom:72px"><div style="display:inline-block;padding:6px 16px;border-radius:32px;background-color:rgba(29,155,240,0.1);font-size:13px;font-weight:600;color:#1d9bf0;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.05em">How it works</div><h2 style="font-size:clamp(30px, 4vw, 48px);font-weight:500;color:#e7e9ea;line-height:1.12;letter-spacing:-1.8px;margin:0 0 16px;transition:color 0.3s">Save once. Find it<br/>when you need it.</h2><p style="font-size:17px;color:#71767b;line-height:1.6;max-width:480px;margin:0 auto;font-weight:200;transition:color 0.3s">No more losing ideas in a bookmark graveyard. Save, search, create.</p></div></div><div class="hiw-grid" style="display:grid;grid-template-columns:repeat(3, 1fr);gap:32px"><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 0ms"><div style="height:100%;padding:36px;border-radius:20px;background-color:#16181c;border:1px solid #2f3336;box-shadow:0 1px 3px rgba(0,0,0,0.2);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);transform:none;cursor:default"><div style="display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background-color:rgba(29,155,240,0.1);margin-bottom:24px"><svg width="28" height="28" viewBox="0 0 20 20" fill="#1d9bf0"><path d="M4.9507 0C6.19612 0 7.20573 1.00961 7.20573 2.25503C7.20573 2.56639 6.95333 2.81879 6.64197 2.81879H3.43319C3.02945 2.81879 2.70215 3.14609 2.70215 3.54983V16.4502C2.70215 16.8539 3.02945 17.1812 3.43319 17.1812H6.47616C6.8799 17.1812 7.20719 17.5085 7.20719 17.9122V19.269C7.20719 19.6727 6.8799 20 6.47616 20H2.92415C1.30918 20 0 18.6908 0 17.0759V2.92415C0 1.30919 1.30919 0 2.92415 0H4.9507ZM17.0759 0C18.6908 0 20 1.30919 20 2.92415V17.0759C20 18.6908 18.6908 20 17.0759 20H13.5238C13.1201 20 12.7928 19.6727 12.7928 19.269V17.9122C12.7928 17.5085 13.1201 17.1812 13.5238 17.1812H16.5668C16.9706 17.1812 17.2979 16.8539 17.2979 16.4502V9.7328
5531C17.2979 9.01261 16.3663 8.72638 15.9619 9.32233L12.9744 13.7249C12.8396 13.9236 12.6159 14.0434 12.3759 14.0455L12.0646 14.0482L6.59072 14.0858C6.18503 14.0886 5.85466 13.7605 5.85466 13.3548V6.59132C5.85466 6.18758 6.18195 5.86028 6.58569 5.86028H7.82723C8.23097 5.86028 8.55827 6.18758 8.55827 6.59132V10.5149C8.55827 10.9205 8.88849 11.2486 9.2941 11.2459L10.9683 11.235C11.2089 11.2334 11.4332 11.1136 11.5684 10.9146L16.2902 3.96048C16.6197 3.47511 16.2721 2.81879 15.6854 2.81879H13.5238C13.1201 2.81879 12.7928 2.4915 12.7928 2.08776V0.731036C12.7928 0.327296 13.1201 0 13.5238 0H17.0759Z"></path></svg></div><div style="font-size:12px;font-weight:700;color:#1d9bf0;margin-bottom:10px;letter-spacing:0.06em">STEP <!-- -->01</div><h3 style="font-size:20px;font-weight:500;color:#e7e9ea;margin:0 0 10px;letter-spacing:-1.2px;transition:color 0.3s">Save from anywhere</h3><p style="font-size:15px;line-height:1.6;color:#71767b;margin:0;transition:color 0.3s">Click the Timeitt icon on any tweet in Chrome, or forward a post to our Telegram bot from your phone. Already have hundreds of bookmarks? Import them all in one click.</p></div></div><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 120ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 120ms"><div style="height:100%;padding:36px;border-radius:20px;background-color:#16181c;border:1px solid #2f3336;box-shadow:0 1px 3px rgba(0,0,0,0.2);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);transform:none;cursor:default"><div style="display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background-color:rgba(29,155,240,0.1);margin-bottom:24px"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#1d9bf0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line><path d="M10 14l2 2 4-4"></path></svg></div><div style="font-size:12px;font-weight:700;color:#1d9bf0;margin-bottom:10px;letter-spacing:0.06em">STEP <!-- -->02</div><h3 style="font-size:20px;font-weight:500;color:#e7e9ea;margin:0 0 10px;letter-spacing:-1.2px;transition:color 0.3s">Find it when you need it</h3><p style="font-size:15px;line-height:1.6;color:#71767b;margin:0;transition:color 0.3s">Search by keyword, filter by topic, or ask AI in plain language. Find any saved post the moment you need it — with or without knowing where to look.</p></div></div><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 240ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 240ms"><div style="height:100%;padding:36px;border-radius:20px;background-color:#16181c;border:1px solid #2f3336;box-shadow:0 1px 3px rgba(0,0,0,0.2);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);transform:none;cursor:default"><div style="display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background-color:rgba(29,155,240,0.1);margin-bottom:24px"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#1d9bf0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z"></path><path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z"></path></svg></div><div style="font-size:12px;font-weight:700;color:#1d9bf0;margin-bottom:10px;letter-spacing:0.06em">STEP <!-- -->03</div><h3 style="font-size:20px;font-weight:500;color:#e7e9ea;margin:0 0 10px;letter-spacing:-1.2px;transition:color 0.3s">Create from what you know</h3><p style="font-size:15px;line-height:1.6;color:#71767b;margin:0;transition:color 0.3s">Use Memories to surface supporting ideas, quotes, and references when you&#x27;re writing. Your saves become your personal intelligence layer.</p></div></div></div></section><section style="padding:100px 24px;max-width:1100px;margin:0 auto"><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 0ms"><div style="text-align:center;margin-bottom:72px"><div style="display:inline-block;padding:6px 16px;border-radius:32px;background-color:rgba(29,155,240,0.1);font-size:13px;font-weight:600;color:#1d9bf0;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.05em">Telegram Bot</div><h2 style="font-size:clamp(30px, 4vw, 48px);font-weight:500;color:#e7e9ea;line-height:1.12;letter-spacing:-1.8px;margin:0 0 16px;transition:color 0.3s">Save from your phone.<br/>Just send a link.</h2><p style="font-size:17px;color:#71767b;line-height:1.6;max-width:520px;margin:0 auto;font-weight:200;transition:color 0.3s">Forward any X post, Instagram reel, Reddit thread to the Timeitt Telegram bot. It saves, extracts the content, and auto-schedules it — all from a chat.</p></div></div><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 150ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 150ms"><div style="display:flex;gap:48px;align-items:center;justify-content:center;flex-wrap:wrap"><div class="tg-mockup" style="width:340px;flex-shrink:0"><div style="border-radius:24px;border:2px solid #2f3336;background-color:#0e1621;overflow:hidden;box-shadow:0 20px 80px rgba(29,155,240,0.06), 0 4px 20px rgba(0,0,0,0.4);transition:all 0.3s"><div style="padding:14px 16px;background-color:#17212b;display:flex;align-items:center;gap:12px"><div style="width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0"><img src="/FaviconTimeitt.png" alt="Timeitt" width="36" height="36" style="width:36px;height:36px;object-fit:cover"/>
553</div><div style="flex:1"><div style="display:flex;align-items:center;gap:6px"><span style="font-size:15px;font-weight:600;color:#fff">Timeitt Bot</span><svg width="18" height="18" viewBox="0 0 24 24" fill="rgba(255,255,255,0.5)"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69a.2.2 0 00-.05-.18c-.06-.05-.14-.03-.21-.02-.09.02-1.49.95-4.22 2.79-.4.27-.76.41-1.08.4-.36-.01-1.04-.2-1.55-.37-.63-.2-1.12-.31-1.08-.66.02-.18.27-.36.74-.55 2.92-1.27 4.86-2.11 5.83-2.51 2.78-1.16 3.35-1.36 3.73-1.36.08 0 .27.02.39.12.1.08.13.19.14.27-.01.06.01.24 0 .38z"></path></svg></div><div style="font-size:12px;color:rgba(255,255,255,0.6)">online</div></div></div><div style="padding:16px 14px;min-height:280px"><div style="display:flex;gap:10px;align-items:flex-start;margin-bottom:6px"><div style="width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:#2f3336;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;margin-top:2px"><span style="color:#71767b;font-weight:600">Y</span></div><div style="flex:1"><div style="display:flex;align-items:baseline;gap:8px;margin-bottom:2px"><span style="font-size:13px;font-weight:600;color:#e7e9ea">You</span><span style="font-size:11px;color:#71767b">10:32 AM</span></div><div style="font-size:14px;line-height:1.5;color:#e7e9ea;word-break:break-word">https://x.com/SahilBloom/status/1836029519837...</div></div></div><div style="display:flex;gap:10px;align-items:flex-start;margin-bottom:6px"><div style="width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:#1d9bf0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;margin-top:2px"><img src="/FaviconTimeitt.png" alt="Timeitt" width="32" height="32" style="width:32px;height:32px;object-fit:cover"/></div><div style="flex:1"><div style="display:flex;align-items:baseline;gap:8px;margin-bottom:2px"><span style="font-size:13px;font-weight:600;color:#1d9bf0">Timeitt Bot</span><span style="font-size:11px;color:#71767b">10:32 AM</span></div><div style="font-size:14px;line-height:1.5;color:#e7e9ea;word-break:break-word"><span>Saved!<!-- --> <span style="font-weight:500">“The 4 types of professional time...”</span> by @SahilBloom<br/><span style="font-size:12px;color:#71767b;margin-top:4px;display:inline-block">You have 2 saved posts. Save 1 more to generate your Story.</span></span></div></div></div><div style="display:flex;gap:10px;align-items:flex-start;margin-bottom:6px"><div style="width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:#2f3336;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;margin-top:2px"><span style="color:#71767b;font-weight:600">Y</span></div><div style="flex:1"><div style="display:flex;align-items:baseline;gap:8px;margin-bottom:2px"><span style="font-size:13px;font-weight:600;color:#e7e9ea">You</span><span style="font-size:11px;color:#71767b">10:33 AM</span></div><div style="font-size:14px;line-height:1.5;color:#e7e9ea;word-break:break-word">https://x.com/naval/status/1002103360646...</div></div></div><div style="display:flex;gap:10px;align-items:flex-start;margin-bottom:6px"><div style="width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:#1d9bf0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;margin-top:2px"><img src="/FaviconTimeitt.png" alt="Timeitt" width="32" height="32" style="width:32px;height:32px;object-fit:cover"/></div><div style="flex:1"><div style="display:flex;align-items:baseline;gap:8px;margin-bottom:2px"><span style="font-size:13px;font-weight:600;color:#1d9bf0">Timeitt Bot</span><span style="font-size:11px;color:#71767b">10:33 AM</span></div><div style="font-size:14px;line-height:1.5;color:#e7e9ea;word-break:break-word"><span>Saved!<!-- --> <span style="font-weight:500">“Read what you love until you love to read.”</span> by @naval<br/><span style="color:#1d9bf0;font-size:13px;margin-top:4px;display:inline-block">✅ <!-- -->3 posts reached — Story generated and scheduled for today at 2:00 PM</span></span></div></div></div></div><div style="padding:10px 14px;border-top:1px solid #1c2733;display:flex;align-items:center;gap:10px"><div style="flex:1;padding:8px 14px;border-radius:20px;background-color:#17212b;font-size:14px;color:#71767b">Paste a tweet link...</div><svg width="20" height="20" viewBox="0 0 24 24" fill="#1d9bf0"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"></path></svg></div></div></div><div style="flex:1;min-width:280px;max-width:420px"><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 200ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 200ms"><div style="display:flex;gap:16px;margin-bottom:28px"><div style="width:36px;height:36px;border-radius:10px;background-color:rgba(29,155,240,0.1);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#1d9bf0;flex-shrink:0">1</div><div><h4 style="font-size:16px;font-weight:500;color:#e7e9ea;margin:0 0 4px;letter-spacing:-0.3px;transition:color 0.3s">Open the Timeitt bot on Telegram</h4><p style="font-size:14px;line-height:1.6;color:#71767b;margin:0;transition:color 0.3s">Search @TimeittBot or tap the link. Connect your Google account with /connect.</p></div></div></div><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 300ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 300ms"><div style="display:flex;gap:16px;margin-bottom:28px"><div style="width:36px;height:36px;border-radius:10px;background-color:rgba(29,155,240,0.1);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#1d9bf0;flex-shrink:0">2</div><div><h4 style="font-size:16px;font-weight:500;color:#e7e9ea;margin:0 0 4px;letter-spacing:-0.3px;transition:color 0.3s">Forward or paste any link</h4><p style="font-size:14px;line-height:1.6;color:#71767b;margin:0;transition:color 0.3s">Share any X post, Reddit thread or Instagram reel URL in the chat. The bot extracts the content automatically.</p></div></div></div><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 400ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 400ms"><div style="display:flex;gap:16px;margin-bottom:28px"><div style="width:36px;height:36px;border-radius:10px;background-color:rgba(29,155,240,0.1);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#1d9bf0;flex-shrink:0">3</div><div><h4 style="font-size:16px;font-weight:500;color:#e7e9ea;margin:0 0 4px;letter-spacing:-0.3px;transition:color 0.3s">Auto-scheduled after 3 posts</h4><p style="font-size:14px;line-height:1.6;color:#71767b;margin:0;transition:color 0.3s">Once you hit 3 saved posts, Timeitt creates a Story and schedules it on your calendar.</p></div></div></div></div></div></div></section><section id="faq" style="padding:100px 24px;max-width:700px;margin:0 auto;scroll-margin-top:80px"><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 0ms"><div style="text-align:center;margin-bottom:56px"><div style="display:inline-block;padding:6px 16px;border-radius:32px;background-color:rgba(29,155,240,0.1);font-size:13px;font-weight:600;color:#1d9bf0;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.05em">FAQ</div><h2 style="font-size:clamp(30px, 4vw, 48px);font-weight:500;color:#e7e9ea;line-height:1.12;letter-spacing:-1.8px;margin:0;transition:color 0.3s">Common questions</h2></div></div><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 100ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 100ms"><div style="border-top:1px solid #2f3336;transition:border-color 0.3s"><div style="border-bottom:1px solid #2f3336;overflow:hidden;transition:border-color 0.3s"><button style="width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 0;background-color:transparent;border:none;cursor:pointer;outline:none;text-align:left;font-family:&#x27;Inter&#x27;, -apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, sans-serif"><span style="font-size:17px;font-weight:500;color:#e7e9ea;transition:color 0.3s">What is a Story?</span><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#71767b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);transform:rotate(0deg);flex-shrink:0;margin-left:16px"><polyline points="6 9 12 15 18 9"></polyline></svg></button><div style="max-height:0;opacity:0;transition:max-height 0.4s cubic-bezier(0.16,1,0.3,1), opacity 0.3s ease;overflow:hidden"><p style="font-size:15px;line-height:1.7;color:#71767b;margin:0 0 20px;padding-right:40px;transition:color 0.3s">A Story is an AI-generated brief of 3–5 of your saved posts. Claude reads each post and synthesizes the key ideas, the author&#x27;s perspective, and why it matters — so you can absorb what you saved in seconds and use it when creating. Timeitt creates these automatically as you save posts.</p></div></div><div style="border-bottom:1px solid #2f3336;overflow:hidden;transition:border-color 0.3s"><button style="width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 0;background-color:transparent;border:none;cursor:pointer;outline:none;text-align:left;font-family:&#x27;Inter&#x27;, -apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, sans-serif"><span style="font-size:17px;font-weight:500;color:#e7e9ea;transition:color 0.3s">
553How does auto-scheduling work?</span><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#71767b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);transform:rotate(0deg);flex-shrink:0;margin-left:16px"><polyline points="6 9 12 15 18 9"></polyline></svg></button><div style="max-height:0;opacity:0;transition:max-height 0.4s cubic-bezier(0.16,1,0.3,1), opacity 0.3s ease;overflow:hidden"><p style="font-size:15px;line-height:1.7;color:#71767b;margin:0 0 20px;padding-right:40px;transition:color 0.3s">Every time you reach 3 saved posts, Timeitt automatically creates a Story and finds a free 15-minute slot in your Google Calendar — starting today, up to 3 days ahead. It respects your existing schedule and preferences — no manual planning needed.</p></div></div><div style="border-bottom:1px solid #2f3336;overflow:hidden;transition:border-color 0.3s"><button style="width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 0;background-color:transparent;border:none;cursor:pointer;outline:none;text-align:left;font-family:&#x27;Inter&#x27;, -apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, sans-serif"><span style="font-size:17px;font-weight:500;color:#e7e9ea;transition:color 0.3s">Is Timeitt free?</span><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#71767b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);transform:rotate(0deg);flex-shrink:0;margin-left:16px"><polyline points="6 9 12 15 18 9"></polyline></svg></button><div style="max-height:0;opacity:0;transition:max-height 0.4s cubic-bezier(0.16,1,0.3,1), opacity 0.3s ease;overflow:hidden"><p style="font-size:15px;line-height:1.7;color:#71767b;margin:0 0 20px;padding-right:40px;transition:color 0.3s">Yes, Timeitt has a generous free tier with unlimited saves, 1 session/day, and email notifications. We also offer a Pro tier ($3/mo) with analytics, c
553onfigurable sessions, and more. No credit card required to get started.</p></div></div><div style="border-bottom:1px solid #2f3336;overflow:hidden;transition:border-color 0.3s"><button style="width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 0;background-color:transparent;border:none;cursor:pointer;outline:none;text-align:left;font-family:&#x27;Inter&#x27;, -apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, sans-serif"><span style="font-size:17px;font-weight:500;color:#e7e9ea;transition:color 0.3s">Which platforms are supported?</span><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#71767b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);transform:rotate(0deg);flex-shrink:0;margin-left:16px"><polyline points="6 9 12 15 18 9"></polyline></svg></button><div style="max-height:0;opacity:0;transition:max-height 0.4s cubic-bezier(0.16,1,0.3,1), opacity 0.3s ease;overflow:hidden"><p style="font-size:15px;line-height:1.7;color:#71767b;margin:0 0 20px;padding-right:40px;transition:color 0.3s">The Chrome Extension adds a save button directly on X and Reddit as you browse. The Telegram Bot supports X, Instagram and Reddit — just forward any link in the chat. All platforms feed into the same Memories gallery and AI search.</p></div></div><div style="border-bottom:1px solid #2f3336;overflow:hidden;transition:border-color 0.3s"><button style="width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 0;background-color:transparent;border:none;cursor:pointer;outline:none;text-align:left;font-family:&#x27;Inter&#x27;, -apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, sans-serif"><span style="font-size:17px;font-weight:500;color:#e7e9ea;transition:color 0.3s">What data do you collect?</span><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#71767b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);transform:rotate(0deg);flex-shrink:0;margin-left:16px"><polyline points="6 9 12 15 18 9"></polyline></svg></button><div style="max-height:0;opacity:0;transition:max-height 0.4s cubic-bezier(0.16,1,0.3,1), opacity 0.3s ease;overflow:hidden"><p style="font-size:15px;line-height:1.7;color:#71767b;margin:0 0 20px;padding-right:40px;transition:color 0.3s">We store your saved tweet URLs, basic profile info from Google (name, email), and scheduling preferences. We never read your DMs, access your X account, or share your data with third parties. You can delete your account and all data at any time from Settings.</p></div></div></div></div></section><section id="pricing" style="padding:100px 24px;max-width:900px;margin:0 auto;scroll-margin-top:80px"><style>
554        .pricing-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
555        @media (max-width: 767px) {
556          .pricing-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
557        }
558      </style><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 0ms"><div style="text-align:center;margin-bottom:56px"><div style="display:inline-block;padding:6px 16px;border-radius:32px;background-color:rgba(29,155,240,0.1);font-size:13px;font-weight:600;color:#1d9bf0;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.05em">Pricing</div><h2 style="font-size:clamp(30px, 4vw, 48px);font-weight:500;color:#e7e9ea;line-height:1.12;letter-spacing:-1.8px;margin:0;transition:color 0.3s">Less than a coffee.<br/>More than a bookmark.</h2></div></div><div class="pricing-grid"><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 100ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 100ms"><div style="height:100%;padding:36px;border-radius:20px;background-color:#16181c;border:1px solid #2f3336;box-shadow:0 1px 3px rgba(0,0,0,0.2);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);transform:none;display:flex;flex-direction:column"><div style="height:40px;
558display:flex;align-items:flex-start;margin-bottom:24px"><div style="font-size:13px;font-weight:500;color:#71767b;text-transform:uppercase;letter-spacing:0.08em">Free</div></div><div style="margin-bottom:8px"><span style="font-size:48px;font-weight:600;color:#e7e9ea;letter-spacing:-2px;transition:color 0.3s">$0</span><span style="font-size:16px;color:#71767b;margin-left:4px;transition:color 0.3s">/forever</span></div><div style="height:19px;margin-bottom:32px"></div><div style="display:flex;flex-direction:column;gap:16px;flex:1;margin-bottom:36px"><div><div style="display:flex;align-items:center;gap:12px;font-size:15px;color:#e7e9ea;line-height:1.5;transition:color 0.3s"><div style="flex-shrink:0;display:flex;align-items:center;justify-content:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#71767b" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18.178 8c5.096 0 5.096 8 0 8-5.095 0-7.133-8-12.739-8-4.585 0-4.585 8 0 8 5.606 0 7.644-8 12.74-8z"></path></svg></div><span>Unlimited saves</span></div></div><div><div style="display:flex;align-items:center;gap:12px;font-size:15px;color:#e7e9ea;line-height:1.5;transition:color 0.3s"><div style="flex-shrink:0;display:flex;align-items:center;justify-content:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#71767b" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"></path></svg></div><span>1 Story/day</span></div><p style="margin:4px 0 0 32px;font-size:12px;color:#71767b;line-height:1.4">1 Story = 3 posts synthesized by AI</p></div><div><div style="display:flex;align-items:center;gap:12px;font-size:15px;color:#e7e9ea;line-height:1.5;transition:color 0.3s"><div style="flex-shrink:0;display:flex;align-items:center;justify-content:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#71767b" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"></rect><path d="M16 2v4M8 2v4M3 10h18"></path><path d="M12 16v-3"></path><circle cx="12" cy="16" r="0.5" fill="#71767b"></circle></svg></div><span>Schedule up to 3 days ahead</span></div></div><div><div style="display:flex;align-items:center;gap:12px;font-size:15px;color:#e7e9ea;line-height:1.5;transition:color 0.3s"><div style="flex-shrink:0;display:flex;align-items:center;justify-content:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#71767b" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"></rect><path d="M16 2v4M8 2v4M3 10h18M9 16h6"></path></svg></div><span>Daily digest email</span></div></div><div><div style="display:flex;align-items:center;gap:12px;font-size:15px;color:#e7e9ea;line-height:1.5;transition:color 0.3s"><div style="flex-shrink:0;display:flex;align-items:center;justify-content:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#71767b" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></div><span>Session reminders</span></div></div></div><a as="a" href="/home" data-variant="secondary" data-size="lg" data-full-width="true" class="ds-button">Get started free</a></div></div><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 200ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 200ms"><div style="height:100%;padding:36px;border-radius:20px;border:2px solid transparent;background:linear-gradient(#16181c, #16181c) padding-box, conic-gradient(from var(--stroke-angle), rgba(29,155,240,0.06) 0%, rgba(29,155,240,0.06) 70%, rgba(29,155,240,0.5) 85%, rgba(29,155,240,0.06) 100%) border-box;animation:strokeLoop 16s linear infinite;box-shadow:0 0 24px rgba(29,155,240,0.08), 0 1px 3px rgba(0,0,0,0.2), inset 0 0 12px rgba(29,155,240,0.03);
558transition:box-shadow 0.3s cubic-bezier(0.16,1,0.3,1), transform 0.3s cubic-bezier(0.16,1,0.3,1);transform:none;display:flex;flex-direction:column;position:relative;overflow:hidden"><div style="position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle, rgba(29,155,240,0.4) 0%, transparent 70%);filter:blur(50px);pointer-events:none;z-index:0;animation:proBlobDrift 12s ease-in-out infinite"></div><div style="position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle, rgba(29,155,240,0.32) 0%, transparent 70%);filter:blur(40px);pointer-events:none;z-index:0;animation:proBlobDrift2 16s ease-in-out infinite"></div><div style="position:relative;z-index:1;display:flex;flex-direction:column;flex:1"><div style="position:absolute;top:-20px;right:-20px;padding:5px 12px;border-radius:20px;background:linear-gradient(135deg, rgba(29,155,240,0.15), rgba(29,155,240,0.05));border:1px solid rgba(29,155,240,0.2);font-size:12px;font-weight:600;color:#1d9bf0;letter-spacing:-0.2px">Live now</div><div style="height:40px;display:flex;align-items:flex-start;margin-bottom:24px"><div style="display:inline-block;padding:6px 16px;border-radius:999px;background:linear-gradient(160deg, #5c4f38 0%, #a8905a 25%, #ddd0a0 50%, #a8905a 75%, #5c4f38 100%);font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:0.05em;text-shadow:0 1px 4px rgba(0,0,0,0.7), 0 2px 8px rgba(0,0,0,0.5)">Pro</div></div><div style="margin-bottom:8px"><span style="font-size:48px;font-weight:600;color:#e7e9ea;letter-spacing:-2px;transition:color 0.3s">$3</span><span style="font-size:16px;color:#71767b;margin-left:4px;transition:color 0.3s">/mo</span></div><p style="font-size:13px;color:#1d9bf0;margin:0 0 32px;font-weight:500">Less than a coffee a month</p><div style="display:flex;flex-direction:column;gap:16px;flex:1;margin-bottom:36px"><div><div style="display:flex;align-items:center;gap:12px;font-size:15px;color:#e7e9ea;line-height:1.5;transition:color 0.3s"><div style="flex-shrink:0;display:flex;align-items:center;justify-content:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1d9bf0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"></path></svg></div><span>Everything in Free</span></div></div><div><div style="display:flex;align-items:center;gap:12px;font-size:15px;color:#e7e9ea;line-height:1.5;transition:color 0.3s"><div style="flex-shrink:0;display:flex;align-items:center;justify-content:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1d9bf0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path><path d="M12 18v-5.5a.5.5 0 0 0-1 0V18"></path></svg></div><span>AI session summaries</span></div></div><div><div style="display:flex;align-items:center;gap:12px;font-size:15px;color:#e7e9ea;line-height:1.5;transition:color 0.3s"><div style="flex-shrink:0;display:flex;align-items:center;justify-content:center"><svg width="20" height="20" viewBox="0 0 160 160" fill="none"><circle cx="48.5093" cy="53.4293" r="33.9829" fill="#1d9bf0"></circle><circle cx="118.522" cy="74.9127" r="26.9524" fill="#1d9bf0"></circle><circle cx="69.2124" cy="121.209" r="19.3442" fill="#1d9bf0"></circle></svg></div><span>Memories gallery</span></div></div><div><div style="display:flex;align-items:center;gap:12px;font-size:15px;color:#e7e9ea;line-height:1.5;transition:color 0.3s"><div style="flex-shrink:0;display:flex;align-items:center;justify-content:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1d9bf0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"></rect><path d="M16 2v4M8 2v4M3 10h18M12 14v4M10 16h4"></path></svg></div><span>2+ Stories/day (configurable)</span></div><p style="margin:4px 0 0 32px;font-size:12px;color:#71767b;line-height:1.4">1 Story = 3 posts synthesized by AI</p></div><div><div style="display:flex;align-items:center;gap:12px;font-size:15px;color:#e7e9ea;line-height:1.5;transition:color 0.3s"><div style="flex-shrink:0;display:flex;align-items:center;justify-content:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1d9bf0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg></div><span>Analytics dashboard</span><span style="font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#71767b;opacity:0.7;white-space:nowrap">SOON</span></div></div><div><div style="display:flex;align-items:center;gap:12px;font-size:15px;color:#e7e9ea;line-height:1.5;transition:color 0.3s"><div style="flex-shrink:0;display:flex;align-items:center;justify-content:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1d9bf0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path>
558<line x1="10" y1="13" x2="16" y2="13"></line><line x1="10" y1="17" x2="14" y2="17"></line></svg></div><span>Weekly analytics reports</span><span style="font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#71767b;opacity:0.7;white-space:nowrap">SOON</span></div></div><div><div style="display:flex;align-items:center;gap:12px;font-size:15px;color:#e7e9ea;line-height:1.5;transition:color 0.3s"><div style="flex-shrink:0;display:flex;align-items:center;justify-content:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1d9bf0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="13" r="8"></circle><path d="M12 9v4l2 2"></path><path d="M10 2h4"></path></svg></div><span>Custom session duration</span><span style="font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#71767b;opacity:0.7;white-space:nowrap">SOON</span></div></div><div><div style="display:flex;align-items:center;gap:12px;font-size:15px;color:#e7e9ea;line-height:1.5;transition:color 0.3s"><div style="flex-shrink:0;display:flex;align-items:center;justify-content:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1d9bf0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg></div><span>Export &amp; history</span><span style="font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#71767b;opacity:0.7;white-space:nowrap">SOON</span></div></div></div><a as="a" href="/pro" style="position:relative;overflow:hidden;font-weight:400" data-variant="primary" data-size="lg" data-full-width="true" class="ds-button"><div style="position:absolute;inset:0;border-radius:48px;overflow:hidden;pointer-events:none"><div style="position:absolute;inset:0;background:linear-gradient(100deg, transparent 20%, rgba(255,255,255,0.4) 50%, transparent 80%);background-size:200% 100%;animation:btn-shimmer 3.5s ease-in-out infinite"></div></div><span style="position:relative;z-index:1">Get Pro</span></a><p style="text-align:center;font-size:12px;color:#71767b;margin:10px 0 0;letter-spacing:-0.2px;transition:color 0.3s">Cancel anytime</p></div></div></div></div></section><section style="padding:100px 24px;max-width:900px;margin:0 auto;text-align:center"><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 0ms"><div style="display:inline-block;padding:6px 16px;border-radius:32px;background-color:rgba(29,155,240,0.1);font-size:13px;font-weight:600;color:#1d9bf0;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.05em">Platforms</div><h2 style="font-size:clamp(28px, 4vw, 48px);font-weight:500;color:#e7e9ea;line-height:1.12;letter-spacing:-1.8px;margin:0 0 16px;transition:color 0.3s">Available on<br/>your favorite platforms.</h2><p style="font-size:17px;color:#71767b;line-height:1.6;max-width:500px;margin:0 auto 64px;font-weight:200;transition:color 0.3s">Chrome Extension for X, Reddit &amp; Instagram. Telegram Bot for all platforms. Web app — paste any URL to save it.</p><div class="platforms-grid" style="display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:560px;margin:0 auto"><div style="display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;border-radius:20px;flex:0 0 160px;border:2px solid rgba(29,155,240,0.5);background:rgba(29,155,240,0.08);box-shadow:0 0 0 0 transparent;transition:all 0.3s;opacity:1"><div style="width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center"><svg width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="#4285F4"></circle><circle cx="12" cy="12" r="4.2" fill="white"></circle><path d="M12 2a10 10 0 0 1 8.66 5H12a5 5 0 0 0-4.33 2.5L5.34 5A10 10 0 0 1 12 2z" fill="#EA4335"></path><path d="M2 12a10 10 0 0 0 3.34 7.43L8.67 14A5 5 0 0 1 7 12z" fill="#FBBC04"></path><path d="M12 22a10 10 0 0 0 8.66-5H15.33A5 5 0 0 1 8.67 14l-3.33 5.43A10 10 0 0 0 12 22z" fill="#34A853"></path></svg></div><span style="font-size:13px;font-weight:600;color:#e7e9ea;transition:color 0.3s">Chrome Extension</span><span style="font-size:10px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:3px 10px;border-radius:99px;color:#1d9bf0;background:rgba(29,155,240,0.15);border:none">Available now</span></div><div style="display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;border-radius:20px;flex:0 0 160px;border:2px solid rgba(29,155,240,0.5);background:rgba(29,155,240,0.08);box-shadow:0 0 0 0 transparent;transition:all 0.3s;opacity:1"><div style="width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center"><svg width="24" height="24" viewBox="0 0 24 24" fill="#229ED9"><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.562 8.248-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.447 1.394c-.16.16-.295.295-.605.295l.213-3.053 5.56-5.023c.242-.213-.054-.333-.373-.12L7.17 13.5l-2.95-.924c-.64-.203-.652-.64.135-.954l11.5
5587-4.461c.537-.194 1.006.131.637.087z"></path></svg></div><span style="font-size:13px;font-weight:600;color:#e7e9ea;transition:color 0.3s">Telegram Bot</span><span style="font-size:10px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:3px 10px;border-radius:99px;color:#1d9bf0;background:rgba(29,155,240,0.15);border:none">Available now</span></div><div style="display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;border-radius:20px;flex:0 0 160px;border:2px solid rgba(29,155,240,0.5);background:rgba(29,155,240,0.08);box-shadow:0 0 0 0 transparent;transition:all 0.3s;opacity:1"><div style="width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#4a9eff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg></div><span style="font-size:13px;font-weight:600;color:#e7e9ea;transition:color 0.3s">Web App</span><span style="font-size:10px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:3px 10px;border-radius:99px;color:#1d9bf0;background:rgba(29,155,240,0.15);border:none">Available now</span></div><div style="display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;border-radius:20px;flex:0 0 160px;border:2px solid rgba(29,155,240,0.5);background:rgba(29,155,240,0.08);box-shadow:0 0 0 0 transparent;transition:all 0.3s;opacity:1"><div style="width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center"><svg width="24" height="24" viewBox="0 0 24 24" fill="#FF4500"><path d="M12 0C5.373 0 0 5.373 0 12c0 3.314 1.343 6.314 3.515 8.485l-2.286 2.286C.775 23.225 1.097 24 1.738 24H12c6.627 0 12-5.373 12-12S18.627 0 12 0Zm4.388 3.199c1.104 0 1.999.895 1.999 1.999 0 1.105-.895 2-1.999 2-.946 0-1.739-.657-1.947-1.539v.002c-1.147.162-2.032 1.15-2.032 2.341v.007c1.776.067 3.4.567 4.686 1.363.473-.363 1.064-.58 1.707-.58 1.547 0 2.802 1.254 2.802 2.802 0 1.117-.655 2.081-1.601 2.531-.088 3.256-3.637 5.876-7.997 5.876-4.361 0-7.905-2.617-7.998-5.87-.954-.447-1.614-1.415-1.614-2.538 0-1.548 1.255-2.802 2.803-2.802.645 0 1.239.218 1.712.585 1.275-.79 2.881-1.291 4.64-1.365v-.01c0-1.663 1.263-3.034 2.88-3.207.188-.911.993-1.595 1.959-1.595Zm-8.085 8.376c-.784 0-1.459.78-1.506 1.797-.047 1.016.64 1.429 1.426 1.429.786 0 1.371-.369 1.418-1.385.047-1.017-.553-1.841-1.338-1.841Zm7.406 0c-.786 0-1.385.824-1.338 1.841.047 1.017.634 1.385 1.418 1.385.785 0 1.473-.413 1.426-1.429-.046-1.017-.721-1.797-1.506-1.797Zm-3.703 4.013c-.974 0-1.907.048-2.77.135-.147.015-.241.168-.183.305.483 1.154 1.622 1.964 2.953 1.964 1.33 0 2.47-.81 2.953-1.964.057-.137-.037-.29-.184-.305-.863-.087-1.795-.135-2.769-.135Z"></path></svg></div><span style="font-size:13px;font-weight:600;color:#e7e9ea;transition:color 0.3s">Reddit</span><span style="font-size:10px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:3px 10px;border-radius:99px;color:#1d9bf0;background:rgba(29,155,240,0.15);border:none">Available now</span></div><div style="display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;border-radius:20px;flex:0 0 160px;border:2px solid rgba(29,155,240,0.5);background:rgba(29,155,240,0.08);box-shadow:0 0 0 0 transparent;transition:all 0.3s;opacity:1"><div style="width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center"><svg width="24" height="24" viewBox="0 0 24 24"><defs><linearGradient id="ig-grad" x1="0%" y1="100%" x2="100%" y2="0%"><stop offset="0%" stop-color="#f09433"></stop><stop offset="25%" stop-color="#e6683c"></stop><stop offset="50%" stop-color="#dc2743"></stop><stop offset="75%" stop-color="#cc2366"></stop><stop offset="100%" stop-color="#bc1888"></stop></linearGradient></defs><path fill="url(#ig-grad)" d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 
5580-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path></svg></div><span style="font-size:13px;font-weight:600;color:#e7e9ea;transition:color 0.3s">Instagram</span><span style="font-size:10px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:3px 10px;border-radius:99px;color:#1d9bf0;background:rgba(29,155,240,0.15);border:none">Available now</span></div></div></div></section><section class="final-cta-section" style="position:relative;padding:120px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden"><div style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(29,155,240,.12) 0%,transparent 70%);filter:blur(60px);pointer-events:none"></div><div style="opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.7s cubic-bezier(0.16,1,0.3,1) 0ms"><h2 style="font-size:clamp(30px, 4.5vw, 56px);font-weight:500;color:#e7e9ea;line-height:1.12;letter-spacing:-1.8px;margin:0 0 16px;position:relative;transition:color 0.3s">Stop losing ideas<!-- -->.<br/>Start creating with them.</h2><p style="font-size:18px;color:#71767b;line-height:1.6;max-width:480px;margin:0 auto 40px;position:relative;font-weight:200;transition:color 0.3s">Join creators and founders who turned their saved posts into a searchable knowledge base.</p><a href="/home" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:48px;background:#1d9bf0;color:#fff;font-size:16px;font-weight:600;letter-spacing:-0.3px;text-decoration:none;transition:opacity 0.2s;position:relative">Log in</a></div></section><footer style="border-top:1px solid #2f3336;transition:border-color 0.3s"><div class="footer-bar" style="padding:32px 40px;display:flex;align-items:center;justify-content:space-between"><div style="display:flex;align-items:center;gap:16px"><img src="/logo.svg" alt="Timeitt" height="22" style="height:22px;width:auto;opacity:0.7"/><span style="font-size:13px;color:#71767b;transition:color 0.3s">© <!-- -->2026<!-- --> <!-- -->Timeitt.</span></div><div style="display:flex;align-items:center;gap:16px"><a href="https://x.com/timeittapp" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;gap:6px;font-size:13px;color:#71767b;text-decoration:none;transition:color 0.3s"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.261 5.635 5.903-5.635Zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg>@timeittapp</a><a href="/privacy" style="font-size:13px;color:#71767b;text-decoration:none;transition:color 0.3s">Privacy Policy</a></div></div><div style="padding:0 40px 24px;text-align:center;display:flex;flex-direction:column;gap:8px"><span style="font-size:12px;color:#71767b;opacity:0.6;transition:color 0.3s">AI-powered reading summaries are generated using<!-- --> <a href="https://www.anthropic.com" target="_blank" rel="noopener noreferrer" style="color:#71767b;text-decoration:underline">Anthropic&#x27;s Claude API (Claude Haiku model)</a>.</span><span style="font-size:12px;color:#71767b;opacity:0.6;transition:color 0.3s">Built by<!-- --> <a href="https://www.linkedin.com/in/jtvillalba/" target="_blank" rel="noopener noreferrer" style="color:#71767b;text-decoration:underline">Jose Trave</a></span></div></footer></div></div><!--$?--><template id="B:2"></template><!--/$--></div>
558<script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
559$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:1","S:1")</script>
559<div hidden id="S:2"></div>
559<script>$RC("B:2","S:2")</script>
559<title>Timeitt — Save bookmarks. Find them instantly.</title><meta name="description" content="One click to save tweets from X. Timeitt auto-schedules them into 15-minute Stories on your Google Calendar — so you actually read what you save."/><link rel="canonical" href="https://www.timeitt.com"/><meta property="og:title" content="Timeitt — Save bookmarks. Find them instantly."/><meta property="og:description" content="One click to save. Auto-scheduled into Stories on Google Calendar. Find instantly what you saved."/><meta property="og:url" content="https://www.timeitt.com"/><meta property="og:site_name" content="Timeitt"/><meta property="og:image" content="https://www.timeitt.com/heroTimeitt.png"/><meta property="og:image:width" content="2912"/><meta property="og:image:height" content="1632"/><meta property="og:image:alt" content="Timeitt — Save posts from X and read them on your schedule"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Timeitt — Save bookmarks. Find them instantly."/><meta name="twitter:description" content="One click to save. Auto-scheduled into Stories on Google Calendar. Find instantly what you saved."/><meta name="twitter:image" content="https://www.timeitt.com/heroTimeitt.png"/><div hidden id="S:0"></div>
559<script>$RC("B:0","S:0")</script>
559<script>(self.__next_f=self.__next_f||[]).push([0])</script>
559<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[9766,[],\"\"]\n3:I[8924,[],\"\"]\n9:I[7150,[],\"\"]\nb:I[4431,[],\"OutletBoundary\"]\nd:I[5278,[],\"AsyncMetadataOutlet\"]\n17:I[4431,[],\"ViewportBoundary\"]\n19:I[4431,[],\"MetadataBoundary\"]\n1a:\"$Sreact.suspense\"\n1c:I[5497,[\"9522\",\"static/chunks/9522-85e65dfc45ea88fb.js\",\"5497\",\"static/chunks/5497-fab184471e1da98f.js\",\"8974\",\"static/chunks/app/page-80e101595beafb25.js\"],\"default\"]\n:HL[\"/_next/static/css/65559c6c59d4ee8a.css\",\"style\"]\n4:T1745,"])</script>
559<script>self.__next_f.push([1,"\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  html, body { margin: 0; background: #000; }\n\n  .nf-page {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    background: #000;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    -webkit-font-smoothing: antialiased;\n    position: relative;\n    overflow: hidden;\n  }\n\n  /* ── Pensieve wisps ── */\n  .pw-root {\n    position: fixed;\n    inset: 0;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .pw-basin {\n    position: absolute;\n    bottom: 38%;\n    left: 50%;\n    width: 260px;\n    height: 40px;\n    border-radius: 50%;\n    background: radial-gradient(ellipse, rgba(255,255,255,0.22) 0%, rgba(220,220,220,0.07) 60%, transparent 100%);\n    filter: blur(12px);\n    transform: translateX(-50%);\n    animation: pw-basin-pulse 6s ease-in-out infinite;\n  }\n\n  @keyframes pw-basin-pulse {\n    0%, 100% { opacity: 0.5; transform: translateX(-50%) scaleX(1); }\n    50%       { opacity: 0.7; transform: translateX(-50%) scaleX(1.05); }\n  }\n\n  .pw-wisp {\n    position: absolute;\n    bottom: 38%;\n    border-radius: 50%;\n    filter: blur(4px);\n  }\n\n  .pw-wisp-1  { left: calc(50% - 6px);  width: 12px; height: 18px; background: rgba(255,255,255,0.40); animation: pw-rise-1  9.0s ease-out 0.0s infinite; }\n  .pw-wisp-2  { left: calc(50% - 22px); width:  8px; height: 13px; background: rgba(220,220,220,0.30); animation: pw-rise-2  8.2s ease-out 1.5s infinite; }\n  .pw-wisp-3  { left: calc(50% + 10px); width: 14px; height: 20px; background: rgba(255,255,255,0.45); animation: pw-rise-3 10.0s ease-out 3.0s infinite; }\n  .pw-wisp-4  { left: calc(50% - 38px); width:  7px; height: 11px; background: rgba(230,230,230,0.28); animation: pw-rise-4  8.6s ease-out 4.5s infinite; }\n  .pw-wisp-5  { left: calc(50% + 28px); width: 11px; height: 16px; background: rgba(255,255,255,0.38); animation: pw-rise-5  9.5s ease-out 6.0s infinite; }\n  .pw-wisp-6  { left: calc(50% - 2px);  width:  9px; height: 14px; background: rgba(210,210,210,0.32); animation: pw-rise-6  8.8s ease-out 2.0s infinite; }\n  .pw-wisp-7  { left: calc(50% - 16px); width: 13px; height: 18px; background: rgba(255,255,255,0.42); animation: pw-rise-7  9.2s ease-out 5.0s infinite; }\n  .pw-wisp-8  { left: calc(50% + 20px); width:  6px; height: 10px; background: rgba(235,235,235,0.30); animation: pw-rise-8  8.4s ease-out 7.0s infinite; }\n  .pw-wisp-9  { left: calc(50% - 30px); width: 10px; height: 16px; background: rgba(255,255,255,0.36); animation: pw-rise-9  9.8s ease-out 3.8s infinite; }\n\n  @keyframes pw-rise-1 { 0% { opacity:0; transform:translateY(0) translateX(0) scale(1); } 15% { opacity:0.72; } 85% { opacity:0.55; } 100% { opacity:0; transform:translateY(-220px) translateX(8px) scale(0.35); } }\n  @keyframes pw-rise-2 { 0% { opacity:0; transform:translateY(0) translateX(0) scale(1); } 12% { opacity:0.65; } 88% { opacity:0.40; } 100% { opacity:0; transform:translateY(-200px) translateX(-12px) scale(0.40); } }\n  @keyframes pw-rise-3 { 0% { opacity:0; transform:translateY(0) translateX(0) scale(1); } 18% { opacity:0.78; } 82% { opacity:0.50; } 100% { opacity:0; transform:translateY(-230px) translateX(5px) scale(0.30); } }\n  @keyframes pw-rise-4 { 0% { opacity:0; transform:translateY(0) translateX(0) scale(1); } 14% { opacity:0.60; } 86% { opacity:0.45; } 100% { opacity:0; transform:translateY(-190px) translateX(-8px) scale(0.45); } }\n  @keyframes pw-rise-5 { 0% { opacity:0; transform:translateY(0) translateX(0) scale(1); } 16% { opacity:0.70; } 84% { opacity:0.48; } 100% { opacity:0; transform:translateY(-210px) translateX(14px) scale(0.38); } }\n  @keyframes pw-rise-6 { 0% { opacity:0; transform:translateY(0) translateX(0) scale(1); } 13% { opacity:0.62; } 87% { opacity:0.42; } 100% { opacity:0; transform:translateY(-225px) translateX(-6px) scale(0.32); } }\n  @keyframes pw-rise-7 { 0% { opacity:0; transform:translateY(0) translateX(0) scale(1); } 20% { opacity:0.75; } 80% { opacity:0.50; } 100% { opacity:0; transform:translateY(-205px) translateX(10px) scale(0.42); } }\n  @keyframes pw-rise-8 { 0% { opacity:0; transform:translateY(0) translateX(0) scale(1); } 11% { opacity:0.68; } 89% { opacity:0.44; } 100% { opacity:0; transform:translateY(-235px) translateX(-15px) scale(0.28); } }\n  @keyframes pw-rise-9 { 0% { opacity:0; transform:translateY(0) translateX(0) scale(1); } 17% { opacity:0.74; } 83% { opacity:0.52; } 100% { opacity:0; transform:translateY(-215px) translateX(7px) scale(0.36); } }\n\n  @media (prefers-reduced-motion: reduce) {\n    .pw-wisp, .pw-basin { animation: none !important; opacity: 0.25 !important; }\n  }\n\n  /* ── Content ── */\n  .nf-container {\n    text-align: center;\n    max-width: 420px;\n    padding: 40px 24px;\n    position: relative;\n    z-index: 1;\n    animation: nf-fade-up 0.6s cubic-bezier(0.16,1,0.3,1) both;\n  }\n\n  @keyframes nf-fade-up {\n    from { opacity: 0; transform: translateY(16px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  .nf-logo {\n    width: 48px;\n    height: 48px;\n    margin: 0 auto 28px;\n    display: block;\n    border-radius: 12px;\n  }\n\n  .nf-code {\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: #555;\n    margin-bottom: 12px;\n  }\n\n  .nf-title {\n    color: #e7e9ea;\n    font-size: 22px;\n    font-weight: 600;\n    letter-spacing: -0.5px;\n    line-height: 1.3;\n    margin-bottom: 12px;\n  }\n\n  .nf-text {\n    color: #555;\n    font-size: 15px;\n    line-height: 1.6;\n    margin-bottom: 32px;\n  }\n\n  .nf-button {\n    display: inline-block;\n    background: #1d9bf0;\n    color: #fff;\n    font-size: 15px;\n    font-weight: 600;\n    padding: 12px 32px;\n    border-radius: 9999px;\n    text-decoration: none;\n    transition: background 0.2s;\n  }\n\n  .nf-button:hover { background: #1a8cd8; }\n"])</script>
559<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"_S3AnPcyfH4UNJjdTvzAN\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/65559c6c59d4ee8a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"try{var t=localStorage.getItem('timeitt-theme');document.documentElement.dataset.theme=(t==='light'||t==='dark')?t:'dark';}catch(e){document.documentElement.dataset.theme='dark';}\"}}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.googleapis.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.gstatic.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600\u0026display=swap\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/FaviconTimeittChromeExtension.png\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/FaviconTimeittChromeExtensionLight.png\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/FaviconTimeittChromeExtension.png\"}]]}],[\"$\",\"body\",null,{\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$4\"}}],\"$L5\"],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]]}],{\"children\":[\"__PAGE__\",\"$L6\",{},null,false]},[\"$L7\",[],[]],false],\"$L8\",false]],\"m\":\"$undefined\",\"G\":[\"$9\",[]],\"s\":false,\"S\":false}\n"])</script>
559<script>self.__next_f.push([1,"5:[\"$\",\"div\",null,{\"className\":\"nf-page\",\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":\"true\",\"className\":\"pw-root\",\"children\":[[\"$\",\"div\",null,{\"className\":\"pw-basin\"}],[\"$\",\"div\",null,{\"className\":\"pw-wisp pw-wisp-1\"}],[\"$\",\"div\",null,{\"className\":\"pw-wisp pw-wisp-2\"}],[\"$\",\"div\",null,{\"className\":\"pw-wisp pw-wisp-3\"}],[\"$\",\"div\",null,{\"className\":\"pw-wisp pw-wisp-4\"}],[\"$\",\"div\",null,{\"className\":\"pw-wisp pw-wisp-5\"}],[\"$\",\"div\",null,{\"className\":\"pw-wisp pw-wisp-6\"}],[\"$\",\"div\",null,{\"className\":\"pw-wisp pw-wisp-7\"}],[\"$\",\"div\",null,{\"className\":\"pw-wisp pw-wisp-8\"}],[\"$\",\"div\",null,{\"className\":\"pw-wisp pw-wisp-9\"}]]}],[\"$\",\"div\",null,{\"className\":\"nf-container\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/FaviconTimeittChromeExtensionLight.png\",\"alt\":\"Timeitt\",\"className\":\"nf-logo\"}],[\"$\",\"p\",null,{\"className\":\"nf-code\",\"children\":\"404\"}],[\"$\",\"h1\",null,{\"className\":\"nf-title\",\"children\":\"This memory seems to have dissolved.\"}],[\"$\",\"p\",null,{\"className\":\"nf-text\",\"children\":\"The page you're looking for is no longer here — but your Stories are waiting.\"}],[\"$\",\"a\",null,{\"href\":\"/\",\"className\":\"nf-button\",\"children\":\"Go home\"}]]}]]}]\n"])</script>
559<script>self.__next_f.push([1,"6:[\"$\",\"$1\",\"c\",{\"children\":[\"$La\",null,[\"$\",\"$Lb\",null,{\"children\":[\"$Lc\",[\"$\",\"$Ld\",null,{\"promise\":\"$@e\"}]]}]]}]\nf:T2841,"])</script>
559<script>self.__next_f.push([1,"\n@property --tl-angle { syntax: '\u003cangle\u003e'; initial-value: 0deg; inherits: false; }\n\n.tl-root {\n  position: fixed;\n  inset: 0;\n  z-index: 9999;\n  /* Defaults to the theme-aware page background set in globals.css, so the\n     splash never disagrees with the page underneath it. */\n  background: var(--tl-bg, var(--page-bg, #000));\n  display: grid;\n  place-items: center;\n  overflow: hidden;\n  /* Failsafe: if the JS bundle never arrives, never trap the page behind the splash. */\n  animation: tl-failsafe 0.4s ease 8s forwards;\n}\n.tl-root.tl-out {\n  animation: none;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.35s ease;\n}\n@keyframes tl-failsafe { to { opacity: 0; visibility: hidden; } }\n\n/* ── Drifting bubbles ───────────────────────────────────────────────\n   Negative animation-delays start every bubble mid-flight, so the very\n   first painted frame already has motion in it. */\n.tl-bubble {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(60px);\n  opacity: 0;\n  animation: tl-drift linear infinite;\n  pointer-events: none;\n}\n/* Extra mid-stops in each gradient: a single 0%→transparent ramp bands visibly\n   at this size, even under a 60px blur. */\n.tl-bubble-1 { width: 420px; height: 420px; left: -110px; bottom: -110px; background: radial-gradient(circle, rgba(29,155,240,0.42) 0%, rgba(29,155,240,0.20) 42%, rgba(29,155,240,0.05) 66%, transparent 78%); animation-duration: 18s; animation-delay: -9s; }\n.tl-bubble-2 { width: 320px; height: 320px; right: -70px; top: 8%;        background: radial-gradient(circle, rgba(60,160,255,0.34) 0%, rgba(60,160,255,0.16) 42%, rgba(60,160,255,0.04) 66%, transparent 78%); animation-duration: 22s; animation-delay: -6s; }\n.tl-bubble-3 { width: 240px; height: 240px; left: 16%; bottom: 12%;       background: radial-gradient(circle, rgba(100,180,255,0.30) 0%, rgba(100,180,255,0.14) 42%, rgba(100,180,255,0.04) 66%, transparent 78%); animation-duration: 26s; animation-delay: -11s; }\n.tl-bubble-4 { width: 190px; height: 190px; right: 14%; bottom: 16%;      background: radial-gradient(circle, rgba(29,155,240,0.36) 0%, rgba(29,155,240,0.17) 42%, rgba(29,155,240,0.04) 66%, transparent 78%); animation-duration: 20s; animation-delay: -4s; }\n.tl-bubble-5 { width: 300px; height: 300px; left: 34%; top: -40px;        background: radial-gradient(circle, rgba(60,160,255,0.26) 0%, rgba(60,160,255,0.12) 42%, rgba(60,160,255,0.03) 66%, transparent 78%); animation-duration: 30s; animation-delay: -15s; }\n/* Sits directly behind the panel — without it backdrop-filter has nothing to\n   blur and the glass reads as flat fill. */\n.tl-bubble-6 { width: 560px; height: 560px; left: 50%; top: 50%; margin: -280px 0 0 -280px; background: radial-gradient(circle, rgba(29,155,240,0.30) 0%, rgba(29,155,240,0.14) 40%, rgba(29,155,240,0.03) 64%, transparent 76%); filter: blur(70px); animation-duration: 24s; animation-delay: -12s; }\n@keyframes tl-drift {\n  0%   { transform: translateY(60px) scale(0.85); opacity: 0; }\n  10%  { opacity: 1; }\n  85%  { opacity: 1; }\n  100% { transform: translateY(-80px) scale(1.08); opacity: 0; }\n}\n\n/* ── Frosted glass panel ──────────────────────────────────────────── */\n.tl-panel {\n  position: relative;\n  width: 264px;\n  height: 164px;\n  border-radius: 24px;\n  border: 1px solid transparent;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 22px;\n  backdrop-filter: blur(24px) saturate(180%);\n  -webkit-backdrop-filter: blur(24px) saturate(180%);\n  background:\n    linear-gradient(rgba(22,24,28,0.72), rgba(22,24,28,0.72)) padding-box,\n    conic-gradient(from var(--tl-angle),\n      rgba(255,255,255,0.06) 0%,\n      rgba(255,255,255,0.06) 70%,\n      rgba(29,155,240,0.5) 85%,\n      rgba(255,255,255,0.06) 100%) border-box;\n  animation: tl-stroke 6s linear infinite, tl-panel-in 0.5s cubic-bezier(0.16,1,0.3,1) both;\n  box-shadow: 0 24px 60px rgba(0,0,0,0.45);\n}\n@keyframes tl-stroke { to { --tl-angle: 360deg; } }\n@keyframes tl-panel-in { from { opacity: 0; transform: translateY(8px) scale(0.98); } to { opacity: 1; transform: none; } }\n\n/* ── Wisps rising inside the panel, behind the logo ───────────────── */\n.tl-basin {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  width: 150px;
559\n  height: 26px;\n  border-radius: 50%;\n  background: radial-gradient(ellipse, rgba(29,155,240,0.30) 0%, rgba(100,160,255,0.12) 60%, transparent 100%);\n  filter: blur(9px);\n  animation: tl-basin-pulse 4s ease-in-out infinite;\n  pointer-events: none;\n}\n@keyframes tl-basin-pulse {\n  0%, 100% { opacity: 0.5; transform: translateX(-50%) scaleX(1); }\n  50%      { opacity: 0.7; transform: translateX(-50%) scaleX(1.05); }\n}\n.tl-wisp { position: absolute; bottom: 4px; border-radius: 50%; filter: blur(4px); pointer-events: none; }\n.tl-wisp-1 { left: 42%; width: 11px; height: 17px; background: rgba(29,155,240,0.34);  animation: tl-rise-1 5.0s ease-out 0s   infinite; }\n.tl-wisp-2 { left: 33%; width: 8px;  height: 13px; background: rgba(214,232,255,0.55); animation: tl-rise-2 5.8s ease-out 0.9s infinite; }\n.tl-wisp-3 { left: 56%; width: 13px; height: 19px; background: rgba(60,160,255,0.30);  animation: tl-rise-3 5.4s ease-out 2.1s infinite; }\n.tl-wisp-4 { left: 62%; width: 7px;  height: 11px; background: rgba(220,236,255,0.50); animation: tl-rise-4 6.2s ease-out 3.0s infinite; }\n.tl-wisp-5 { left: 48%; width: 10px; height: 15px; background: rgba(29,155,240,0.28);  animation: tl-rise-5 5.6s ease-out 1.5s infinite; }\n@keyframes tl-rise-1 { 0% { opacity:0; transform:translate(0,0) scale(1); } 15% { opacity:0.7; } 85% { opacity:0.45; } 100% { opacity:0; transform:translate(7px,-104px) scale(0.34); } }\n@keyframes tl-rise-2 { 0% { opacity:0; transform:translate(0,0) scale(1); } 12% { opacity:0.62; } 88% { opacity:0.38; } 100% { opacity:0; transform:translate(-11px,-96px) scale(0.4); } }\n@keyframes tl-rise-3 { 0% { opacity:0; transform:translate(0,0) scale(1); } 18% { opacity:0.74; } 82% { opacity:0.48; } 100% { opacity:0; transform:translate(5px,-110px) scale(0.3); } }\n@keyframes tl-rise-4 { 0% { opacity:0; transform:translate(0,0) scale(1); } 14% { opacity:0.58; } 86% { opacity:0.36; } 100% { opacity:0; transform:translate(-8px,-92px) scale(0.42); } }\n@keyframes tl-rise-5 { 0% { opacity:0; transform:translate(0,0) scale(1); } 16% { opacity:0.68; } 84% { opacity:0.44; } 100% { opacity:0; transform:translate(12px,-100px) scale(0.36); } }\n\n/* ── Logo + indeterminate bar ─────────────────────────────────────── */\n.tl-logo { position: relative; z-index: 1; height: 30px; width: auto; animation: tl-logo-pulse 2.6s ease-in-out infinite; }\n@keyframes tl-logo-pulse { 0%, 100% { opacity: 0.92; } 50% { opacity: 0.6; } }\n.tl-logo--on-light { display: none; }\n\n.tl-bar {\n  position: relative;\n  z-index: 1;\n  width: 108px;\n  height: 3px;\n  border-radius: 999px;\n  background: rgba(255,255,255,0.08);\n  overflow: hidden;\n}\n.tl-bar::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(90deg, transparent 0%, rgba(29,155,240,0.95) 50%, transparent 100%);\n  transform: translateX(-100%);\n  animation: tl-bar-sweep 1.4s ease-in-out infinite;\n}\n@keyframes tl-bar-sweep { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }\n\n/* ── Light theme ──────────────────────────────────────────────────────\n   The dark palette is invisible on #FAF8F6, so swap to the muted blue-greys\n   already tuned for light mode in PensieveWisps on the landing page. */\n:root[data-theme=\"light\"] .tl-logo--on-dark  { display: none; }\n:root[data-theme=\"light\"] .tl-logo--on-light { display: block; }\n:root[data-theme=\"light\"] .tl-panel {\n  background:\n    linear-gradient(rgba(255,255,255,0.72), rgba(255,255,255,0.72)) padding-box,\n    conic-gradient(from var(--tl-angle),\n      rgba(0,0,0,0.06) 0%,\n      rgba(0,0,0,0.06) 70%,\n      rgba(29,155,240,0.45) 85%,\n      rgba(0,0,0,0.06) 100%) border-box;\n  box-shadow: 0 24px 60px rgba(80,90,120,0.18);\n}\n:root[data-theme=\"light\"] .tl-bubble-1 { background: radial-gradient(circle, rgba(29,100,200,0.30) 0%, rgba(29,100,200,0.14) 42%, rgba(29,100,200,0.04) 66%, transparent 78%); }\n:root[data-theme=\"light\"] .tl-bubble-2 { background: radial-gradient(circle, rgba(60,120,210,0.24) 0%, rgba(60,120,210,0.11) 42%, rgba(60,120,210,0.03) 66%, transparent 78%); }\n:root[data-theme=\"light\"] .tl-bubble-3 { background: radial-gradient(circle, rgba(100,120,170,0.24) 0%, rgba(100,120,170,0.11) 42%, rgba(100,120,170,0.03) 66%, transparent 78%); }\n:root[data-theme=\"light\"] .tl-bubble-4 { background: radial-gradient(circle, rgba(29,100,200,0.26) 0%, rgba(29,100,200,0.12) 42%, rgba(29,100,200,0.03) 66%, transparent 78%); }\n:root[data-theme=\"light\"] .tl-bubble-5 { background: radial-gradient(circle, rgba(90,110,160,0.20) 0%, rgba(90,110,160,0.09) 42%, rgba(90,110,160,0.02) 66%, transparent 78%); }\n:root[data-theme=\"light\"] .tl-bubble-6 { background: radial-gradient(circle, rgba(29,100,200,0.22) 0%, rgba(29,100,200,0.10) 40%, rgba(29,100,200,0.02) 64%, transparent 76%); }\n:root[data-theme=\"light\"] .tl-basin { background: radial-gradient(ellipse, rgba(29,100,200,0.16) 0%, rgba(80,120,200,0.07) 60%, transparent 100%); }\n:root[data-theme=\"light\"] .tl-wisp-1 { background: rgba(29,100,200,0.20); }\n:root[data-theme=\"light\"] .tl-wisp-2 { background: rgba(110,130,175,0.24); }\n:root[data-theme=\"light\"] .tl-wisp-3 { background: rgba(60,120,210,0.18); }\n:root[data-theme=\"light\"] .tl-wisp-4 { background: rgba(100,120,170,0.22); }\n:root[data-theme=\"light\"] .tl-wisp-5 { background: rgba(29,100,200,0.17); }\n:root[data-theme=\"light\"] .tl-bar { background: rgba(0,0,0,0.07); }\n\n@media (prefers-reduced-motion: reduce) {\n  .tl-panel, .tl-basin, .tl-wisp, .tl-logo, .tl-bar::after {\n    animation: none !important;\n  }\n  .tl-bubble { animation: none !important; opacity: 0.3 !important; }\n  .tl-bar::after { transform: none; opacity: 0.5; }\n}\n"])</script>
559<script>self.__next_f.push([1,"7:[\"$\",\"div\",\"l\",{\"className\":\"tl-root\",\"style\":\"$undefined\",\"role\":\"status\",\"aria-live\":\"polite\",\"aria-label\":\"Loading Timeitt\",\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$f\"}}],\"$L10\",\"$L11\",\"$L12\",\"$L13\",\"$L14\",\"$L15\",\"$L16\"]}]\n8:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L17\",null,{\"children\":\"$L18\"}],null],[\"$\",\"$L19\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$1a\",null,{\"fallback\":null,\"children\":\"$L1b\"}]}]}]]}]\n10:[\"$\",\"div\",null,{\"className\":\"tl-bubble tl-bubble-1\"}]\n11:[\"$\",\"div\",null,{\"className\":\"tl-bubble tl-bubble-2\"}]\n12:[\"$\",\"div\",null,{\"className\":\"tl-bubble tl-bubble-3\"}]\n13:[\"$\",\"div\",null,{\"className\":\"tl-bubble tl-bubble-4\"}]\n14:[\"$\",\"div\",null,{\"className\":\"tl-bubble tl-bubble-5\"}]\n15:[\"$\",\"div\",null,{\"className\":\"tl-bubble tl-bubble-6\"}]\n16:[\"$\",\"div\",null,{\"className\":\"tl-panel\",\"children\":[[\"$\",\"div\",null,{\"className\":\"tl-basin\"}],[\"$\",\"div\",null,{\"className\":\"tl-wisp tl-wisp-1\"}],[\"$\",\"div\",null,{\"className\":\"tl-wisp tl-wisp-2\"}],[\"$\",\"div\",null,{\"className\":\"tl-wisp tl-wisp-3\"}],[\"$\",\"div\",null,{\"className\":\"tl-wisp tl-wisp-4\"}],[\"$\",\"div\",null,{\"className\":\"tl-wisp tl-wisp-5\"}],[\"$\",\"img\",null,{\"src\":\"/logo.svg\",\"alt\":\"Timeitt\",\"className\":\"tl-logo tl-logo--on-dark\"}],[\"$\",\"img\",null,{\"src\":\"/logoDark.svg\",\"alt\":\"\",\"aria-hidden\":\"true\",\"className\":\"tl-logo tl-logo--on-light\"}],[\"$\",\"div\",null,{\"className\":\"tl-bar\"}]]}]\na:[\"$\",\"$L1c\",null,{}]\n18:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, viewport-fit=cover\"}]]\nc:null\n"])</script>
559<script>self.__next_f.push([1,"e:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Timeitt — Save bookmarks. Find them instantly.\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"One click to save tweets from X. Timeitt auto-schedules them into 15-minute Stories on your Google Calendar — so you actually read what you save.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://www.timeitt.com\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"Timeitt — Save bookmarks. Find them instantly.\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"One click to save. Auto-scheduled into Stories on Google Calendar. Find instantly what you saved.\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:url\",\"content\":\"https://www.timeitt.com\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:site_name\",\"content\":\"Timeitt\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://www.timeitt.com/heroTimeitt.png\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:width\",\"content\":\"2912\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:height\",\"content\":\"1632\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:alt\",\"content\":\"Timeitt — Save posts from X and read them on your schedule\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:title\",\"content\":\"Timeitt — Save bookmarks. Find them instantly.\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:description\",\"content\":\"One click to save. Auto-scheduled into Stories on Google Calendar. Find instantly what you saved.\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image\",\"content\":\"https://www.timeitt.com/heroTimeitt.png\"}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
559<script>self.__next_f.push([1,"1b:\"$e:metadata\"\n"])</script>
559</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.