.method-hero{
  min-height:70vh; min-height:70dvh;
  display:flex; align-items:center; justify-content:center;
  position:relative; overflow:clip;
  padding:var(--sp-16) var(--sp-8) var(--sp-10);
}
.method-hero-aura{
  position:absolute; border-radius:50%;
  filter:blur(120px); pointer-events:none;
}
.method-hero-aura--violet{
  width:500px; height:500px;
  background:var(--violet); opacity:0.07;
  top:5%; right:10%;
}
.method-hero-aura--teal{
  width:400px; height:400px;
  background:var(--teal); opacity:0.05;
  bottom:15%; left:5%;
}
.method-hero-aura--gold{
  width:350px; height:350px;
  background:var(--aurum); opacity:0.06;
  top:40%; left:40%;
}
.method-hero-content{
  position:relative; z-index:2;
  max-width:720px;
  text-align:center;
  margin:0 auto;
}
.method-hero-overline{
  font-family:'JetBrains Mono', monospace;
  font-size:10px; letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--aurum);
  margin-bottom:var(--sp-3);
  opacity:0.7;
}
.method-hero-headline{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(26px, 3.5vw, 44px);
  font-weight:400;
  color:var(--text-primary);
  line-height:1.45;
}
.method-hero-headline em{
  color:var(--aurum); font-style:italic;
}
.method-hero-subtitle{
  font-size:17px;
  color:var(--text-secondary);
  line-height:1.7;
  max-width:560px;
  margin:var(--sp-4) auto 0;
}
.method-hero-scroll-hint{
  position:absolute;
  bottom:var(--sp-6);
  left:50%;
  transform:translateX(-50%);
}
.scroll-hint-line{
  width:1px; height:40px;
  background:linear-gradient(180deg, rgba(212,168,75,0.4), transparent);
  animation:scrollHintPulse 2s ease-in-out infinite;
}
@keyframes scrollHintPulse{
  0%, 100%{ opacity:0.3; transform:scaleY(0.7); }
  50%{ opacity:0.8; transform:scaleY(1); }
}
.science-section{
  padding:var(--sp-16) var(--sp-8);
  position:relative;
}
.science-section::before{
  content:'';
  position:absolute; top:0; left:0; right:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(139,92,246,0.12), transparent);
}
.science-inner{ max-width:800px; margin:0 auto; }
.science-header{ margin-bottom:var(--sp-6); }
.science-header h2{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(24px, 3vw, 36px);
  font-weight:400; color:var(--text-primary);
  line-height:1.35;
}
.science-card{
  background:rgba(255,255,255,0.02);
  backdrop-filter:blur(40px); -webkit-backdrop-filter:blur(40px);
  border:1px solid rgba(139,92,246,0.1);
  border-radius:24px;
  padding:var(--sp-6);
  position:relative; overflow:hidden;
}
.science-card::before{
  content:'';
  position:absolute;
  width:350px; height:350px; border-radius:50%;
  background:radial-gradient(circle, rgba(139,92,246,0.05) 0%, transparent 70%);
  top:-100px; right:-100px;
  pointer-events:none;
}
.science-text{
  font-size:16px; color:var(--text-secondary);
  line-height:1.85; margin-bottom:var(--sp-4);
}
.science-text:last-of-type{ margin-bottom:0; }
.science-highlight{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(18px, 2.2vw, 24px);
  font-weight:400; font-style:italic;
  color:var(--aurum); line-height:1.6;
  padding-top:var(--sp-4);
  border-top:1px solid rgba(212,168,75,0.15);
  margin-top:var(--sp-4);
}
.science-stats{
  display:grid; grid-template-columns:repeat(3, 1fr);
  gap:var(--sp-4); margin-top:var(--sp-8);
  text-align:center;
}
.science-stat-number{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(36px, 5vw, 56px);
  font-weight:300; line-height:1;
  margin-bottom:var(--sp-1);
}
.science-stat-label{
  font-family:'JetBrains Mono', monospace;
  font-size:10px; letter-spacing:0.1em;
  text-transform:uppercase; color:var(--text-tertiary);
}
.synthesis-section{
  padding:var(--sp-16) var(--sp-8);
  position:relative;
}
.synthesis-section::before{
  content:'';
  position:absolute; top:0; left:0; right:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,168,75,0.12), transparent);
}
.synthesis-inner{ max-width:800px; margin:0 auto; }
.synthesis-header{ margin-bottom:var(--sp-6); }
.synthesis-header h2{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(24px, 3vw, 36px);
  font-weight:400; color:var(--text-primary); line-height:1.3;
}
.synthesis-card{
  background:rgba(255,255,255,0.02);
  backdrop-filter:blur(40px); -webkit-backdrop-filter:blur(40px);
  border:1px solid rgba(212,168,75,0.1);
  border-radius:24px;
  padding:var(--sp-6);
  position:relative; overflow:hidden;
}
.synthesis-card::before{
  content:'';
  position:absolute;
  width:300px; height:300px; border-radius:50%;
  background:radial-gradient(circle, rgba(212,168,75,0.06) 0%, transparent 70%);
  top:-80px; right:-80px;
  pointer-events:none;
}
.synthesis-flashlight{
  display:flex; flex-direction:column; gap:var(--sp-4);
}
.synthesis-line{
  font-size:16px; color:var(--text-secondary); line-height:1.8;
}
.synthesis-line strong{
  color:var(--text-primary); font-weight:500;
}
.synth-color-bar{
  display:inline-block;
  width:3px; height:14px;
  border-radius:2px;
  margin-right:10px;
  vertical-align:middle;
  opacity:0.6;
}
.synthesis-dimmer{
  font-size:15px; color:var(--text-tertiary);
  line-height:1.8; opacity:0.6;
  padding-top:var(--sp-2);
}
.synthesis-reveal{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(18px, 2.2vw, 24px);
  font-weight:400; font-style:italic;
  color:var(--aurum); line-height:1.6;
  padding-top:var(--sp-3);
  border-top:1px solid rgba(212,168,75,0.15);
}
.synthesis-reveal em{
  color:#fff; font-style:normal;
}
.frameworks-section{
  padding:var(--sp-16) var(--sp-8);
  position:relative;
}
.frameworks-section::before{
  content:'';
  position:absolute; top:0; left:0; right:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.04), transparent);
}
.frameworks-inner{ max-width:960px; margin:0 auto; }
.frameworks-header{ margin-bottom:var(--sp-8); }
.frameworks-header h2{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(24px, 3vw, 34px);
  font-weight:400; color:var(--text-primary); line-height:1.3;
}
.frameworks-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--sp-4);
}
.framework-card{
  background:rgba(255,255,255,0.02);
  backdrop-filter:blur(32px); -webkit-backdrop-filter:blur(32px);
  border:1px solid rgba(255,255,255,0.05);
  border-radius:20px;
  padding:var(--sp-5) var(--sp-4);
  position:relative; overflow:hidden;
  transition:border-color 0.4s, transform 0.4s, box-shadow 0.4s;
}
.framework-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 48px rgba(0,0,0,0.3);
}
.framework-card .fw-glow{
  position:absolute; top:-60px; right:-60px;
  width:200px; height:200px; border-radius:50%;
  filter:blur(80px); opacity:0.1;
  pointer-events:none;
  transition:opacity 0.6s, transform 0.6s;
}
.framework-card:hover .fw-glow{ opacity:0.2; transform:scale(1.15); }
.framework-card--violet{ border-color:rgba(139,92,246,0.12); }
.framework-card--violet:hover{ border-color:rgba(139,92,246,0.25); }
.framework-card--violet .fw-glow{ background:var(--violet); }
.framework-card--teal{ border-color:rgba(20,184,166,0.12); }
.framework-card--teal:hover{ border-color:rgba(20,184,166,0.25); }
.framework-card--teal .fw-glow{ background:var(--teal); }
.framework-card--gold{ border-color:rgba(212,168,75,0.12); }
.framework-card--gold:hover{ border-color:rgba(212,168,75,0.25); }
.framework-card--gold .fw-glow{ background:var(--aurum); }

.framework-card .fw-tag{
  font-family:'JetBrains Mono', monospace;
  font-size:9px; letter-spacing:0.15em;
  text-transform:uppercase;
  margin-bottom:var(--sp-3);
  display:inline-block;
  padding:3px 10px; border-radius:100px;
}
.fw-tag--violet{ color:var(--violet); background:rgba(139,92,246,0.1); }
.fw-tag--teal{ color:var(--teal); background:rgba(20,184,166,0.1); }
.fw-tag--gold{ color:var(--aurum); background:rgba(212,168,75,0.1); }

.framework-card .fw-name{
  font-size:22px; font-weight:500;
  color:var(--text-primary); line-height:1.3;
  margin-bottom:var(--sp-2);
}
.framework-card .fw-subtitle{
  font-family:'Cormorant Garamond', serif;
  font-size:17px; font-style:italic;
  color:var(--text-secondary); line-height:1.5;
  margin-bottom:var(--sp-4);
}
.framework-card .fw-desc{
  font-size:15px; color:var(--text-tertiary); line-height:1.75;
}
.fw-insight{
  font-family:'Cormorant Garamond', serif;
  font-size:15px; font-style:italic;
  color:var(--text-tertiary); line-height:1.65;
  margin-top:var(--sp-4);
  padding-top:var(--sp-3);
  border-top:1px solid rgba(255,255,255,0.05);
  opacity:0.8;
}
.fw-cta{
  display:inline-block; margin-top:var(--sp-4);
  font-family:'JetBrains Mono', monospace; font-size:12px;
  letter-spacing:0.06em; color:var(--aurum); text-decoration:none;
  transition:color 0.3s;
}
.fw-cta:hover{ color:#F0D07A; }
.engine-section{
  padding:var(--sp-16) var(--sp-8);
  position:relative;
}
.engine-section::before{
  content:'';
  position:absolute; top:0; left:0; right:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(194,133,96,0.12), transparent);
}
.engine-inner{ max-width:800px; margin:0 auto; }
.engine-header{ margin-bottom:var(--sp-6); }
.engine-header h2{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(24px, 3vw, 36px);
  font-weight:400; color:var(--text-primary); line-height:1.35;
}
.engine-card{
  background:rgba(255,255,255,0.02);
  backdrop-filter:blur(40px); -webkit-backdrop-filter:blur(40px);
  border:1px solid rgba(194,133,96,0.12);
  border-radius:24px;
  padding:var(--sp-6);
  position:relative; overflow:hidden;
}
.engine-glow{
  position:absolute;
  width:300px; height:300px; border-radius:50%;
  background:radial-gradient(circle, rgba(194,133,96,0.06) 0%, transparent 70%);
  top:-80px; left:-80px;
  pointer-events:none;
}
.engine-text{
  font-size:16px; color:var(--text-secondary);
  line-height:1.85; margin-bottom:var(--sp-4);
}
.engine-flow{
  display:flex; align-items:center; justify-content:center;
  gap:var(--sp-2); margin-top:var(--sp-6);
  padding-top:var(--sp-5);
  border-top:1px solid rgba(255,255,255,0.05);
  flex-wrap:wrap;
}
.engine-flow-step{ text-align:center; }
.engine-flow-icon{ font-size:20px; margin-bottom:4px; }
.engine-flow-label{
  font-family:'JetBrains Mono', monospace;
  font-size:9px; letter-spacing:0.1em;
  text-transform:uppercase; color:var(--text-tertiary);
}
.engine-flow-plus, .engine-flow-arrow{
  color:var(--text-tertiary); opacity:0.4; font-size:16px;
}
.engine-flow-step--output .engine-flow-label{
  color:var(--text-secondary); font-weight:500;
}
.inputs-section{
  padding:var(--sp-16) var(--sp-8);
  position:relative;
}
.inputs-section::before{
  content:'';
  position:absolute; top:0; left:0; right:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(52,211,153,0.1), transparent);
}
.inputs-inner{ max-width:900px; margin:0 auto; }
.inputs-header{ margin-bottom:var(--sp-8); }
.inputs-header h2{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(24px, 3vw, 36px);
  font-weight:400; color:var(--text-primary); line-height:1.35;
}
.inputs-contrast{
  display:grid; grid-template-columns:1fr auto 1fr;
  gap:var(--sp-6); align-items:center;
}
.inputs-left{
  display:flex; flex-direction:column; gap:var(--sp-3);
}
.input-item{
  display:flex; align-items:center; gap:var(--sp-3);
  padding:var(--sp-3) var(--sp-4);
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:12px;
  transition:border-color 0.3s;
}
.input-item:hover{ border-color:rgba(52,211,153,0.2); }
.input-number{
  font-family:'JetBrains Mono', monospace;
  font-size:11px; color:var(--emerald); opacity:0.6;
}
.input-label{ font-size:15px; color:var(--text-secondary); }
.inputs-transform{
  display:flex; flex-direction:column;
  align-items:center; gap:var(--sp-2);
}
.transform-line{
  width:1px; height:40px;
  background:linear-gradient(180deg, transparent, rgba(194,133,96,0.3), transparent);
}
.transform-label{
  font-family:'JetBrains Mono', monospace;
  font-size:9px; letter-spacing:0.15em;
  text-transform:uppercase; color:var(--copper);
  writing-mode:vertical-rl;
  text-orientation:mixed;
  padding:var(--sp-2) 0;
}
.inputs-right{
  display:flex; flex-direction:column;
  gap:var(--sp-3); text-align:center;
}
.output-stat{
  padding:var(--sp-3);
  background:rgba(212,168,75,0.03);
  border:1px solid rgba(212,168,75,0.1);
  border-radius:12px;
}
.output-number{
  font-family:'Cormorant Garamond', serif;
  font-size:32px; font-weight:300;
  color:var(--aurum); display:block;
  line-height:1; margin-bottom:4px;
}
.output-label{
  font-family:'JetBrains Mono', monospace;
  font-size:9px; letter-spacing:0.1em;
  text-transform:uppercase; color:var(--text-tertiary);
}
.inputs-footnote{
  font-size:15px; color:var(--text-tertiary);
  line-height:1.7; text-align:center;
  max-width:600px; margin:var(--sp-6) auto 0;
  font-style:italic;
}
.boat-section{
  padding:var(--sp-16) var(--sp-8);
  position:relative; overflow:clip;
}
.boat-section::before{
  content:'';
  position:absolute; top:0; left:0; right:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(20,184,166,0.1), transparent);
}
.boat-inner{
  max-width:800px; margin:0 auto;
  display:grid; grid-template-columns:1fr 0.5fr;
  gap:var(--sp-8); align-items:center;
}
.boat-text h2{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(24px, 3vw, 34px);
  font-weight:400; color:var(--text-primary);
  line-height:1.3; margin-bottom:var(--sp-4);
}
.boat-text p{
  font-size:16px; color:var(--text-secondary);
  line-height:1.85; margin-bottom:var(--sp-3);
}
.boat-text .boat-emphasis{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(18px, 2.2vw, 24px);
  font-weight:300; font-style:italic;
  color:var(--aurum); line-height:1.6;
  padding-left:var(--sp-3);
  border-left:2px solid rgba(212,168,75,0.3);
  margin-top:var(--sp-4);
}
.boat-visual{
  display:flex; flex-direction:column;
  align-items:center; gap:var(--sp-2);
}
.boat-scene{ text-align:center; }
.boat-scene-icon{
  width:100px; height:100px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  margin:0 auto var(--sp-1);
}
.boat-scene-icon svg{ width:48px; height:48px; }
.boat-scene--land .boat-scene-icon{
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.06);
}
.boat-scene--water .boat-scene-icon{
  background:rgba(20,184,166,0.05);
  border:1px solid rgba(20,184,166,0.15);
  box-shadow:0 0 40px rgba(20,184,166,0.06);
}
.boat-scene-label{
  font-family:'JetBrains Mono', monospace;
  font-size:9px; letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--text-tertiary); opacity:0.5;
}
.boat-scene-label--active{ color:var(--teal); opacity:0.7; }
.boat-arrow-enhanced{
  height:60px;
  display:flex; align-items:center; justify-content:center;
}
.boat-arrow-enhanced svg{ width:24px; height:60px; }
.comparison-section{
  padding:var(--sp-16) var(--sp-8);
  position:relative;
}
.comparison-section::before{
  content:'';
  position:absolute; top:0; left:0; right:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.04), transparent);
}
.comparison-inner{ max-width:800px; margin:0 auto; }
.comparison-header{ margin-bottom:var(--sp-8); }
.comparison-header h2{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(24px, 3vw, 34px);
  font-weight:400; color:var(--text-primary); line-height:1.3;
}
.clarity-negation{
  margin-top:var(--sp-4);
  font-size:14px;
  color:var(--text-tertiary);
  letter-spacing:0.01em;
}
.clarity-statements{
  display:flex; flex-direction:column; gap:var(--sp-4);
  margin-top:var(--sp-6);
}
.clarity-statement{
  display:flex; align-items:flex-start; gap:var(--sp-4);
  background:rgba(255,255,255,0.02);
  backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);
  border:1px solid rgba(255,255,255,0.05);
  border-left:2px solid rgba(212,168,75,0.35);
  border-radius:16px;
  padding:var(--sp-5) var(--sp-5);
  transition:border-color 0.3s, box-shadow 0.3s;
}
.clarity-statement:hover{
  border-left-color:rgba(212,168,75,0.7);
  box-shadow:0 8px 32px rgba(212,168,75,0.05);
}
.clarity-num{
  font-family:'Cormorant Garamond', serif;
  font-size:22px; line-height:1;
  color:var(--aurum);
  opacity:0.85;
  min-width:28px;
  padding-top:2px;
}
.clarity-statement p{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(17px, 2vw, 20px);
  font-weight:400;
  color:var(--text-secondary);
  line-height:1.65;
  margin:0;
}
.clarity-statement strong{
  color:var(--text-primary);
  font-weight:500;
}
@media (max-width: 600px){
  .clarity-statement{ padding:var(--sp-4); gap:var(--sp-3); }
}
.produces-section{
  padding:var(--sp-16) var(--sp-8);
  position:relative;
}
.produces-section::before{
  content:'';
  position:absolute; top:0; left:0; right:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,168,75,0.12), transparent);
}
.produces-inner{ max-width:800px; margin:0 auto; }
.produces-header{ margin-bottom:var(--sp-6); }
.produces-header h2{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(24px, 3vw, 36px);
  font-weight:400; color:var(--text-primary); line-height:1.35;
}
.produces-card{
  background:rgba(212,168,75,0.03);
  backdrop-filter:blur(40px); -webkit-backdrop-filter:blur(40px);
  border:1px solid rgba(212,168,75,0.12);
  border-radius:24px;
  padding:var(--sp-6);
  position:relative; overflow:hidden;
}
.produces-glow{
  position:absolute;
  width:400px; height:400px; border-radius:50%;
  background:radial-gradient(circle, rgba(212,168,75,0.06) 0%, transparent 70%);
  top:-120px; right:-120px;
  pointer-events:none;
}
.produces-text{
  font-size:17px; color:var(--text-secondary);
  line-height:1.85; margin-bottom:var(--sp-5);
}
.produces-clusters{
  display:flex; flex-wrap:wrap; gap:8px;
  margin-bottom:var(--sp-5);
}
.produces-cluster{
  display:inline-flex; align-items:center; gap:6px;
  font-size:13px; color:var(--text-tertiary);
  padding:5px 12px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:100px;
}
.produces-cluster .cluster-dot{
  width:6px; height:6px;
  border-radius:50%; flex-shrink:0;
}
.produces-link{
  display:inline-block;
  font-family:'JetBrains Mono', monospace;
  font-size:13px; letter-spacing:0.05em;
  color:var(--aurum); text-decoration:none;
  padding-top:var(--sp-3);
  border-top:1px solid rgba(212,168,75,0.1);
  width:100%; transition:color 0.3s;
}
.produces-link:hover{ color:#e8c45a; }
.method-cta{
  min-height:60vh;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  text-align:center;
  padding:var(--sp-10) var(--sp-4);
  position:relative;
}
.method-cta::before{
  content:'';
  position:absolute; top:0; left:0; right:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,168,75,0.12), transparent);
}
.method-cta .cta-aura{
  position:absolute;
  width:400px; height:400px; border-radius:50%;
  filter:blur(100px); opacity:0.07;
  pointer-events:none;
}
.method-cta .cta-aura--gold{ background:var(--aurum); top:35%; left:35%; }
.method-cta .cta-aura--teal{ background:var(--teal); bottom:25%; right:30%; width:250px; height:250px; }
.method-cta-content{
  position:relative; z-index:2; max-width:520px;
}
.method-cta-text{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(26px, 3.5vw, 40px);
  font-weight:400; color:var(--text-primary);
  line-height:1.45; margin-bottom:var(--sp-6);
}
.method-cta-text em{ color:var(--aurum); font-style:italic; }
.method-cta-buttons{
  display:flex; gap:var(--sp-3);
  justify-content:center; flex-wrap:wrap;
}
@media (max-width: 900px){
  .method-hero{ min-height:50vh; padding:var(--sp-12) var(--sp-4) var(--sp-8); }
  .frameworks-grid{ grid-template-columns:1fr; gap:var(--sp-3); }
  .boat-inner{ grid-template-columns:1fr; }
  .boat-visual{
    flex-direction:row; justify-content:center;
    order:-1; margin-bottom:var(--sp-4); gap:var(--sp-3);
  }
  .boat-arrow-enhanced{
    height:auto; width:60px;
  }
  .boat-arrow-enhanced svg{
    width:60px; height:24px;
    transform:rotate(-90deg);
  }
  .comparison-row{ grid-template-columns:1fr; }
}

@media (max-width: 768px){
  .inputs-contrast{
    grid-template-columns:1fr;
    gap:var(--sp-4);
  }
  .inputs-transform{
    flex-direction:row; width:100%; justify-content:center;
  }
  .transform-line{
    width:40px; height:1px;
    background:linear-gradient(90deg, transparent, rgba(194,133,96,0.3), transparent);
  }
  .transform-label{ writing-mode:horizontal-tb; }
  .inputs-right{
    flex-direction:row; justify-content:center; gap:var(--sp-3);
  }
  .output-stat{ flex:1; }
}

@media (max-width: 600px){
  .method-hero-headline{ font-size:clamp(22px, 5vw, 30px); }
  .science-section, .synthesis-section, .frameworks-section,
  .engine-section, .inputs-section, .boat-section,
  .comparison-section, .produces-section{
    padding-left:var(--sp-4); padding-right:var(--sp-4);
  }
  .science-stats{
    grid-template-columns:1fr;
    gap:var(--sp-3);
  }
  .science-stat{
    display:flex; align-items:baseline;
    justify-content:center; gap:var(--sp-2);
  }
  .science-stat-number{ font-size:32px; }
  .engine-flow{ gap:var(--sp-1); }
  .engine-flow-label{ font-size:8px; }
  .method-cta-buttons{
    flex-direction:column; align-items:center;
  }
}
@media (prefers-reduced-motion: no-preference){
  html:not([data-tier="low"]) .boat-scene--water svg{ overflow:visible; }

  html:not([data-tier="low"]) .boat-scene--water .mb-boat-body{
    transform-box:fill-box;
    transform-origin:50% 70%;
    animation:mbBoatBob 4.2s ease-in-out infinite;
    will-change:transform;
  }
  html:not([data-tier="low"]) .boat-scene--water .mb-wave-1{
    transform-box:fill-box;
    transform-origin:center;
    animation:mbWaveDrift1 3.6s ease-in-out infinite;
    will-change:transform;
  }
  html:not([data-tier="low"]) .boat-scene--water .mb-wave-2{
    transform-box:fill-box;
    transform-origin:center;
    animation:mbWaveDrift2 4.8s ease-in-out infinite;
    will-change:transform;
  }
  html:not([data-tier="low"]) .boat-scene--water .boat-scene-icon{
    animation:mbWaterGlow 5s ease-in-out infinite;
    will-change:box-shadow;
  }
  html:not([data-tier="low"]) .boat-arrow-enhanced svg{
    animation:mbArrowBreath 2.6s ease-in-out infinite;
    will-change:opacity;
  }
}

@keyframes mbBoatBob{
  0%, 100%{ transform:translateY(0) rotate(-1.8deg); }
  50%{ transform:translateY(-2.2px) rotate(1.8deg); }
}
@keyframes mbWaveDrift1{
  0%, 100%{ transform:translateX(-1.2px); }
  50%{ transform:translateX(1.2px); }
}
@keyframes mbWaveDrift2{
  0%, 100%{ transform:translateX(1.4px); }
  50%{ transform:translateX(-1.4px); }
}
@keyframes mbWaterGlow{
  0%, 100%{ box-shadow:0 0 28px rgba(20,184,166,0.05); }
  50%{ box-shadow:0 0 52px rgba(20,184,166,0.12); }
}
@keyframes mbArrowBreath{
  0%, 100%{ opacity:0.55; }
  50%{ opacity:1; }
}