diff --git a/apps/web/app/(marketing)/auth/verify/AuthVerifyContent.tsx b/apps/web/app/(marketing)/auth/verify/AuthVerifyContent.tsx
index 2c2fc8d4..9bd6f74b 100644
--- a/apps/web/app/(marketing)/auth/verify/AuthVerifyContent.tsx
+++ b/apps/web/app/(marketing)/auth/verify/AuthVerifyContent.tsx
@@ -60,7 +60,7 @@ export default function AuthVerifyContent() {
       <div className="max-w-[480px] text-center">
         {!showFallback ? (
           <>
-            <div className="inline-block w-10 h-10 mb-6 border-[3px] border-white/[0.06] border-t-accent rounded-full animate-spin" />
+            <div className="inline-block w-10 h-10 mb-6 border-[3px] border-white/6 border-t-accent rounded-full animate-spin" />
             <h1 className="text-2xl font-semibold text-zinc-50 mb-3">Opening Readied...</h1>
             <p className="text-zinc-400">The app should open automatically. Hang tight.</p>
           </>
@@ -91,7 +91,7 @@ export default function AuthVerifyContent() {
               Open in Readied
             </a>
 
-            <div className="p-6 rounded-xl bg-surface border border-white/[0.06]">
+            <div className="p-6 rounded-xl bg-surface border border-white/6">
               <h2 className="text-base font-medium text-zinc-50 mb-2">
                 Opened this on the wrong device?
               </h2>
diff --git a/apps/web/app/(marketing)/auth/verify/page.tsx b/apps/web/app/(marketing)/auth/verify/page.tsx
index 2d753a0a..50b11f8d 100644
--- a/apps/web/app/(marketing)/auth/verify/page.tsx
+++ b/apps/web/app/(marketing)/auth/verify/page.tsx
@@ -7,7 +7,7 @@ export default function AuthVerifyPage() {
       fallback={
         <div className="min-h-screen flex items-center justify-center p-4 sm:p-6">
           <div className="text-center">
-            <div className="inline-block w-10 h-10 mb-4 border-[3px] border-white/[0.06] border-t-accent rounded-full animate-spin" />
+            <div className="inline-block w-10 h-10 mb-4 border-[3px] border-white/6 border-t-accent rounded-full animate-spin" />
             <h1 className="text-2xl font-semibold text-[#f4f4f5]">Verifying...</h1>
           </div>
         </div>
diff --git a/apps/web/app/(marketing)/changelog/page.tsx b/apps/web/app/(marketing)/changelog/page.tsx
index db0891c2..7deb70bd 100644
--- a/apps/web/app/(marketing)/changelog/page.tsx
+++ b/apps/web/app/(marketing)/changelog/page.tsx
@@ -86,7 +86,7 @@ export default async function ChangelogPage() {
         {/* Timeline */}
         <div className="relative">
           <div
-            className="absolute left-5 top-0 bottom-0 w-0.5 bg-white/[0.06] rounded-full hidden md:block"
+            className="absolute left-5 top-0 bottom-0 w-0.5 bg-white/6 rounded-full hidden md:block"
             aria-hidden="true"
           ></div>
 
@@ -129,7 +129,7 @@ export default async function ChangelogPage() {
                     {release.changes.map((change, ci) => (
                       <li
                         key={ci}
-                        className={`flex items-baseline gap-4 px-5 sm:px-6 py-3 sm:py-4 transition-colors hover:bg-white/[0.02] ${ci < release.changes.length - 1 ? 'border-b border-border' : ''}`}
+                        className={`flex items-baseline gap-4 px-5 sm:px-6 py-3 sm:py-4 transition-colors hover:bg-white/2 ${ci < release.changes.length - 1 ? 'border-b border-border' : ''}`}
                       >
                         <span
                           className={`font-mono text-xs font-bold uppercase tracking-wider min-w-[76px] shrink-0 ${typeColor(change.type)}`}
diff --git a/apps/web/app/(marketing)/download/page.tsx b/apps/web/app/(marketing)/download/page.tsx
index ae22f11c..4645a477 100644
--- a/apps/web/app/(marketing)/download/page.tsx
+++ b/apps/web/app/(marketing)/download/page.tsx
@@ -69,7 +69,7 @@ export default async function DownloadPage() {
               <p className="text-lg text-text-secondary mb-5">
                 We&apos;re building something good. Leave your email to get notified.
               </p>
-              <span className="inline-flex items-center px-5 py-2 font-mono text-sm font-semibold rounded-full bg-white/[0.05] border border-border text-text-secondary">
+              <span className="inline-flex items-center px-5 py-2 font-mono text-sm font-semibold rounded-full bg-white/5 border border-border text-text-secondary">
                 Coming Soon
               </span>
               <div className="mt-10">
diff --git a/apps/web/app/(marketing)/pricing/page.tsx b/apps/web/app/(marketing)/pricing/page.tsx
index adff55f9..8cd65d48 100644
--- a/apps/web/app/(marketing)/pricing/page.tsx
+++ b/apps/web/app/(marketing)/pricing/page.tsx
@@ -75,7 +75,7 @@ export default function PricingPage() {
             <ul className="list-none mb-6 space-y-0">
               {plans.free.features.map((f, i) => (
                 <li key={i} className="flex items-center gap-3 py-2 text-sm text-text-secondary">
-                  <span className="flex items-center justify-center shrink-0 w-[22px] h-[22px] rounded-full bg-white/[0.05] text-text-muted">
+                  <span className="flex items-center justify-center shrink-0 w-[22px] h-[22px] rounded-full bg-white/5 text-text-muted">
                     <Check size={14} />
                   </span>
                   <span>{f}</span>
@@ -133,7 +133,7 @@ export default function PricingPage() {
               ))}
             </ul>
 
-            <div className="flex items-center gap-3 px-4 py-3 mb-6 rounded-lg bg-accent/[0.06] border border-accent/10 text-sm text-text-secondary">
+            <div className="flex items-center gap-3 px-4 py-3 mb-6 rounded-lg bg-accent/6 border border-accent/10 text-sm text-text-secondary">
               <Sparkles size={16} className="text-accent" />
               <span>{trialDescription}</span>
             </div>
diff --git a/apps/web/app/(marketing)/shared/SharedNoteContent.tsx b/apps/web/app/(marketing)/shared/SharedNoteContent.tsx
index 19917819..23321b73 100644
--- a/apps/web/app/(marketing)/shared/SharedNoteContent.tsx
+++ b/apps/web/app/(marketing)/shared/SharedNoteContent.tsx
@@ -68,7 +68,7 @@ export default function SharedNoteContent() {
   if (state === 'loading') {
     return (
       <div className="min-h-[60vh] flex flex-col items-center justify-center gap-4 text-center">
-        <div className="w-8 h-8 border-[3px] border-white/[0.06] border-t-accent rounded-full animate-spin" />
+        <div className="w-8 h-8 border-[3px] border-white/6 border-t-accent rounded-full animate-spin" />
         <p className="text-[#a1a1aa]">Loading note...</p>
       </div>
     );
@@ -90,14 +90,14 @@ export default function SharedNoteContent() {
       <h1 className="text-3xl font-bold text-[#f4f4f5] leading-tight tracking-tight mb-2">
         {note?.title || 'Untitled'}
       </h1>
-      <div className="text-sm text-[#71717a] mb-8 pb-6 border-b border-white/[0.06]">
+      <div className="text-sm text-[#71717a] mb-8 pb-6 border-b border-white/6">
         Shared on {note?.createdAt ? formatDate(note.createdAt) : ''}
       </div>
       <div
         className="prose prose-invert max-w-none"
         dangerouslySetInnerHTML={{ __html: note?.content || '' }}
       />
-      <footer className="mt-12 pt-6 border-t border-white/[0.06] text-center text-sm text-[#71717a]">
+      <footer className="mt-12 pt-6 border-t border-white/6 text-center text-sm text-[#71717a]">
         Shared with{' '}
         <a href="https://readied.app" className="text-accent hover:underline">
           Readied
diff --git a/apps/web/app/(marketing)/shared/page.tsx b/apps/web/app/(marketing)/shared/page.tsx
index dc3b3664..5bc3e7a4 100644
--- a/apps/web/app/(marketing)/shared/page.tsx
+++ b/apps/web/app/(marketing)/shared/page.tsx
@@ -12,7 +12,7 @@ export default function SharedNotePage() {
     <Suspense
       fallback={
         <div className="min-h-[60vh] flex flex-col items-center justify-center gap-4 text-center">
-          <div className="w-8 h-8 border-[3px] border-white/[0.06] border-t-accent rounded-full animate-spin" />
+          <div className="w-8 h-8 border-[3px] border-white/6 border-t-accent rounded-full animate-spin" />
           <p className="text-[#a1a1aa]">Loading note...</p>
         </div>
       }
diff --git a/apps/web/app/(marketing)/subscription/cancel/page.tsx b/apps/web/app/(marketing)/subscription/cancel/page.tsx
index 876fa705..45488198 100644
--- a/apps/web/app/(marketing)/subscription/cancel/page.tsx
+++ b/apps/web/app/(marketing)/subscription/cancel/page.tsx
@@ -34,7 +34,7 @@ export default function SubscriptionCancelPage() {
             </p>
             <Link
               href="/download"
-              className="inline-flex items-center gap-2 px-6 py-3 rounded-lg border border-white/[0.08] text-[#a1a1aa] font-medium text-sm transition-colors hover:bg-white/5 hover:text-white"
+              className="inline-flex items-center gap-2 px-6 py-3 rounded-lg border border-white/8 text-[#a1a1aa] font-medium text-sm transition-colors hover:bg-white/5 hover:text-white"
             >
               <Download size={18} />
               Download Free
diff --git a/apps/web/app/(marketing)/subscription/success/page.tsx b/apps/web/app/(marketing)/subscription/success/page.tsx
index 77fef053..f3c02018 100644
--- a/apps/web/app/(marketing)/subscription/success/page.tsx
+++ b/apps/web/app/(marketing)/subscription/success/page.tsx
@@ -71,7 +71,7 @@ export default function SubscriptionSuccessPage() {
         </div>
 
         {/* Pro features info */}
-        <div className="my-12 rounded-xl bg-accent/[0.06] border border-accent/20 p-6 sm:p-8 text-left">
+        <div className="my-12 rounded-xl bg-accent/6 border border-accent/20 p-6 sm:p-8 text-left">
           <h3 className="text-lg sm:text-xl font-bold text-[#f4f4f5] text-center mb-6">
             What&apos;s included in Pro
           </h3>
diff --git a/apps/web/app/globals.css b/apps/web/app/globals.css
index 1fb5c9e0..08d1b3b8 100644
--- a/apps/web/app/globals.css
+++ b/apps/web/app/globals.css
@@ -148,7 +148,7 @@ nav[aria-label='Breadcrumb'] a:hover {
 /* Marketing page utilities */
 @layer components {
   .glass {
-    @apply bg-zinc-950/80 backdrop-blur-xl border border-white/[0.06];
+    @apply bg-zinc-950/80 backdrop-blur-xl border border-white/6;
   }
 
   .glass-card {
@@ -161,7 +161,7 @@ nav[aria-label='Breadcrumb'] a:hover {
   }
 
   .gradient-text {
-    @apply bg-clip-text text-transparent bg-gradient-to-r from-violet-400 to-indigo-400;
+    @apply bg-clip-text text-transparent bg-linear-to-r from-violet-400 to-indigo-400;
   }
 
   .section-label {
diff --git a/apps/web/app/not-found.tsx b/apps/web/app/not-found.tsx
index 3ab05614..7158df20 100644
--- a/apps/web/app/not-found.tsx
+++ b/apps/web/app/not-found.tsx
@@ -36,32 +36,32 @@ export default function NotFound() {
                 </Link>
                 <Link
                   href="/faq"
-                  className="inline-flex items-center justify-center gap-2 px-6 py-3 rounded-lg border border-white/[0.08] text-[#a1a1aa] font-medium text-sm transition-colors hover:bg-white/5 hover:text-white"
+                  className="inline-flex items-center justify-center gap-2 px-6 py-3 rounded-lg border border-white/8 text-[#a1a1aa] font-medium text-sm transition-colors hover:bg-white/5 hover:text-white"
                 >
                   View FAQ
                 </Link>
               </div>
 
-              <div className="pt-6 border-t border-white/[0.06]">
+              <div className="pt-6 border-t border-white/6">
                 <span className="block font-mono text-xs font-semibold uppercase tracking-[0.1em] text-[#71717a] mb-3">
                   Or try these:
                 </span>
                 <div className="flex flex-wrap justify-center gap-2">
                   <Link
                     href="/download"
-                    className="px-3 py-2 text-sm text-[#a1a1aa] border border-white/[0.08] rounded-lg transition-colors hover:text-accent hover:bg-white/5"
+                    className="px-3 py-2 text-sm text-[#a1a1aa] border border-white/8 rounded-lg transition-colors hover:text-accent hover:bg-white/5"
                   >
                     Download
                   </Link>
                   <Link
                     href="/pricing"
-                    className="px-3 py-2 text-sm text-[#a1a1aa] border border-white/[0.08] rounded-lg transition-colors hover:text-accent hover:bg-white/5"
+                    className="px-3 py-2 text-sm text-[#a1a1aa] border border-white/8 rounded-lg transition-colors hover:text-accent hover:bg-white/5"
                   >
                     Pricing
                   </Link>
                   <Link
                     href="/changelog"
-                    className="px-3 py-2 text-sm text-[#a1a1aa] border border-white/[0.08] rounded-lg transition-colors hover:text-accent hover:bg-white/5"
+                    className="px-3 py-2 text-sm text-[#a1a1aa] border border-white/8 rounded-lg transition-colors hover:text-accent hover:bg-white/5"
                   >
                     Changelog
                   </Link>
@@ -69,7 +69,7 @@ export default function NotFound() {
                     href="https://medium.com/@tomymaritano"
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="px-3 py-2 text-sm text-[#a1a1aa] border border-white/[0.08] rounded-lg transition-colors hover:text-accent hover:bg-white/5"
+                    className="px-3 py-2 text-sm text-[#a1a1aa] border border-white/8 rounded-lg transition-colors hover:text-accent hover:bg-white/5"
                   >
                     Blog
                   </a>
diff --git a/apps/web/components/Footer.tsx b/apps/web/components/Footer.tsx
index 3c917bd3..22d94f2e 100644
--- a/apps/web/components/Footer.tsx
+++ b/apps/web/components/Footer.tsx
@@ -68,7 +68,7 @@ export default function Footer() {
     <footer className="relative mt-auto">
       {/* Gradient separator */}
       <div className="mx-auto max-w-4xl px-4">
-        <div className="h-px bg-gradient-to-r from-transparent via-white/[0.08] to-transparent" />
+        <div className="h-px bg-linear-to-r from-transparent via-white/8 to-transparent" />
       </div>
 
       <div className="mx-auto max-w-4xl px-4 pb-8 pt-12">
@@ -130,7 +130,7 @@ export default function Footer() {
 
         {/* Bottom bar */}
         <div className="mt-10 flex items-center justify-center sm:justify-start">
-          <div className="h-px w-full bg-gradient-to-r from-transparent via-white/[0.06] to-transparent sm:hidden" />
+          <div className="h-px w-full bg-linear-to-r from-transparent via-white/6 to-transparent sm:hidden" />
           <span className="text-[11px] text-text-muted">
             &copy; {year} Readied. Built with &hearts; in Argentina.
           </span>
diff --git a/apps/web/components/NavDropdown.tsx b/apps/web/components/NavDropdown.tsx
index 8c03e110..00a15eea 100644
--- a/apps/web/components/NavDropdown.tsx
+++ b/apps/web/components/NavDropdown.tsx
@@ -49,7 +49,7 @@ export default function NavDropdown({ label, items }: NavDropdownProps) {
             leaveTo="opacity-0 translate-y-1"
           >
             <PopoverPanel className="absolute left-1/2 z-50 mt-3 w-56 -translate-x-1/2 transform">
-              <div className="overflow-hidden rounded-xl border border-white/[0.08] bg-zinc-900/95 backdrop-blur-xl shadow-2xl">
+              <div className="overflow-hidden rounded-xl border border-white/8 bg-zinc-900/95 backdrop-blur-xl shadow-2xl">
                 <div className="py-1">
                   {items.map(item => {
                     const className =
diff --git a/apps/web/components/Navbar.tsx b/apps/web/components/Navbar.tsx
index 6d0bd4e1..beb9d048 100644
--- a/apps/web/components/Navbar.tsx
+++ b/apps/web/components/Navbar.tsx
@@ -94,7 +94,7 @@ export default function Navbar() {
     <header className="fixed top-0 inset-x-0 z-50 flex justify-center pt-4 px-4">
       {/* Floating pill navbar */}
       <nav
-        className="flex w-full max-w-4xl items-center justify-between gap-6 rounded-2xl border border-white/[0.08] bg-zinc-950/70 px-5 py-2.5 backdrop-blur-xl shadow-[0_0_30px_-10px_rgba(0,0,0,0.5)]"
+        className="flex w-full max-w-4xl items-center justify-between gap-6 rounded-2xl border border-white/8 bg-zinc-950/70 px-5 py-2.5 backdrop-blur-xl shadow-[0_0_30px_-10px_rgba(0,0,0,0.5)]"
         aria-label="Main navigation"
       >
         {/* Logo */}
@@ -137,7 +137,7 @@ export default function Navbar() {
             </button>
 
             <div className="invisible absolute left-1/2 z-50 w-52 -translate-x-1/2 opacity-0 transition-all duration-200 group-hover:visible group-hover:opacity-100 group-focus-within:visible group-focus-within:opacity-100">
-              <div className="overflow-hidden rounded-xl border border-white/[0.08] bg-zinc-900/95 backdrop-blur-xl shadow-2xl">
+              <div className="overflow-hidden rounded-xl border border-white/8 bg-zinc-900/95 backdrop-blur-xl shadow-2xl">
                 <div className="py-1">
                   {docsItems.map(item => {
                     const cls =
@@ -176,7 +176,7 @@ export default function Navbar() {
         {/* Desktop: Download button with Apple icon */}
         <Link
           href="/download"
-          className="hidden items-center gap-2 rounded-lg border border-white/[0.12] bg-white/[0.06] px-4 py-1.5 text-[13px] font-medium text-white transition-all hover:bg-white/[0.1] hover:border-white/[0.18] md:inline-flex"
+          className="hidden items-center gap-2 rounded-lg border border-white/12 bg-white/6 px-4 py-1.5 text-[13px] font-medium text-white transition-all hover:bg-white/10 hover:border-white/18 md:inline-flex"
         >
           <Apple className="h-3.5 w-3.5" />
           Download
@@ -220,7 +220,7 @@ export default function Navbar() {
                 <Link
                   href="/download"
                   onClick={closeSheet}
-                  className="flex items-center justify-center gap-2 rounded-lg border border-white/[0.12] bg-white/[0.06] px-4 py-3 text-base font-medium text-white transition-colors hover:bg-white/[0.1]"
+                  className="flex items-center justify-center gap-2 rounded-lg border border-white/12 bg-white/6 px-4 py-3 text-base font-medium text-white transition-colors hover:bg-white/10"
                 >
                   <Apple className="h-4 w-4" />
                   Download for Mac
diff --git a/apps/web/components/NewsletterForm.tsx b/apps/web/components/NewsletterForm.tsx
index 83384bf5..74456b28 100644
--- a/apps/web/components/NewsletterForm.tsx
+++ b/apps/web/components/NewsletterForm.tsx
@@ -87,7 +87,7 @@ export default function NewsletterForm({ compact = false }: NewsletterFormProps)
             placeholder="your@email.com"
             required
             disabled={status === 'loading'}
-            className="min-w-0 flex-1 rounded-lg border border-white/[0.08] bg-base px-4 py-2.5 text-sm text-white placeholder-[#71717a] transition-colors focus:border-accent/50 focus:outline-none focus:ring-1 focus:ring-accent/50 disabled:opacity-50"
+            className="min-w-0 flex-1 rounded-lg border border-white/8 bg-base px-4 py-2.5 text-sm text-white placeholder-[#71717a] transition-colors focus:border-accent/50 focus:outline-none focus:ring-1 focus:ring-accent/50 disabled:opacity-50"
           />
           <button
             type="submit"
diff --git a/apps/web/components/PluginFilter.tsx b/apps/web/components/PluginFilter.tsx
index a5a05859..e86d8a29 100644
--- a/apps/web/components/PluginFilter.tsx
+++ b/apps/web/components/PluginFilter.tsx
@@ -80,13 +80,13 @@ export default function PluginFilter({ plugins }: PluginFilterProps) {
             placeholder="Search plugins..."
             value={search}
             onChange={e => setSearch(e.target.value)}
-            className="w-full rounded-lg border border-white/[0.08] bg-surface px-3 py-2.5 pl-10 text-sm text-[#f4f4f5] placeholder-[#71717a] outline-none transition-colors focus:border-accent"
+            className="w-full rounded-lg border border-white/8 bg-surface px-3 py-2.5 pl-10 text-sm text-[#f4f4f5] placeholder-[#71717a] outline-none transition-colors focus:border-accent"
           />
         </div>
         <select
           value={sort}
           onChange={e => setSort(e.target.value as SortOption)}
-          className="rounded-lg border border-white/[0.08] bg-surface px-3 py-2.5 text-sm text-[#a1a1aa] outline-none transition-colors focus:border-accent cursor-pointer"
+          className="rounded-lg border border-white/8 bg-surface px-3 py-2.5 text-sm text-[#a1a1aa] outline-none transition-colors focus:border-accent cursor-pointer"
         >
           <option value="name">Sort: A-Z</option>
           <option value="popular">Sort: Popular</option>
@@ -117,7 +117,7 @@ export default function PluginFilter({ plugins }: PluginFilterProps) {
               className={`inline-flex items-center gap-1.5 rounded-lg px-3.5 py-2 text-sm font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent ${
                 isActive
                   ? 'bg-accent text-white'
-                  : 'border border-white/[0.08] bg-surface text-[#a1a1aa] hover:bg-white/5 hover:text-white'
+                  : 'border border-white/8 bg-surface text-[#a1a1aa] hover:bg-white/5 hover:text-white'
               }`}
             >
               {category.charAt(0).toUpperCase() + category.slice(1)}
@@ -176,7 +176,7 @@ export default function PluginFilter({ plugins }: PluginFilterProps) {
               </p>
 
               <div className="mb-3 group relative">
-                <pre className="rounded-lg bg-zinc-950 border border-white/[0.06] px-3 py-2 text-xs font-mono text-[#a1a1aa] overflow-x-auto">
+                <pre className="rounded-lg bg-zinc-950 border border-white/6 px-3 py-2 text-xs font-mono text-[#a1a1aa] overflow-x-auto">
                   <code>{installCmd}</code>
                 </pre>
                 <button
diff --git a/apps/web/components/SubscribeFlow.tsx b/apps/web/components/SubscribeFlow.tsx
index 3c64f131..4e147586 100644
--- a/apps/web/components/SubscribeFlow.tsx
+++ b/apps/web/components/SubscribeFlow.tsx
@@ -166,7 +166,7 @@ export default function SubscribeFlow({ trialDays, plans, guarantees }: Subscrib
                   ? 'bg-green-400 text-white'
                   : step === s.num
                     ? 'bg-accent text-white'
-                    : 'border border-white/[0.08] bg-surface text-[#71717a]'
+                    : 'border border-white/8 bg-surface text-[#71717a]'
               }`}
               aria-current={step === s.num ? 'step' : undefined}
             >
@@ -195,7 +195,7 @@ export default function SubscribeFlow({ trialDays, plans, guarantees }: Subscrib
             {i < steps.length - 1 && (
               <div
                 className={`mx-1 h-px w-8 sm:w-12 ${
-                  step > s.num ? 'bg-green-400/50' : 'bg-white/[0.08]'
+                  step > s.num ? 'bg-green-400/50' : 'bg-white/8'
                 }`}
                 aria-hidden="true"
               />
@@ -232,7 +232,7 @@ export default function SubscribeFlow({ trialDays, plans, guarantees }: Subscrib
 
       {/* Step 1: Email entry */}
       {step === 1 && (
-        <div className="rounded-xl border border-white/[0.06] bg-surface p-8">
+        <div className="rounded-xl border border-white/6 bg-surface p-8">
           <h2 className="mb-2 text-center text-xl font-semibold text-white">Get started</h2>
           <p className="mb-6 text-center text-sm text-[#71717a]">
             Enter your email to begin. We&apos;ll send you a magic link to verify.
@@ -256,7 +256,7 @@ export default function SubscribeFlow({ trialDays, plans, guarantees }: Subscrib
                   required
                   autoFocus
                   disabled={status === 'loading'}
-                  className="w-full rounded-lg border border-white/[0.08] bg-base px-4 py-3 text-sm text-white placeholder-[#71717a] transition-colors focus:border-accent/50 focus:outline-none focus:ring-1 focus:ring-accent/50 disabled:opacity-50"
+                  className="w-full rounded-lg border border-white/8 bg-base px-4 py-3 text-sm text-white placeholder-[#71717a] transition-colors focus:border-accent/50 focus:outline-none focus:ring-1 focus:ring-accent/50 disabled:opacity-50"
                 />
               </div>
 
@@ -291,7 +291,7 @@ export default function SubscribeFlow({ trialDays, plans, guarantees }: Subscrib
 
       {/* Step 2: Check email */}
       {step === 2 && (
-        <div className="rounded-xl border border-white/[0.06] bg-surface p-8 text-center">
+        <div className="rounded-xl border border-white/6 bg-surface p-8 text-center">
           <div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-accent/10">
             <svg
               className="h-8 w-8 text-accent"
@@ -322,7 +322,7 @@ export default function SubscribeFlow({ trialDays, plans, guarantees }: Subscrib
             type="button"
             onClick={handleResend}
             disabled={status === 'loading' || resendCooldown > 0}
-            className="inline-flex items-center gap-2 rounded-lg border border-white/[0.08] bg-elevated px-4 py-2.5 text-sm text-[#a1a1aa] transition-colors hover:bg-white/5 hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-accent disabled:opacity-50"
+            className="inline-flex items-center gap-2 rounded-lg border border-white/8 bg-elevated px-4 py-2.5 text-sm text-[#a1a1aa] transition-colors hover:bg-white/5 hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-accent disabled:opacity-50"
           >
             {status === 'loading' ? (
               <>
@@ -342,7 +342,7 @@ export default function SubscribeFlow({ trialDays, plans, guarantees }: Subscrib
             </p>
           )}
 
-          <div className="mt-6 border-t border-white/[0.06] pt-4">
+          <div className="mt-6 border-t border-white/6 pt-4">
             <button
               type="button"
               onClick={() => {
@@ -376,7 +376,7 @@ export default function SubscribeFlow({ trialDays, plans, guarantees }: Subscrib
               className={`w-full rounded-xl border p-5 text-left transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent ${
                 selectedPlan === 'free'
                   ? 'border-accent/50 bg-accent/5'
-                  : 'border-white/[0.08] bg-surface hover:border-white/[0.12]'
+                  : 'border-white/8 bg-surface hover:border-white/12'
               }`}
             >
               <div className="flex items-center justify-between">
@@ -437,7 +437,7 @@ export default function SubscribeFlow({ trialDays, plans, guarantees }: Subscrib
               className={`w-full rounded-xl border p-5 text-left transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent ${
                 selectedPlan === 'pro-monthly'
                   ? 'border-accent/50 bg-accent/5'
-                  : 'border-white/[0.08] bg-surface hover:border-white/[0.12]'
+                  : 'border-white/8 bg-surface hover:border-white/12'
               }`}
             >
               <div className="flex items-center justify-between">
@@ -500,7 +500,7 @@ export default function SubscribeFlow({ trialDays, plans, guarantees }: Subscrib
               className={`relative w-full rounded-xl border p-5 text-left transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent ${
                 selectedPlan === 'pro-annual'
                   ? 'border-accent/50 bg-accent/5'
-                  : 'border-white/[0.08] bg-surface hover:border-white/[0.12]'
+                  : 'border-white/8 bg-surface hover:border-white/12'
               }`}
             >
               <span className="absolute -top-2.5 right-4 rounded-full bg-accent px-2.5 py-0.5 font-mono text-[10px] font-bold uppercase tracking-wider text-white">
diff --git a/apps/web/components/landing/Hero.tsx b/apps/web/components/landing/Hero.tsx
index c7782380..f710a16c 100644
--- a/apps/web/components/landing/Hero.tsx
+++ b/apps/web/components/landing/Hero.tsx
@@ -12,13 +12,13 @@ import { BorderBeam } from '@/components/magicui/border-beam';
 function LightBeams() {
   return (
     <div aria-hidden="true" className="pointer-events-none absolute inset-0 overflow-hidden">
-      <div className="absolute left-1/2 top-[40%] -translate-x-1/2 -translate-y-1/2 h-[600px] w-[500px] rounded-full bg-accent/[0.04] blur-[150px]" />
-      <div className="absolute -top-[30%] left-[20%] h-[160%] w-[80px] rotate-[35deg] bg-gradient-to-b from-transparent via-accent/[0.12] to-transparent blur-[50px]" />
-      <div className="absolute -top-[30%] left-[38%] h-[160%] w-[150px] rotate-[35deg] bg-gradient-to-b from-transparent via-violet-500/[0.07] to-transparent blur-[80px]" />
-      <div className="absolute -top-[30%] left-[55%] h-[160%] w-[40px] rotate-[35deg] bg-gradient-to-b from-transparent via-accent/[0.15] to-transparent blur-[25px]" />
-      <div className="absolute -top-[30%] right-[15%] h-[160%] w-[100px] rotate-[35deg] bg-gradient-to-b from-transparent via-violet-600/[0.06] to-transparent blur-[60px]" />
-      <div className="absolute inset-x-0 top-0 h-40 bg-gradient-to-b from-background to-transparent" />
-      <div className="absolute inset-x-0 bottom-0 h-40 bg-gradient-to-t from-background to-transparent" />
+      <div className="absolute left-1/2 top-[40%] -translate-x-1/2 -translate-y-1/2 h-[600px] w-[500px] rounded-full bg-accent/4 blur-[150px]" />
+      <div className="absolute -top-[30%] left-[20%] h-[160%] w-[80px] rotate-[35deg] bg-linear-to-b from-transparent via-accent/12 to-transparent blur-[50px]" />
+      <div className="absolute -top-[30%] left-[38%] h-[160%] w-[150px] rotate-[35deg] bg-linear-to-b from-transparent via-violet-500/7 to-transparent blur-[80px]" />
+      <div className="absolute -top-[30%] left-[55%] h-[160%] w-[40px] rotate-[35deg] bg-linear-to-b from-transparent via-accent/15 to-transparent blur-[25px]" />
+      <div className="absolute -top-[30%] right-[15%] h-[160%] w-[100px] rotate-[35deg] bg-linear-to-b from-transparent via-violet-600/6 to-transparent blur-[60px]" />
+      <div className="absolute inset-x-0 top-0 h-40 bg-linear-to-b from-background to-transparent" />
+      <div className="absolute inset-x-0 bottom-0 h-40 bg-linear-to-t from-background to-transparent" />
     </div>
   );
 }
@@ -45,13 +45,13 @@ function EditorMockWithPlay() {
         className="group relative w-full cursor-pointer border-0 bg-transparent p-0 text-left"
         onClick={() => hasVideo && setIsVideoOpen(true)}
       >
-        <div className="relative overflow-hidden rounded-xl border border-white/[0.06] bg-[#0c0c0e] shadow-2xl shadow-accent/5 transition-all duration-200 group-hover:brightness-[0.85]">
+        <div className="relative overflow-hidden rounded-xl border border-white/6 bg-[#0c0c0e] shadow-2xl shadow-accent/5 transition-all duration-200 group-hover:brightness-[0.85]">
           {/* Title bar */}
-          <div className="flex items-center gap-2 border-b border-white/[0.06] px-4 py-3">
+          <div className="flex items-center gap-2 border-b border-white/6 px-4 py-3">
             <div className="flex gap-1.5">
-              <span className="h-3 w-3 rounded-full bg-white/[0.06]" />
-              <span className="h-3 w-3 rounded-full bg-white/[0.06]" />
-              <span className="h-3 w-3 rounded-full bg-white/[0.06]" />
+              <span className="h-3 w-3 rounded-full bg-white/6" />
+              <span className="h-3 w-3 rounded-full bg-white/6" />
+              <span className="h-3 w-3 rounded-full bg-white/6" />
             </div>
             <span className="ml-2 font-mono text-[11px] text-text-muted">project-roadmap.md</span>
             <span className="ml-auto font-mono text-[10px] text-text-muted/50">readied</span>
@@ -59,7 +59,7 @@ function EditorMockWithPlay() {
 
           {/* Editor body — two panes */}
           <div className="grid grid-cols-1 md:grid-cols-2">
-            <div className="border-b border-white/[0.06] p-5 md:border-b-0 md:border-r">
+            <div className="border-b border-white/6 p-5 md:border-b-0 md:border-r">
               <div className="font-mono text-xs leading-[1.8] text-text-muted sm:text-[13px]">
                 <div>
                   <span className="text-accent font-semibold"># </span>
@@ -158,7 +158,7 @@ function EditorMockWithPlay() {
         {/* Play button overlay */}
         <div className="absolute inset-0 flex items-center justify-center transition-all duration-200 ease-out">
           <div className="flex size-20 items-center justify-center rounded-full bg-white/10 backdrop-blur-md transition-transform duration-200 group-hover:scale-110 sm:size-24">
-            <div className="flex size-14 items-center justify-center rounded-full bg-gradient-to-b from-accent/40 to-accent shadow-lg sm:size-16">
+            <div className="flex size-14 items-center justify-center rounded-full bg-linear-to-b from-accent/40 to-accent shadow-lg sm:size-16">
               <Play className="size-6 fill-white text-white sm:size-7" />
             </div>
           </div>
@@ -224,7 +224,7 @@ export default function Hero() {
       {/* Text content — centered in viewport */}
       <div className="relative z-[2] mx-auto flex min-h-[85dvh] w-full max-w-5xl flex-col items-center justify-center px-6 lg:px-8 text-center">
         {/* Version badge */}
-        <div className="mb-8 inline-flex items-center gap-2 rounded-full border border-border bg-white/[0.03] px-4 py-2 text-xs opacity-0 animate-fade-in-up">
+        <div className="mb-8 inline-flex items-center gap-2 rounded-full border border-border bg-white/3 px-4 py-2 text-xs opacity-0 animate-fade-in-up">
           <AnimatedShinyText>
             <span className="font-mono text-accent">v0.6</span> Early access
           </AnimatedShinyText>
@@ -249,7 +249,7 @@ export default function Hero() {
         <div className="mb-6 flex flex-col items-center gap-3 opacity-0 animate-fade-in-up [animation-delay:300ms] sm:flex-row sm:justify-center">
           <Link
             href="/download"
-            className="inline-flex items-center gap-2.5 rounded-xl border border-white/[0.12] bg-white/[0.06] px-6 py-3 text-sm font-medium text-white backdrop-blur-sm transition-all hover:bg-white/[0.1] hover:border-white/[0.2]"
+            className="inline-flex items-center gap-2.5 rounded-xl border border-white/12 bg-white/6 px-6 py-3 text-sm font-medium text-white backdrop-blur-sm transition-all hover:bg-white/10 hover:border-white/20"
           >
             <Apple className="h-4 w-4" />
             Download for Mac
@@ -258,7 +258,7 @@ export default function Hero() {
             href="https://github.com/tomymaritano/readide"
             target="_blank"
             rel="noopener noreferrer"
-            className="inline-flex items-center gap-2.5 rounded-xl border border-white/[0.08] bg-white/[0.03] px-6 py-3 text-sm font-medium text-text-secondary backdrop-blur-sm transition-all hover:bg-white/[0.06] hover:text-white"
+            className="inline-flex items-center gap-2.5 rounded-xl border border-white/8 bg-white/3 px-6 py-3 text-sm font-medium text-text-secondary backdrop-blur-sm transition-all hover:bg-white/6 hover:text-white"
           >
             <Github className="h-4 w-4" />
             View on GitHub
diff --git a/apps/web/components/landing/VideoGuides.tsx b/apps/web/components/landing/VideoGuides.tsx
index 3ecba286..e76c8858 100644
--- a/apps/web/components/landing/VideoGuides.tsx
+++ b/apps/web/components/landing/VideoGuides.tsx
@@ -63,7 +63,7 @@ function VideoCard({
         }`}
       >
         {/* Thumbnail placeholder */}
-        <div className="relative aspect-video w-full bg-gradient-to-br from-accent/5 via-surface to-surface-elevated">
+        <div className="relative aspect-video w-full bg-linear-to-br from-accent/5 via-surface to-surface-elevated">
           {/* Decorative code lines */}
           <div className="absolute inset-0 flex flex-col justify-center gap-2 px-8 opacity-20">
             <div className="h-2 w-3/4 rounded bg-white/20" />
@@ -76,7 +76,7 @@ function VideoCard({
           {/* Play button */}
           <div className="absolute inset-0 flex items-center justify-center">
             <div className="flex size-14 items-center justify-center rounded-full bg-white/10 backdrop-blur-sm transition-transform duration-200 group-hover:scale-110">
-              <div className="flex size-10 items-center justify-center rounded-full bg-gradient-to-b from-accent/40 to-accent shadow-lg">
+              <div className="flex size-10 items-center justify-center rounded-full bg-linear-to-b from-accent/40 to-accent shadow-lg">
                 <Play className="size-4 fill-white text-white" />
               </div>
             </div>
diff --git a/apps/web/components/magicui/animated-shiny-text.tsx b/apps/web/components/magicui/animated-shiny-text.tsx
index ad64881a..1c918b8c 100644
--- a/apps/web/components/magicui/animated-shiny-text.tsx
+++ b/apps/web/components/magicui/animated-shiny-text.tsx
@@ -25,7 +25,7 @@ export const AnimatedShinyText: FC<AnimatedShinyTextProps> = ({
         'animate-shiny-text [background-size:var(--shiny-width)_100%] bg-clip-text [background-position:0_0] bg-no-repeat [transition:background-position_1s_cubic-bezier(.6,.6,0,1)_infinite]',
 
         // Shine gradient
-        'bg-gradient-to-r from-transparent via-black/80 via-50% to-transparent dark:via-white/80',
+        'bg-linear-to-r from-transparent via-black/80 via-50% to-transparent dark:via-white/80',
 
         className
       )}
diff --git a/apps/web/components/magicui/border-beam.tsx b/apps/web/components/magicui/border-beam.tsx
index d2e5a88b..d190c0ee 100644
--- a/apps/web/components/magicui/border-beam.tsx
+++ b/apps/web/components/magicui/border-beam.tsx
@@ -86,7 +86,7 @@ export const BorderBeam = ({
     >
       <motion.div
         className={cn(
-          'absolute aspect-square bg-gradient-to-l from-[var(--color-from)] via-[var(--color-to)] to-transparent',
+          'absolute aspect-square bg-linear-to-l from-[var(--color-from)] via-[var(--color-to)] to-transparent',
           className
         )}
         style={
diff --git a/apps/web/components/magicui/hero-video-dialog.tsx b/apps/web/components/magicui/hero-video-dialog.tsx
index b941e4ed..aa96d5d7 100644
--- a/apps/web/components/magicui/hero-video-dialog.tsx
+++ b/apps/web/components/magicui/hero-video-dialog.tsx
@@ -107,11 +107,11 @@ export function HeroVideoDialog({
           width={1920}
           height={1080}
           loading="lazy"
-          className="w-full rounded-xl border border-white/[0.06] shadow-2xl shadow-accent/5 transition-all duration-200 ease-out group-hover:brightness-[0.8]"
+          className="w-full rounded-xl border border-white/6 shadow-2xl shadow-accent/5 transition-all duration-200 ease-out group-hover:brightness-[0.8]"
         />
         <div className="absolute inset-0 flex scale-[0.9] items-center justify-center rounded-2xl transition-all duration-200 ease-out group-hover:scale-100">
           <div className="flex size-28 items-center justify-center rounded-full bg-white/10 backdrop-blur-md">
-            <div className="relative flex size-20 scale-100 items-center justify-center rounded-full bg-gradient-to-b from-accent/30 to-accent shadow-md transition-all duration-200 ease-out group-hover:scale-[1.2]">
+            <div className="relative flex size-20 scale-100 items-center justify-center rounded-full bg-linear-to-b from-accent/30 to-accent shadow-md transition-all duration-200 ease-out group-hover:scale-[1.2]">
               <Play
                 className="size-8 scale-100 fill-white text-white transition-transform duration-200 ease-out group-hover:scale-105"
                 style={{
diff --git a/packages/ai-assistant/tsconfig.json b/packages/ai-assistant/tsconfig.json
index fbdb05bb..452b0996 100644
--- a/packages/ai-assistant/tsconfig.json
+++ b/packages/ai-assistant/tsconfig.json
@@ -2,11 +2,7 @@
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "rootDir": "./src",
-    "outDir": "./dist",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
+    "outDir": "./dist"
   },
   "include": ["src/**/*"],
   "exclude": ["node_modules", "dist"]
diff --git a/packages/command-registry/tsconfig.json b/packages/command-registry/tsconfig.json
index e66c4fe4..dfdbb560 100644
--- a/packages/command-registry/tsconfig.json
+++ b/packages/command-registry/tsconfig.json
@@ -2,11 +2,7 @@
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "rootDir": "./src",
-    "outDir": "./dist",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
+    "outDir": "./dist"
   },
   "include": ["src/**/*"],
   "exclude": ["node_modules", "dist", "tests"]