diff --git a/apps/website/src/index.css b/apps/website/src/index.css
index 5b742b62c7..75a9b85231 100644
--- a/apps/website/src/index.css
+++ b/apps/website/src/index.css
@@ -129,6 +129,41 @@ section ol {
   text-align: left;
 }
 
+/* Подстраницы используют три разных поверхности вместо ленты одинаковых
+   серых карточек. Правило действует только на длинные маршруты с классом
+   subpage-layout; у главной страницы остаётся собственная система разделов. */
+.subpage-layout > :not(.radial-glow):not(nav):not(.verification-anchor):not(.verification-toc) {
+  width: 100%;
+  margin-bottom: clamp(1.6rem, 3.5vw, 2.4rem);
+}
+
+.subpage-layout > :not(.radial-glow):not(nav):not(.verification-anchor):not(.verification-toc):nth-child(3n + 1) {
+  padding-block: clamp(0.4rem, 1.5vw, 0.9rem);
+  border-block: 1px solid var(--border);
+}
+
+.subpage-layout > :not(.radial-glow):not(nav):not(.verification-anchor):not(.verification-toc):nth-child(3n + 2) {
+  padding: clamp(1.2rem, 3vw, 2rem);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  background: linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018));
+}
+
+.subpage-layout > :not(.radial-glow):not(nav):not(.verification-anchor):not(.verification-toc):nth-child(3n) {
+  padding: clamp(1rem, 2.6vw, 1.7rem) clamp(1.1rem, 3vw, 2rem);
+  border-left: 2px solid var(--accent);
+  border-radius: 0 12px 12px 0;
+  background: linear-gradient(90deg, rgba(0, 255, 136, 0.075), rgba(0, 255, 136, 0.012));
+}
+
+.subpage-layout > :last-child {
+  margin-bottom: 0;
+}
+
+.subpage-layout > .radial-glow {
+  width: auto;
+}
+
 .tight {
   max-width: var(--narrow-w);
   margin-left: auto;
diff --git a/apps/website/src/pages/AboutAuthor.tsx b/apps/website/src/pages/AboutAuthor.tsx
index 67e27cd8e9..958b87e3fa 100644
--- a/apps/website/src/pages/AboutAuthor.tsx
+++ b/apps/website/src/pages/AboutAuthor.tsx
@@ -28,7 +28,7 @@ export default function AboutAuthor() {
       <QuantumBackground />
       <Navigation />
 
-      <section id="about" style={{ maxWidth: '900px', alignItems: 'stretch' }}>
+      <section id="about" className="subpage-layout" style={{ maxWidth: '900px', alignItems: 'stretch' }}>
         <div className="radial-glow" style={{ opacity: 0.2, background: 'radial-gradient(circle at center, rgba(0, 255, 136, 0.08) 0%, transparent 60%)' }} />
 
         {/* Header: photo + name + headline.
diff --git a/apps/website/src/pages/CaseStudies.tsx b/apps/website/src/pages/CaseStudies.tsx
index 026f7ecc38..52a18e6a1d 100644
--- a/apps/website/src/pages/CaseStudies.tsx
+++ b/apps/website/src/pages/CaseStudies.tsx
@@ -151,7 +151,7 @@ export default function CaseStudies() {
       <QuantumBackground />
       <Navigation />
 
-      <section id="cases" style={{ maxWidth: '900px', alignItems: 'stretch' }}>
+      <section id="cases" className="subpage-layout" style={{ maxWidth: '900px', alignItems: 'stretch' }}>
         <div className="radial-glow" style={{ opacity: 0.2, background: 'radial-gradient(circle at center, rgba(0, 255, 136, 0.08) 0%, transparent 60%)' }} />
 
         <motion.div
diff --git a/apps/website/src/pages/Course.tsx b/apps/website/src/pages/Course.tsx
index c1d9e8998b..da523bc5cc 100644
--- a/apps/website/src/pages/Course.tsx
+++ b/apps/website/src/pages/Course.tsx
@@ -104,7 +104,7 @@ export default function Course() {
       <QuantumBackground />
       <Navigation />
 
-      <section id="course" style={{ maxWidth: '900px', alignItems: 'stretch', textAlign: 'left' }}>
+      <section id="course" className="subpage-layout" style={{ maxWidth: '900px', alignItems: 'stretch', textAlign: 'left' }}>
         <div className="radial-glow" style={{ opacity: 0.2, background: 'radial-gradient(circle at center, rgba(0, 255, 136, 0.08) 0%, transparent 60%)' }} />
 
         {/* Hero */}
diff --git a/apps/website/src/pages/GFT.tsx b/apps/website/src/pages/GFT.tsx
index 8025db1692..c4ca73dc98 100644
--- a/apps/website/src/pages/GFT.tsx
+++ b/apps/website/src/pages/GFT.tsx
@@ -181,7 +181,7 @@ export default function GFT() {
       <QuantumBackground />
       <Navigation />
 
-      <section id="gft" style={{ maxWidth: '900px', alignItems: 'stretch' }}>
+      <section id="gft" className="subpage-layout" style={{ maxWidth: '900px', alignItems: 'stretch' }}>
         <div className="radial-glow" style={{ opacity: 0.2, background: 'radial-gradient(circle at center, rgba(0, 255, 136, 0.08) 0%, transparent 60%)' }} />
 
         <motion.div initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.7 }} style={{ marginBottom: '2rem' }}>
diff --git a/apps/website/src/pages/HardwareVerification.tsx b/apps/website/src/pages/HardwareVerification.tsx
index e759916dbd..72394bd93c 100644
--- a/apps/website/src/pages/HardwareVerification.tsx
+++ b/apps/website/src/pages/HardwareVerification.tsx
@@ -348,7 +348,7 @@ export default function HardwareVerification() {
       <QuantumBackground />
       <Navigation />
 
-      <section id="verification" style={{ maxWidth: '900px', alignItems: 'stretch' }}>
+      <section id="verification" className="subpage-layout" style={{ maxWidth: '900px', alignItems: 'stretch' }}>
         <div className="radial-glow" style={{ opacity: 0.2, background: 'radial-gradient(circle at center, rgba(0, 255, 136, 0.08) 0%, transparent 60%)' }} />
 
         {/* Hero */}
diff --git a/apps/website/src/pages/Licensing.tsx b/apps/website/src/pages/Licensing.tsx
index 940900bb26..96d1a97dd4 100644
--- a/apps/website/src/pages/Licensing.tsx
+++ b/apps/website/src/pages/Licensing.tsx
@@ -138,7 +138,7 @@ export default function Licensing() {
       <QuantumBackground />
       <Navigation />
 
-      <section id="licensing" style={{ maxWidth: '900px', alignItems: 'stretch', textAlign: 'left' }}>
+      <section id="licensing" className="subpage-layout" style={{ maxWidth: '900px', alignItems: 'stretch', textAlign: 'left' }}>
         <div className="radial-glow" style={{ opacity: 0.2, background: 'radial-gradient(circle at center, rgba(0, 255, 136, 0.08) 0%, transparent 60%)' }} />
 
         {/* Hero */}
diff --git a/apps/website/src/pages/Proof.tsx b/apps/website/src/pages/Proof.tsx
index d77179ae74..46972d7c7a 100644
--- a/apps/website/src/pages/Proof.tsx
+++ b/apps/website/src/pages/Proof.tsx
@@ -128,7 +128,7 @@ export default function Proof() {
       <QuantumBackground />
       <Navigation />
 
-      <section id="proof" style={{ maxWidth: '900px', alignItems: 'stretch' }}>
+      <section id="proof" className="subpage-layout" style={{ maxWidth: '900px', alignItems: 'stretch' }}>
         <div className="radial-glow" style={{ opacity: 0.2, background: 'radial-gradient(circle at center, rgba(0, 255, 136, 0.08) 0%, transparent 60%)' }} />
 
         {/* Hero */}
diff --git a/apps/website/src/pages/Resources.tsx b/apps/website/src/pages/Resources.tsx
index 8868e2b7c5..25d4c0c4a0 100644
--- a/apps/website/src/pages/Resources.tsx
+++ b/apps/website/src/pages/Resources.tsx
@@ -205,7 +205,7 @@ export default function Resources() {
   return (
     <main>
       <Navigation />
-      <div style={wrap}>
+      <div className="subpage-layout subpage-layout--resources" style={wrap}>
         <h1 style={{ marginBottom: '0.3em' }}>{COPY.title[lang]}</h1>
         <p style={{ color: dim, lineHeight: 1.75, marginBottom: '0.6em', maxWidth: 'none', textAlign: 'left' }}>
           {COPY.lede[lang]}
diff --git a/apps/website/src/pages/Start.tsx b/apps/website/src/pages/Start.tsx
index 0989d618bd..1ced43ca2e 100644
--- a/apps/website/src/pages/Start.tsx
+++ b/apps/website/src/pages/Start.tsx
@@ -99,7 +99,7 @@ export default function Start() {
     <main>
       <QuantumBackground />
       <Navigation />
-      <section id="start" style={{ maxWidth: '900px', alignItems: 'stretch' }}>
+      <section id="start" className="subpage-layout" style={{ maxWidth: '900px', alignItems: 'stretch' }}>
         <div className="radial-glow" style={{ opacity: 0.2, background: 'radial-gradient(circle at center, rgba(0,255,136,0.08) 0%, transparent 60%)' }} />
 
         <div style={{ marginBottom: '2rem' }}>