1<!DOCTYPE html><html lang="en"><head> 2 <!-- Google Tag Manager --> 3
3<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-18269640861&cx=c&gtm=4e69g1"></script>
3<script type="text/javascript" crossorigin="anonymous" async="" src="https://eu-assets.i.posthog.com/static/array.js"></script>
3<script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-M7LX8PJH"></script>
3<script>
vendor: 343 bytes, lines 3-7
3(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 4 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 5 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 6 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 7 })(window,document,'script','dataLayer','
7GTM-M7LX8PJH
vendor: 3 bytes, line 7
7');
7</script>
7 8 <!-- End Google Tag Manager --> 9 <meta charset="UTF-8"> 10 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 11 <link rel="preload" as="image" href="/nudge/nudge-police-slap.png"> 12 <link rel="preconnect" href="https://fonts.googleapis.com"> 13 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 14 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,[email protected],600;12..96,700;12..96,800&display=swap"> 15 <title>FocusTube: the YouTube blocker that makes sure you use YouTube with intention</title> 16 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> 17 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> 18 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 19 <meta name="saashub-verification" content="wq0slv889a63"> 20 <!-- PostHog (EU). The phc_ key is public/write-only by design. --> 21
21<script> 22 !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug getPageViewId captureTraceFeedback captureTraceMetric".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); 23 posthog.init('phc_tPF9WyC6cc8NceJHa6CMqAhiKeLqqPfbgMBzPgiQDxN5', { 24 api_host: 'https://eu.i.posthog.com', 25 person_profiles: 'identified_or_anonymous', 26 }); 27 </script>
27 28
28<script type="module" crossorigin="" src="/assets/index-DmQ63XaY.js"></script>
28 29 <link rel="stylesheet" crossorigin="" href="/assets/index-CcgFtAsO.css"> 30 <style type="text/css">:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;
30left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}
30:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);
30--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)} 31</style>
vendor: 66 bytes, line 31
31<script async="" src="https://www.googletagmanager.com/gtag/js?id=
31AW-18269640861
vendor: 11 bytes, line 31
31"></script>
31<script src="/_vercel/insights/script.js" data-sdkn="@vercel/analytics/react" data-sdkv="2.0.1" defer=""></script>
31<link rel="canonical" href="https://focustube.co.uk/" data-rh="true"><meta name="description" content="Remove Shorts, the endless feed and the channels that pull you off track. Tell FocusTube why you opened YouTube, and it steps in when what you're watching stops matching. 3 days free." data-rh="true"><meta property="og:title" content="The YouTube blocker that makes sure you use YouTube with intention" data-rh="true"><meta property="og:description" content="Tell FocusTube why you opened YouTube, and it steps in when what you're watching stops matching." data-rh="true"><meta property="og:url" content="https://focustube.co.uk/" data-rh="true"><meta property="og:type" content="website" data-rh="true"><meta property="og:image" content="https://focustube.co.uk/FocusTube_Store_Title.png" data-rh="true"><meta property="og:site_name" content="FocusTube" data-rh="true"><meta name="twitter:card" content="summary_large_image" data-rh="true"><meta name="twitter:title" content="The YouTube blocker that makes sure you use YouTube with intention" data-rh="true"><meta name="twitter:image" content="https://focustube.co.uk/FocusTube_Store_Title.png" data-rh="true">
31<script type="application/ld+json" data-rh="true">{"@context":"https://schema.org","@type":"Organization","name":"FocusTube","url":"https://focustube.co.uk","logo":"https://focustube.co.uk/FocusTube_Icon.png","description":"The YouTube blocker that makes sure you use YouTube with intention.","contactPoint":{"@type":"ContactPoint","email":"[email protected]","contactType":"customer support"}}</script>
31<script type="application/ld+json" data-rh="true">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"FocusTube","applicationCategory":"BrowserApplication","operatingSystem":"Chrome, Brave, Edge, iOS","offers":[{"@type":"Offer","price":"0","priceCurrency":"USD","description":"Free"},{"@type":"Offer","price":"5.99","priceCurrency":"USD","description":"Pro monthly plan"},{"@type":"Offer","price":"49.99","priceCurrency":"USD","description":"Pro annual plan"},{"@type":"Offer","price":"99","priceCurrency":"USD","description":"Lifetime"}],"aggregateRating":{"@type":"AggregateRating","ratingValue":"5","ratingCount":"2","bestRating":"5"}}</script>
31<script type="text/javascript" async="" src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/18269640861/?random=1789769728299&cv=11&fst=1789769728299&bg=ffffff&guid=ON&async=1&en=gtag.config&gtm=45be69g1v9256671954z89256825419za20gzb9256825419zd9256825419xecxf1&gcd=13l3l3l3l1l1&dma=0&tag_exp=115616985~115938465~115938468~117776795~118131809~118897920~118897930~120213116~120385422~120420415~120469145~120469153~120847435&u_w=800&u_h=600&url=http%3A%2F%2Flocalhost%3A4173%2F&rcb=3&frm=0&tiba=FocusTube%3A%20the%20YouTube%20blocker%20that%20makes%20sure%20you%20use%20YouTube%20with%20intention&hn=www.googleadservices.com&npa=0&pscdl=noapi&auid=710767152.1789769728&uaa=&uab=&uafvl=&uamb=0&uam=&uap=&uapv=&uaw=0&data=event%3Dgtag.config&ept=9&rfmt=3&fmt=4"></script>
31</head> 32 <body> 33 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 33-34
33 34 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
34GTM-M7LX8PJH
vendor: 91 bytes, lines 34-36
34" 35 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 36
36<!-- End Google Tag Manager (noscript) --> 37 <div id="root"><div class="min-h-screen bg-background text-foreground"><header class="fixed top-0 left-0 right-0 z-50 h-16 bg-background/95 backdrop-blur-lg border-b border-border"><div class="max-w-7xl mx-auto px-4 h-full flex items-center justify-between gap-6"><a class="flex items-center gap-2 hover:opacity-90 transition-opacity" href="/"><img src="/favicon-32.png" alt="" class="h-8 w-8"><span class="text-2xl font-bold text-primary">FocusTube</span></a><nav class="hidden md:flex items-center gap-6"><button class="text-sm font-medium text-muted-foreground hover:text-primary transition-colors">Features</button><button class="text-sm font-medium text-muted-foreground hover:text-primary transition-colors">Pricing</button><button class="text-sm font-medium text-muted-foreground hover:text-primary transition-colors">FAQ</button></nav><div class="hidden md:flex items-center gap-3"><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3" href="/login">Sign in</a><a href="/go/chrome" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-md bg-primary text-primary-foreground text-sm font-semibold px-4 h-9 cta-hover">Download the extension</a></div><button class="md:hidden p-2 text-muted-foreground hover:text-foreground transition-colors" aria-label="Toggle menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></header><section class="section-dark hero-fun pt-28 md:pt-32 pb-20 px-4"><div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-12 items-center"><div><div class="inline-flex items-center gap-2 rounded-full border border-border bg-card/70 backdrop-blur px-3.5 py-1.5 text-sm font-semibold text-foreground/80 shadow-sm"><span class="h-2 w-2 rounded-full bg-primary"></span>Available on iOS and Chrome</div><h1 class="font-display mt-5 text-[2.15rem] leading-[1] md:text-5xl md:leading-[1] font-extrabold tracking-tight">The YouTube blocker that makes sure you use YouTube <span class="text-primary ft-underline">with intention</span></h1><p class="mt-6 text-lg md:text-xl text-foreground leading-relaxed font-semibold">Tell it why you opened YouTube, and it steps in the moment you drift.</p><p class="mt-3 text-lg md:text-xl text-muted-foreground leading-relaxed">It removes Shorts, the endless feed, and the channels that pull you off track, so you stop losing your evenings to it.</p><div class="mt-7"><div class="flex flex-col items-center gap-3"><a href="/go/chrome" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-lg bg-primary text-primary-foreground font-semibold px-8 h-12 text-base cta-hover">Add to Chrome for free</a><a href="/go/ios" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-primary transition-colors underline underline-offset-4">or get the iOS app</a></div></div><div class="mt-8 hidden md:block"><div class="ft-card ft-review-stage px-6 py-5 h-[172px] flex flex-col justify-between overflow-hidden"><div class="ft-review-pop flex flex-col gap-3"><div class="flex gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></div><p class="text-[15px] text-foreground leading-relaxed">"I didn't even realise this was a problem until I tried to stop. I can't imagine using YouTube without it now."</p><p class="text-xs text-muted-foreground font-semibold">Kathleen</p></div><div class="flex items-center gap-1.5 pt-2" aria-label="Reviews"><button type="button" aria-label="Review from Kathleen" class="h-1.5 rounded-full transition-all w-6 bg-primary"></button><button type="button" aria-label="Review from Dylan" class="h-1.5 rounded-full transition-all w-1.5 bg-border hover:bg-muted-foreground
37/50"></button><button type="button" aria-label="Review from Mars" class="h-1.5 rounded-full transition-all w-1.5 bg-border hover:bg-muted-foreground/50"></button><button type="button" aria-label="Review from Francis" class="h-1.5 rounded-full transition-all w-1.5 bg-border hover:bg-muted-foreground/50"></button><button type="button" aria-label="Review from Giovanni" class="h-1.5 rounded-full transition-all w-1.5 bg-border hover:bg-muted-foreground/50"></button></div></div></div></div><div><div class="relative mx-auto w-full max-w-[560px] mt-16 select-none "><img src="/nudge/nudge-police-slap.png" alt="" aria-hidden="true" fetchpriority="high" decoding="async" class="ft-police-slap pointer-events-none absolute -translate-x-1/2 z-0 left-[62%] -top-[34%] w-[42%]"><div class="ft-phone-shake relative z-10"><div class="rounded-t-[1.1rem] rounded-b-md border-[10px] border-neutral-900 bg-black shadow-2xl overflow-hidden aspect-[16/10] relative"><video src="/screenshots/hero-laptop.mp4" poster="/screenshots/hero-laptop-poster.jpg" autoplay="" loop="" playsinline="" preload="auto" class="absolute inset-0 w-full h-full object-cover transition-transform duration-[1400ms] ease-out scale-[1.22]"></video><div class="ft-block-flash absolute inset-0 flex flex-col items-center justify-center gap-3 bg-[#c0180f]/92 px-6 text-center z-10"><div class="text-5xl">â</div><p class="text-white font-extrabold text-xl leading-tight">Blocked.</p><p class="text-white/80 text-sm">You came here for something else.</p></div></div><div class="mx-[-4%] h-[14px] rounded-b-xl bg-neutral-800 border-t border-neutral-700"></div></div></div><p class="mt-6 md:mt-8 text-center font-display text-lg md:text-xl font-bold tracking-tight text-foreground/80">Remove distractions from YouTube. <span class="text-primary">Keep the parts you need.</span></p><div class="mt-8 md:hidden"><div class="ft-card ft-review-stage px-6 py-5 h-[172px] flex flex-col justify-between overflow-hidden"><div class="ft-review-pop flex flex-col gap-3"><div class="flex gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></div><p class="text-[15px] text-foreground leading-relaxed">"I didn't even realise this was a problem until I tried to stop. I can't imagine using YouTube without it now."</p><p class="text-xs text-muted-foreground font-semibold">Kathleen</p></div><div class="flex items-center gap-1.5 pt-2" aria-label="Reviews"><button type="button" aria-label="Review from Kathleen" class="h-1.5 rounded-full transition-all w-6 bg-primary"></button><button type="button" aria-label="Review from Dylan" class="h-1.5 rounded-full transition-all w-1.5 bg-border hover:bg-muted-foreground
37/50"></button><button type="button" aria-label="Review from Mars" class="h-1.5 rounded-full transition-all w-1.5 bg-border hover:bg-muted-foreground/50"></button><button type="button" aria-label="Review from Francis" class="h-1.5 rounded-full transition-all w-1.5 bg-border hover:bg-muted-foreground/50"></button><button type="button" aria-label="Review from Giovanni" class="h-1.5 rounded-full transition-all w-1.5 bg-border hover:bg-muted-foreground/50"></button></div></div></div></div></div></section><section class="section-elevated border-t border-border pt-20 pb-16 px-4"><div class="max-w-3xl mx-auto"><h2 class="ft-h2 text-4xl md:text-5xl text-center mb-8">Join others to get your time back</h2><div class="ft-card p-8 md:p-10 grid md:grid-cols-[1.3fr_1fr] gap-8 items-center"><div><p class="font-display text-2xl md:text-3xl font-bold leading-snug tabular-nums">Kathleen's first month: 26 hours on YouTube, 22 of them aligned with why she opened the app.</p><p class="mt-4 text-muted-foreground">"I can't imagine using YouTube without it now."</p><div class="mt-2 flex items-center gap-2"><p class="text-sm text-foreground font-semibold">Kathleen</p><div class="flex gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></div></div></div><div class="rounded-2xl bg-secondary p-6"><div class="flex items-center gap-4 mb-4 text-xs font-medium text-muted-foreground"><span class="flex items-center gap-1.5"><span class="w-3 h-3 rounded-sm" style="background: rgb(63, 185, 80);"></span>Aligned</span><span class="flex items-center gap-1.5"><span class="w-3 h-3 rounded-sm" style="background: rgba(110, 102, 94, 0.35);"></span>Drifting</span></div><div class="flex items-end justify-around h-44 gap-8"><div class="flex-1 flex flex-col items-center justify-end h-full max-w-[84px]"><div class="w-full rounded-lg overflow-hidden flex flex-col-reverse" style="height: 100%;"><div style="height: 13%; background: rgb(63, 185, 80);"></div><div style="height: 87%; background: rgba(110, 102, 94, 0.35);"></div></div><p class="text-xs text-muted-foreground mt-2 text-center tabular-nums">Typical week<br><span class="font-semibold text-foreground">15h watched, 2h aligned</span></p></div><div class="flex-1 flex flex-col items-center justify-end h-full max-w-[84px]"><div class="w-full rounded-lg overflow-hidden flex flex-col-reverse" style="height: 42%;"><div style="height: 82%; background: rgb(63, 185, 80);"></div><div style="height: 18%; background: rgba(110, 102, 94, 0.35);"></div></div><p class="text-xs text-muted-foreground mt-2 text-center tabular-nums">With FocusTube<br><span class="font-semibold text-primary">6h watched, 5h aligned</span></p></div></div></div></div></div></section><section id="features" class="section-recessed border-t border-border pt-20 pb-24 px-4"><div class="max-w-6xl mx-auto"><div class="text-center max-w-3xl mx-auto mb-10"><h2 class="ft-h2 text-4xl md:text-5xl mb-4 md:whitespace-nowrap">Time to <span class="text-primary ft-underline">regain control</span> of YouTube.</h2><p class="text-lg text-muted-foreground leading-relaxed">In a way you haven't seen before.</p></div><div class="grid md:grid-cols-[auto_1fr] gap-6 items-center max-w-3xl mx-auto mb-12"><img src="/nudge/nudge-pro.png" alt="Nudge, the FocusTube guardian" class="w-32 mx-auto rounded-3xl drop-shadow-xl" loading="lazy"><div class="text-center md:text-left"><h3 class="ft-h2 text-3xl md:text-4xl mb-3">Meet Nudge, your YouTube guardian.</h3><p class="text-lg text-muted-foreground leading-relaxed">He watches what you play and steps in the moment it stops matching what you came for. A word first, a pause if you keep going, never a wall you cannot get through.</p></div></div><div class="grid md:grid-cols-2 gap-6"><div class="ft-card p-6 flex flex-col"><div class="flex items-center gap-3 mb-4"><span class="w-8 h-8 rounded-full bg-primary text-primary-foreground font-display font-bold text-sm flex items-center justify-center tabular-nums shrink-0">1</span>
37<h3 class="font-semibold leading-snug">Tell Nudge why you've opened the app</h3></div><div class="mb-4 grid gap-3 md:hidden grid-cols-1 px-6"><figure class="flex flex-col items-center gap-2 min-w-0"><div class="w-full rounded-[1.6rem] border-[6px] border-neutral-900 bg-black overflow-hidden aspect-[9/18.6] shadow-md"><img src="/screenshots/ios-step-1.png" alt="Tell Nudge why you've opened the app" loading="lazy" class="w-full h-full object-cover object-top"></div></figure></div><div class="mb-4 hidden md:block"><figure class="flex flex-col items-center gap-2 min-w-0"><div class="w-full"><div class="rounded-t-lg rounded-b-sm border-[5px] border-neutral-900 bg-black overflow-hidden aspect-[16/10] shadow-md"><img src="/screenshots/mac-step-1.jpg" alt="Tell Nudge why you've opened the app" loading="lazy" class="w-full h-full object-cover object-top"></div><div class="mx-[-3%] h-[7px] rounded-b-md bg-neutral-800 border-t border-neutral-700"></div></div></figure></div><p class="text-sm text-muted-foreground leading-relaxed">Say what you came for, whether that is a course, a tutorial or an hour off, and he holds you to it.</p></div><div class="ft-card p-6 flex flex-col"><div class="flex items-center gap-3 mb-4"><span class="w-8 h-8 rounded-full bg-primary text-primary-foreground font-display font-bold text-sm flex items-center justify-center tabular-nums shrink-0">2</span><h3 class="font-semibold leading-snug">He watches what you watch</h3></div><div class="mb-4 grid gap-3 md:hidden grid-cols-1 px-6"><figure class="flex flex-col items-center gap-2 min-w-0"><div class="w-full rounded-[1.6rem] border-[6px] border-neutral-900 bg-black overflow-hidden aspect-[9/18.6] shadow-md"><img src="/screenshots/ios-step-2.png" alt="He watches what you watch" loading="lazy" class="w-full h-full object-cover object-top"></div></figure></div><div class="mb-4 hidden md:block"><figure class="flex flex-col items-center gap-2 min-w-0"><div class="w-full"><div class="rounded-t-lg rounded-b-sm border-[5px] border-neutral-900 bg-black overflow-hidden aspect-[16/10] shadow-md"><img src="/screenshots/mac-step-2.jpg" alt="He watches what you watch" loading="lazy" class="w-full h-full object-cover object-top"></div><div class="mx-[-3%] h-[7px] rounded-b-md bg-neutral-800 border-t border-neutral-700"></div></div></figure></div><p class="text-sm text-muted-foreground leading-relaxed">He checks the title, channel and transcript to understand what's playing, then weighs it against your goals.</p></div><div class="ft-card p-6 flex flex-col"><div class="flex items-center gap-3 mb-4"><span class="w-8 h-8 rounded-full bg-primary text-primary-foreground font-display font-bold text-sm flex items-center justify-center tabular-nums shrink-0">3</span><h3 class="font-semibold leading-snug">He steps in when the two stop matching</h3></div><div class="mb-4 grid gap-3 md:hidden grid-cols-1 px-6"><figure class="flex flex-col items-center gap-2 min-w-0"><div class="w-full rounded-[1.6rem] border-[6px] border-neutral-900 bg-black overflow-hidden aspect-[9/18.6] shadow-md"><img src="/screenshots/ios-step-3.png" alt="He steps in when the two stop matching" loading="lazy" class="w-full h-full object-cover object-top"></div></figure></div><div class="mb-4 hidden md:block"><figure class="flex flex-col items-center gap-2 min-w-0"><div class="w-full"><div class="rounded-t-lg rounded-b-sm border-[5px] border-neutral-900 bg-black overflow-hidden aspect-[16/10] shadow-md"><img src="/screenshots/mac-step-3.jpg" alt="He steps in when the two stop matching" loading="lazy" class="w-full h-full object-cover object-top"></div><div class="mx-[-3%] h-[7px] rounded-b-md bg-neutral-800 border-t border-neutral-700"></div></div></figure></div><p class="text-sm text-muted-foreground leading-relaxed">A word first. Then a lock, if you keep going. Never a wall you cannot get through.</p></div><div class="ft-card p-6 flex flex-col"><div class="flex items-center gap-3 mb-4"><span class="w-8 h-8 rounded-full bg-primary text-primary-foreground font-display font-bold text-sm flex items-center justify-center tabular-nums shrink-0">4</span>
37<h3 class="font-semibold leading-snug">Customise YouTube to your own tastes</h3></div><div class="mb-4 grid gap-3 md:hidden grid-cols-2"><figure class="flex flex-col items-center gap-2 min-w-0"><div class="w-full rounded-[1.6rem] border-[6px] border-neutral-900 bg-black overflow-hidden aspect-[9/18.6] shadow-md"><img src="/screenshots/ios-step-4-before.jpg" alt="Customise YouTube to your own tastes (before)" loading="lazy" class="w-full h-full object-cover object-top"></div><figcaption class="text-xs font-semibold text-muted-foreground uppercase tracking-wide">Before</figcaption></figure><figure class="flex flex-col items-center gap-2 min-w-0"><div class="w-full rounded-[1.6rem] border-[6px] border-neutral-900 bg-black overflow-hidden aspect-[9/18.6] shadow-md"><img src="/screenshots/ios-step-4-after.png" alt="Customise YouTube to your own tastes (after)" loading="lazy" class="w-full h-full object-cover object-top"></div><figcaption class="text-xs font-semibold text-muted-foreground uppercase tracking-wide">After</figcaption></figure></div><div class="mb-4 hidden md:block relative aspect-[16/12.5]"><div class="absolute left-0 top-0 w-[80%]"><figure class="flex flex-col items-center gap-2 min-w-0"><div class="w-full"><div class="rounded-t-lg rounded-b-sm border-[5px] border-neutral-900 bg-black overflow-hidden aspect-[16/10] shadow-md"><img src="/screenshots/mac-step-4-before.jpg" alt="Customise YouTube to your own tastes (before)" loading="lazy" class="w-full h-full object-cover object-top"></div><div class="mx-[-3%] h-[7px] rounded-b-md bg-neutral-800 border-t border-neutral-700"></div></div></figure><span class="absolute left-3 top-3 rounded-full bg-[#F5B84B] text-[#1A1613] text-xs font-extrabold uppercase tracking-wide px-3 py-1 shadow">Before</span></div><div class="absolute right-0 bottom-0 w-[80%] drop-shadow-2xl"><figure class="flex flex-col items-center gap-2 min-w-0"><div class="w-full"><div class="rounded-t-lg rounded-b-sm border-[5px] border-neutral-900 bg-black overflow-hidden aspect-[16/10] shadow-md"><img src="/screenshots/mac-step-4-after.jpg" alt="Customise YouTube to your own tastes (after)" loading="lazy" class="w-full h-full object-cover object-top"></div><div class="mx-[-3%] h-[7px] rounded-b-md bg-neutral-800 border-t border-neutral-700"></div></div></figure><span class="absolute left-3 top-3 rounded-full bg-[#3FB950] text-[#0B1F0F] text-xs font-extrabold uppercase tracking-wide px-3 py-1 shadow">After</span></div></div><p class="text-sm text-muted-foreground leading-relaxed">Remove Shorts, the endless feed and comments, and block the channels that pull you under.</p></div></div></div></section><section id="compare" class="section-elevated border-t border-border py-24 px-4"><div class="max-w-4xl mx-auto"><div class="text-center mb-10"><h2 class="ft-h2 text-4xl md:text-5xl mb-4"><span class="text-primary ft-underline">Not your average</span> website blocker</h2><p class="text-lg text-muted-foreground">You've tried the others. This one works.</p></div><div class="ft-card overflow-hidden"><div class="overflow-x-auto"><table class="w-full min-w-[560px] border-collapse"><thead><tr class="border-b border-border"><th class="text-left py-4 pl-6 pr-4"></th><th class="py-4 px-3 text-sm font-bold text-primary text-center bg-accent">FocusTube</th><th class="py-4 px-3 text-sm font-medium text-muted-foreground text-center align-bottom"><div class="flex justify-center gap-1.5 mb-2"><img src="https://www.google.com/s2/favicons?domain=getcoldturkey.com&sz=64" alt="Cold Turkey" title="Cold Turkey" width="22" height="22" loading="lazy" class="w-[22px] h-[22px] rounded-md border border-border bg-card"><img src="https://www.google.com/s2/favicons?domain=opal.so&sz=64" alt="Opal" title="Opal" width="22" height="22" loading="lazy" class="w-[22px] h-[22px] rounded-md border border-border bg-card"><img src="https://www.google.com/s2/favicons?domain=getbrick.app&sz=64" alt="Brick" title="Brick" width="22" height="22" loading="lazy" class="w-[22px] h-[22px] rounded-md border border-border bg-card"><img src="https://www.google.com/s2/favicons?domain=unhook.app&sz=64" alt="Unhook" title="Unhook" width="22" height="22" loading="lazy" class="w-[22px] h-[22px] rounded-md border border-border bg-card"></div>Hard blockers<br><span class="text-xs font-normal">Cold Turkey, Opal, Brick, Unhook</span></th><th class="py-4 px-3 pr-6 text-sm font-medium text-muted-foreground text-center align-bottom"><div class="flex justify-center mb-2"><img src="https://www.google.com/s2/favicons?domain=apple.com&
37sz=64" alt="Apple" title="Apple" width="22" height="22" loading="lazy" class="w-[22px] h-[22px] rounded-md border border-border bg-card"></div>Apple<br>Screen Time</th></tr></thead><tbody><tr class="border-b border-border/60 last:border-b-0 comparison-row"><td class="py-4 pl-6 pr-4 text-sm font-medium">Understands why you opened YouTube</td><td class="py-4 px-3 text-center bg-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5 text-primary mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td><td class="py-4 px-3 text-center"><span class="text-muted-foreground/40">â</span></td><td class="py-4 px-3 pr-6 text-center"><span class="text-muted-foreground/40">â</span></td></tr><tr class="border-b border-border/60 last:border-b-0 comparison-row"><td class="py-4 pl-6 pr-4 text-sm font-medium">Holds you to your goals</td><td class="py-4 px-3 text-center bg-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5 text-primary mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td><td class="py-4 px-3 text-center"><span class="text-muted-foreground/40">â</span></td><td class="py-4 px-3 pr-6 text-center"><span class="text-muted-foreground/40">â</span></td></tr><tr class="border-b border-border/60 last:border-b-0 comparison-row"><td class="py-4 pl-6 pr-4 text-sm font-medium">Blocks specific channels</td><td class="py-4 px-3 text-center bg-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5 text-primary mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td><td class="py-4 px-3 text-center"><span class="text-muted-foreground/40">â</span></td><td class="py-4 px-3 pr-6 text-center"><span class="text-muted-foreground/40">â</span></td></tr><tr class="border-b border-border/60 last:border-b-0 comparison-row"><td class="py-4 pl-6 pr-4 text-sm font-medium">Removes Shorts and the feed</td><td class="py-4 px-3 text-center bg-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5 text-primary mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td><td class="py-4 px-3 text-center"><span class="text-muted-foreground/40">â</span></td><td class="py-4 px-3 pr-6 text-center"><span class="text-muted-foreground/40">â</span></td></tr><tr class="border-b border-border/60 last:border-b-0 comparison-row"><td class="py-4 pl-6 pr-4 text-sm font-medium">Daily limits and focus windows</td><td class="py-4 px-3 text-center bg-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5 text-primary mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td><td class="py-4 px-3 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5 text-muted-foreground mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td><td class="py-4 px-3 pr-6 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5 text-muted-foreground mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td></tr><tr class="border-b border-border/60 last:border-b-0 comparison-row"><td class="py-4 pl-6 pr-4 text-sm font-medium">Steps in only when you drift</td><td class="py-4 px-3 text-center bg-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5 text-primary mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td><td class="py-4 px-3 text-center">
37<span class="text-muted-foreground/40">â</span></td><td class="py-4 px-3 pr-6 text-center"><span class="text-muted-foreground/40">â</span></td></tr><tr class="border-b border-border/60 last:border-b-0 comparison-row"><td class="py-4 pl-6 pr-4 text-sm font-medium">Hard to switch off on impulse</td><td class="py-4 px-3 text-center bg-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5 text-primary mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td><td class="py-4 px-3 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5 text-muted-foreground mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td><td class="py-4 px-3 pr-6 text-center"><span class="text-muted-foreground/40">â</span></td></tr></tbody></table></div></div></div></section><section id="reviews" class="section-recessed border-t border-border py-24 px-4"><div class="max-w-5xl mx-auto"><div class="text-center mb-10"><h2 class="ft-h2 text-4xl md:text-5xl">Join others who have transformed their YouTube consumption with FocusTube.</h2></div><div class="grid md:grid-cols-2 gap-6"><div class="ft-card p-6"><div class="flex gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></div><p class="text-[15px] text-foreground/90 leading-relaxed mt-3 mb-4">"As a long time YouTube addict I was wasting 10+ hours watching pointless videos. It steps in at the right moment and lets me block distracting channels. My watch time is now 30 minutes a day."</p><div class="flex items-center gap-3"><div class="w-9 h-9 rounded-full bg-primary/10 flex items-center justify-center text-primary font-bold text-sm">D</div><p class="text-sm font-semibold">Dylan</p></div></div><div class="ft-card p-6"><div class="flex gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></div>
37<p class="text-[15px] text-foreground/90 leading-relaxed mt-3 mb-4">"FocusTube gets me. It understands what I actually want, and it works a lot better than the other extensions I tried."</p><div class="flex items-center gap-3"><div class="w-9 h-9 rounded-full bg-primary/10 flex items-center justify-center text-primary font-bold text-sm">M</div><p class="text-sm font-semibold">Mars</p></div></div><div class="ft-card p-6"><div class="flex gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></div><p class="text-[15px] text-foreground/90 leading-relaxed mt-3 mb-4">"I didn't even realise this was a problem until I tried to stop. I can't imagine using YouTube without it now."</p><div class="flex items-center gap-3"><div class="w-9 h-9 rounded-full bg-primary/10 flex items-center justify-center text-primary font-bold text-sm">K</div><p class="text-sm font-semibold">Kathleen</p></div></div><div class="ft-card p-6"><div class="flex gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#E5A100] text-[#E5A100]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></div>
37<p class="text-[15px] text-foreground/90 leading-relaxed mt-3 mb-4">"So different to what already exists. I've hard-blocked YouTube before but always went back, because I need it for learning. This one actually lets me use it."</p><div class="flex items-center gap-3"><div class="w-9 h-9 rounded-full bg-primary/10 flex items-center justify-center text-primary font-bold text-sm">G</div><p class="text-sm font-semibold">Giovanni</p></div></div></div></div></section><section id="pricing" class="section-elevated border-t border-border py-24 px-4"><div class="max-w-6xl mx-auto"><div class="text-center mb-12"><h2 class="ft-h2 text-4xl md:text-5xl mb-4">Simple pricing, start free</h2><p class="text-lg text-muted-foreground">Every plan includes a 3-day free trial. No card up front.</p></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 items-start"><div class="ft-card p-7 flex flex-col relative "><h3 class="text-lg font-semibold mb-1">Free</h3><div class="flex items-baseline gap-1 mt-2 mb-5"><span class="font-display text-4xl font-extrabold tabular-nums tracking-tight">$0</span><span class="text-sm text-muted-foreground">forever</span></div><ul class="space-y-2.5 mb-6"><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Remove Shorts</span></li><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Remove the endless feed</span></li><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Hide comments</span></li><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Block distracting channels</span></li></ul><a href="/go/chrome" target="_blank" rel="noopener noreferrer" class="mt-auto inline-flex items-center justify-center rounded-full font-semibold h-11 text-sm w-full cta-hover border border-primary text-primary">Start free trial</a></div><div class="ft-card p-7 flex flex-col relative "><h3 class="text-lg font-semibold mb-1">Monthly</h3><div class="flex items-baseline gap-1 mt-2 mb-5"><span class="font-display text-4xl font-extrabold tabular-nums tracking-tight">$5.99</span><span class="text-sm text-muted-foreground">/mo</span></div><ul class="space-y-2.5 mb-6"><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Everything in Free</span></li><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Reads and sorts every video against your goals</span></li><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Nudges before it blocks, never a hard wall</span></li><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Daily limits and focus windows</span></li><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Focus dashboard and weekly score</span></li></ul><a href="/go/chrome" target="_blank" rel="noopener noreferrer" class="mt-auto inline-flex items-center justify-center rounded-full font-semibold h-11 text-sm w-full cta-hover border border-primary text-primary">Start free trial</a></div><div class="ft-card p-7 flex flex-col relative ring-2 ring-primary"><span class="absolute -top-3 left-1/2 -translate-x-1/2 text-xs font-bold uppercase tracking-wide bg-primary text-primary-foreground px-3 py-1 rounded-full whitespace-nowrap">Most popular</span>
37<h3 class="text-lg font-semibold mb-1">Annual</h3><div class="flex items-baseline gap-1 mt-2 mb-5"><span class="font-display text-4xl font-extrabold tabular-nums tracking-tight">$49.99</span><span class="text-sm text-muted-foreground">/yr</span></div><ul class="space-y-2.5 mb-6"><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Everything in Free</span></li><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Reads and sorts every video against your goals</span></li><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Nudges before it blocks, never a hard wall</span></li><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Daily limits and focus windows</span></li><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Focus dashboard and weekly score</span></li></ul><a href="/go/chrome" target="_blank" rel="noopener noreferrer" class="mt-auto inline-flex items-center justify-center rounded-full font-semibold h-11 text-sm w-full cta-hover bg-primary text-primary-foreground">Start free trial</a></div><div class="ft-card p-7 flex flex-col relative "><h3 class="text-lg font-semibold mb-1">Lifetime</h3><div class="flex items-baseline gap-1 mt-2 mb-5"><span class="font-display text-4xl font-extrabold tabular-nums tracking-tight">$99</span><span class="text-sm text-muted-foreground">once</span></div><ul class="space-y-2.5 mb-6"><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Everything in Free</span></li><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Reads and sorts every video against your goals</span></li><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Nudges before it blocks, never a hard wall</span></li><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Daily limits and focus windows</span></li><li class="flex gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-primary shrink-0 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Focus dashboard and weekly score</span></li></ul><a href="/go/chrome" target="_blank" rel="noopener noreferrer" class="mt-auto inline-flex items-center justify-center rounded-full font-semibold h-11 text-sm w-full cta-hover border border-primary text-primary">Start free trial</a></div></div><p class="mt-8 text-center text-sm text-muted-foreground">Already using FocusTube? <a href="/pricing" class="font-semibold text-primary underline underline-offset-4">Upgrade your plan here</a></p></div></section><section id="faq" class="section-recessed border-t border-border py-24 px-4"><div class="max-w-2xl mx-auto"><div class="text-center mb-10"><h2 class="ft-h2 text-4xl md:text-5xl">Questions</h2></div><div class="w-full space-y-3" data-orientation="vertical"><div data-state="closed" data-orientation="vertical" class="border-b border-border ft-card px-6"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:r1:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:r0:" class="flex flex-1 items-center justify-between py-5 transition-all hover:text-primary [&[data-state=open]>svg]:rotate-180 text-left font-semibold hover:no-underline" data-radix-collection-item="">How does FocusTube work?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:r1:" hidden="" role="region" aria-labelledby="radix-:r0:" data-orientation="vertical" class="overflow-hidden text-muted-foreground data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="border-b border-border ft-card px-6"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:r3:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:r2:" class="flex flex-1 items-center justify-between py-5 transition-all hover:text-primary [&[data-state=open]>svg]:rotate-180 text-left font-semibold hover:no-underline" data-radix-collection-item="">What can I do when I want to ignore it?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:r3:" hidden="" role="region" aria-labelledby="radix-:r2:" data-orientation="vertical" class="overflow-hidden text-muted-foreground data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="border-b border-border ft-card px-6"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:r5:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:r4:" class="flex flex-1 items-center justify-between py-5 transition-all hover:text-primary [&[data-state=open]>svg]:rotate-180 text-left font-semibold hover:no-underline" data-radix-collection-item="">What does it actually see?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:r5:" hidden="" role="region" aria-labelledby="radix-:r4:" data-orientation="vertical" class="overflow-hidden text-muted-foreground data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="border-b border-border ft-card px-6"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:r7:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:r6:" class="flex flex-1 items-center justify-between py-5 transition-all hover:text-primary [&[data-state=open]>svg]:rotate-180 text-left font-semibold hover:no-underline" data-radix-collection-item="">Does it work on my phone?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:r7:" hidden="" role="region" aria-labelledby="radix-:r6:" data-orientation="vertical" class="overflow-hidden text-muted-foreground data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div></div></div></section><section class="section-elevated border-t border-border py-24 px-4"><div class="max-w-2xl mx-auto text-center"><h2 class="ft-h2 text-4xl md:text-5xl mb-8">Regain control of YouTube. <span class="text-primary ft-underline">Keep the part you need.</span></h2><div class="flex justify-center"><div class="flex flex-col items-center gap-3"><a href="/go/chrome" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-lg bg-primary text-primary-foreground font-semibold px-8 h-12 text-base cta-hover">Add to Chrome for free</a><a href="/go/ios" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-primary transition-colors underline underline-offset-4">or get the iOS app</a></div></div></div></section><footer class="border-t border-border bg-card mt-20"><div class="max-w-6xl mx-auto px-4 py-12"><div class="grid grid-cols-1 md:grid-cols-4 gap-8"><div><div class="text-2xl font-bold text-primary mb-3">FocusTube</div><p class="text-sm text-muted-foreground leading-relaxed">Take back control of your YouTube time.</p></div><div><h4 class="text-sm font-semibold mb-3">Product</h4><ul class="space-y-2"><li><a href="/#features" class="text-sm text-muted-foreground hover:underline hover:text-foreground transition-colors">Features</a></li><li><a href="/#pricing" class="text-sm text-muted-foreground hover:underline hover:text-foreground transition-colors">Pricing</a></li><li><a href="https://chromewebstore.google.com/detail/focustube/jfabmmckbhkgecbigkcchmjbcmcomjnd" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:underline hover:text-foreground transition-colors">Add to Chrome</a></li><li><a href="https://apps.apple.com/app/focustubeai/id6776375232" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:underline hover:text-foreground transition-colors">iPhone app</a></li></ul></div><div><h4 class="text-sm font-semibold mb-3">Legal</h4><ul class="space-y-2"><li><a class="text-sm text-muted-foreground hover:underline hover:text-foreground transition-colors" href="/privacy">Privacy Policy</a></li><li><a class="text-sm text-muted-foreground hover:underline hover:text-foreground transition-colors" href="/terms">Terms of Service</a></li></ul></div><div><h4 class="text-sm font-semibold mb-3">Support</h4><p class="text-sm text-muted-foreground"><a href="mailto:[email protected]" class="text-primary hover:underline">[email protected]</a></p></div></div><div class="mt-10 pt-6 border-t border-border text-center text-xs text-muted-foreground">© 2026 FocusTube. All rights reserved.</div></div></footer></div>
37<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section></div> 38 39
40<script type="text/javascript" crossorigin="anonymous" src="https://eu-assets.i.posthog.com/static/1.434.2/surveys.js"></script>
40<script type="text/javascript" crossorigin="anonymous" src="https://eu-assets.i.posthog.com/static/1.434.2/posthog-recorder.js"></script>
40<script type="text/javascript" crossorigin="anonymous" src="https://eu-assets.i.posthog.com/static/surveys.js?v=1.372.8"></script>
40<script type="text/javascript" crossorigin="anonymous" src="https://eu-assets.i.posthog.com/static/posthog-recorder.js?v=1.372.8"></script>
40<script type="text/javascript" crossorigin="anonymous" src="https://eu-assets.i.posthog.com/array/phc_tPF9WyC6cc8NceJHa6CMqAhiKeLqqPfbgMBzPgiQDxN5/config.js"></script>
40</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.