Difference between revisions of "Iso-Plane"

From beeplane
Jump to navigation Jump to search
m (Wiki.admin moved page Iso-plane to Iso-Plane)
Line 1: Line 1:
−
= ISO-Plane =
+
<!doctype html>
 +
<html lang="fr">
 +
<head>
 +
  <meta charset="utf-8" />
 +
  <meta name="viewport" content="width=device-width, initial-scale=1" />
 +
  <title>ISO-Plane™ — Container Air Logistics</title>
 +
  <meta name="description" content="ISO-Plane™ est un projet aéronautique collaboratif conçu pour transporter un conteneur ISO 20 pieds avec chargement autonome." />
 +
  <style>
 +
    :root {
 +
      --bg: #07111f;
 +
      --bg-2: #0b1d33;
 +
      --surface: rgba(255, 255, 255, 0.075);
 +
      --surface-2: rgba(255, 255, 255, 0.12);
 +
      --text: #eef6ff;
 +
      --muted: #a8bdd2;
 +
      --line: rgba(255, 255, 255, 0.14);
 +
      --accent: #f5b83b;
 +
      --accent-2: #36d1dc;
 +
      --green: #5be49b;
 +
      --danger: #ff6b6b;
 +
      --shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
 +
      --radius: 26px;
 +
      --max: 1180px;
 +
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 +
    }
  
−
== Overview ==
+
    * { box-sizing: border-box; }
 +
    html { scroll-behavior: smooth; }
 +
    body {
 +
      margin: 0;
 +
      background:
 +
        radial-gradient(circle at 20% 0%, rgba(54, 209, 220, 0.16), transparent 28%),
 +
        radial-gradient(circle at 80% 12%, rgba(245, 184, 59, 0.14), transparent 30%),
 +
        linear-gradient(180deg, #07111f 0%, #0a1728 45%, #07111f 100%);
 +
      color: var(--text);
 +
      overflow-x: hidden;
 +
    }
  
−
The '''ISO-Plane''' is an open collaborative aerospace project aiming to design the smallest dedicated cargo aircraft capable of transporting a single 20-foot ISO container autonomously.
+
    a { color: inherit; text-decoration: none; }
 +
    img { max-width: 100%; display: block; }
  
−
The project was initiated in 2012 and is currently developed under the '''Lesser Open Bee License 1.3''', combining academic research, industrial collaboration, and open innovation principles.
+
    .page-shell {
 +
      position: relative;
 +
      min-height: 100vh;
 +
    }
  
−
The objective is to create a light, efficient, and operationally autonomous aircraft capable of transporting a standard 20-foot ISO container (up to 8 tons payload) directly from ground or truck to aircraft without external loading infrastructure.
+
    .page-shell::before {
 +
      content: "";
 +
      position: fixed;
 +
      inset: 0;
 +
      pointer-events: none;
 +
      background-image:
 +
        linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
 +
        linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
 +
      background-size: 64px 64px;
 +
      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.85), transparent 76%);
 +
      z-index: -1;
 +
    }
  
−
----
+
    .container {
 +
      width: min(100% - 34px, var(--max));
 +
      margin-inline: auto;
 +
    }
  
−
<gallery mode="packed" heights="250">
+
    .topbar {
−
File:Iso plane loading system.png|Autonomous loading system
+
      position: sticky;
−
File:Internal loading.png|Internal cargo integration
+
      top: 0;
−
File:Iso plane with mediacal container.png|Medical container mission configuration
+
      z-index: 50;
−
</gallery>
+
      backdrop-filter: blur(18px);
 +
      background: rgba(7, 17, 31, 0.72);
 +
      border-bottom: 1px solid var(--line);
 +
    }
  
 +
    .nav {
 +
      height: 76px;
 +
      display: flex;
 +
      align-items: center;
 +
      justify-content: space-between;
 +
      gap: 24px;
 +
    }
  
−
== Mission Statement ==
+
    .brand {
 +
      display: flex;
 +
      align-items: center;
 +
      gap: 12px;
 +
      font-weight: 800;
 +
      letter-spacing: 0.03em;
 +
    }
  
−
The ISO-Plane addresses a structural gap in air logistics:
+
    .brand-mark {
 +
      width: 42px;
 +
      height: 42px;
 +
      border-radius: 14px;
 +
      display: grid;
 +
      place-items: center;
 +
      background: linear-gradient(135deg, var(--accent), #ffe38f);
 +
      color: #07111f;
 +
      box-shadow: 0 12px 38px rgba(245, 184, 59, 0.28);
 +
      font-weight: 900;
 +
    }
  
−
* Today, aircraft capable of transporting full ISO containers are large military platforms (e.g., C-130 class).
+
    .brand small {
−
* Smaller regional cargo aircraft cannot accommodate standard ISO containers.
+
      display: block;
−
* Current air freight requires complex palletization and ground logistics.
+
      color: var(--muted);
 +
      font-size: 0.72rem;
 +
      font-weight: 600;
 +
      letter-spacing: 0.16em;
 +
      text-transform: uppercase;
 +
      margin-top: 2px;
 +
    }
  
−
'''ISO-Plane proposes a new paradigm:'''
+
    .nav-links {
 +
      display: flex;
 +
      align-items: center;
 +
      gap: 24px;
 +
      color: var(--muted);
 +
      font-size: 0.94rem;
 +
    }
  
−
* Direct transport of a 20-foot ISO container
+
    .nav-links a:hover { color: var(--text); }
−
* Autonomous loading/unloading
 
−
* Operation from conventional runways
 
−
* Minimal ground infrastructure
 
−
* Two-pilot crew
 
−
* Potential multi-role capability (including water bombing via container module)
 
  
−
----
+
    .cta-small {
 +
      display: inline-flex;
 +
      align-items: center;
 +
      justify-content: center;
 +
      padding: 11px 18px;
 +
      border-radius: 999px;
 +
      background: rgba(245, 184, 59, 0.14);
 +
      border: 1px solid rgba(245, 184, 59, 0.38);
 +
      color: #ffe4a5;
 +
      font-weight: 700;
 +
    }
  
−
== Key Technical Characteristics ==
+
    .hero {
 +
      padding: 86px 0 58px;
 +
      position: relative;
 +
    }
  
−
{| class="wikitable"
+
    .hero-grid {
−
! Parameter
+
      display: grid;
−
! Value
+
      grid-template-columns: minmax(0, 1.03fr) minmax(360px, 0.97fr);
−
|-
+
      gap: 44px;
−
| Container
+
      align-items: center;
−
| 1 × 20-foot ISO container (ISO 668 standard)
+
    }
−
|-
 
−
| Payload
 
−
| Up to 8 tons
 
−
|-
 
−
| MTOW (est.)
 
−
| ~30 tons
 
−
|-
 
−
| Range
 
−
| Up to 6000 km (mission dependent)
 
−
|-
 
−
| Engines
 
−
| 2 × Pratt & Whitney PW150A turboprop engines
 
−
|-
 
−
| Wing Configuration
 
−
| High wing
 
−
|-
 
−
| Architecture
 
−
| Twin-boom configuration
 
−
|-
 
−
| Landing Gear
 
−
| Q400-derived, retracting into engine nacelles
 
−
|-
 
−
| Cargo System
 
−
| Ventral three-panel cargo door + robotic lifting arms
 
−
|}
 
  
−
----
+
    .eyebrow {
 +
      display: inline-flex;
 +
      align-items: center;
 +
      gap: 10px;
 +
      padding: 9px 13px;
 +
      border: 1px solid var(--line);
 +
      border-radius: 999px;
 +
      background: rgba(255, 255, 255, 0.06);
 +
      color: #cde5fb;
 +
      font-size: 0.88rem;
 +
      font-weight: 700;
 +
    }
  
−
== Cargo Handling Concept ==
+
    .pulse {
 +
      width: 9px;
 +
      height: 9px;
 +
      border-radius: 50%;
 +
      background: var(--green);
 +
      box-shadow: 0 0 0 7px rgba(91, 228, 155, 0.14);
 +
    }
  
−
The defining innovation of the ISO-Plane is its autonomous container handling system.
+
    h1 {
 +
      font-size: clamp(3.15rem, 7vw, 6.65rem);
 +
      line-height: 0.89;
 +
      margin: 22px 0 22px;
 +
      letter-spacing: -0.075em;
 +
    }
  
−
=== Ventral Cargo Door ===
+
    .hero h1 span {
 +
      color: transparent;
 +
      background: linear-gradient(90deg, #fff, #a7dfff 52%, #ffd36f);
 +
      background-clip: text;
 +
      -webkit-background-clip: text;
 +
    }
  
−
The aircraft features a three-panel ventral opening mechanism allowing:
+
    .lead {
 +
      color: var(--muted);
 +
      font-size: clamp(1.08rem, 2vw, 1.28rem);
 +
      line-height: 1.65;
 +
      max-width: 660px;
 +
      margin: 0 0 30px;
 +
    }
  
−
* Ground-level loading
+
    .hero-actions {
−
* Direct truck-to-aircraft transfer
+
      display: flex;
−
* Pressurized cargo bay compatibility
+
      flex-wrap: wrap;
−
* Structural integrity preservation
+
      gap: 14px;
 +
      margin: 34px 0;
 +
    }
  
−
=== Robotic Lifting Arms ===
+
    .button {
 +
      display: inline-flex;
 +
      align-items: center;
 +
      justify-content: center;
 +
      gap: 10px;
 +
      padding: 15px 22px;
 +
      border-radius: 999px;
 +
      font-weight: 800;
 +
      transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
 +
      border: 1px solid transparent;
 +
      cursor: pointer;
 +
    }
  
−
The container is handled using:
+
    .button:hover { transform: translateY(-2px); }
  
−
* Four mechanized robotic arms
+
    .button-primary {
−
* ISO corner twist-lock interface
+
      color: #07111f;
−
* Autonomous alignment and positioning
+
      background: linear-gradient(135deg, var(--accent), #ffe590);
−
* Backup winch system (4 electric winches)
+
      box-shadow: 0 18px 50px rgba(245, 184, 59, 0.25);
 +
    }
  
−
This allows loading:
+
    .button-secondary {
 +
      color: var(--text);
 +
      background: rgba(255, 255, 255, 0.07);
 +
      border-color: var(--line);
 +
    }
  
−
* Directly from ground
+
    .trust-row {
−
* From a truck in reverse alignment
+
      display: grid;
−
* Without external cranes or loaders
+
      grid-template-columns: repeat(4, minmax(110px, 1fr));
 +
      gap: 12px;
 +
      max-width: 670px;
 +
    }
  
−
----
+
    .metric {
 +
      padding: 17px 16px;
 +
      border: 1px solid var(--line);
 +
      border-radius: 20px;
 +
      background: rgba(255, 255, 255, 0.055);
 +
    }
  
−
== Aircraft Architecture ==
+
    .metric strong {
 +
      display: block;
 +
      font-size: 1.4rem;
 +
      line-height: 1.1;
 +
      color: #fff;
 +
      letter-spacing: -0.04em;
 +
    }
  
−
=== Engines ===
+
    .metric span {
−
The selected powerplant is the '''Pratt & Whitney PW150A''' turboprop, chosen for:
+
      display: block;
 +
      margin-top: 7px;
 +
      color: var(--muted);
 +
      font-size: 0.84rem;
 +
    }
  
−
* Proven reliability (Q400 platform)
+
    .hero-visual {
−
* Adequate power-to-weight ratio
+
      position: relative;
−
* Compatibility with ~30t MTOW target
+
      min-height: 560px;
 +
    }
  
−
=== Landing Gear ===
+
    .visual-card {
−
The main landing gear is derived from the Bombardier Q400:
+
      position: absolute;
 +
      inset: 0;
 +
      border-radius: 38px;
 +
      border: 1px solid var(--line);
 +
      background:
 +
        linear-gradient(160deg, rgba(255,255,255,0.13), rgba(255,255,255,0.04)),
 +
        radial-gradient(circle at 78% 18%, rgba(245,184,59,0.22), transparent 28%),
 +
        radial-gradient(circle at 20% 86%, rgba(54,209,220,0.18), transparent 28%);
 +
      box-shadow: var(--shadow);
 +
      overflow: hidden;
 +
    }
  
−
* Retracts into nacelles below high-mounted wings
+
    .runway {
−
* Preserves ventral cargo bay clearance
+
      position: absolute;
−
* Optimizes aerodynamic efficiency
+
      left: -8%;
 +
      right: -8%;
 +
      bottom: 54px;
 +
      height: 120px;
 +
      transform: perspective(680px) rotateX(62deg);
 +
      background:
 +
        repeating-linear-gradient(90deg, transparent 0 76px, rgba(255,255,255,0.18) 76px 92px),
 +
        linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.04));
 +
      border-top: 1px solid rgba(255,255,255,0.25);
 +
      opacity: 0.75;
 +
    }
  
−
=== Wing & Structure ===
+
    .aircraft {
−
* High-wing configuration for ground clearance
+
      position: absolute;
−
* Central wing box optimized for structural continuity
+
      width: min(92%, 560px);
−
* Pressurized cockpit and cargo compartment
+
      height: 280px;
−
* 4m fuselage diameter for ISO container integration
+
      left: 50%;
 +
      top: 45%;
 +
      transform: translate(-50%, -50%);
 +
      filter: drop-shadow(0 34px 40px rgba(0,0,0,0.45));
 +
    }
  
−
----
+
    .fuselage {
 +
      position: absolute;
 +
      left: 8%;
 +
      right: 8%;
 +
      top: 42%;
 +
      height: 68px;
 +
      border-radius: 999px 999px 36px 36px;
 +
      background: linear-gradient(180deg, #ecf7ff, #89a8bd 58%, #45657c);
 +
      box-shadow: inset 0 -9px 18px rgba(0,0,0,0.22);
 +
    }
  
−
== Technology Readiness & Development ==
+
    .nose {
 +
      position: absolute;
 +
      left: 2%;
 +
      top: 42%;
 +
      width: 130px;
 +
      height: 68px;
 +
      border-radius: 70% 0 0 70%;
 +
      background: linear-gradient(180deg, #f9fdff, #789db7);
 +
    }
  
−
The project has evolved through several TRL stages:
+
    .tail {
 +
      position: absolute;
 +
      right: 3%;
 +
      top: 28%;
 +
      width: 120px;
 +
      height: 120px;
 +
      clip-path: polygon(0 44%, 72% 0, 84% 16%, 42% 58%, 100% 100%, 63% 100%);
 +
      background: linear-gradient(135deg, #d9f1ff, #6b8aa3);
 +
    }
  
−
* '''TRL0 (2012–2014)''' – Conceptual exploration
+
    .wing {
−
* '''TRL1 (2015–2018)''' – Preliminary architecture definition
+
      position: absolute;
−
* '''TRL2 (2024–2025)''' – Digital mock-up and validated configuration
+
      left: 17%;
 +
      right: 12%;
 +
      top: 24%;
 +
      height: 64px;
 +
      transform: skewX(-18deg);
 +
      border-radius: 16px 70px 70px 16px;
 +
      background: linear-gradient(180deg, #d8f1ff, #5d829d);
 +
      box-shadow: inset 0 -10px 18px rgba(0,0,0,0.22);
 +
    }
  
−
TRL2 achievements include:
+
    .engine {
 +
      position: absolute;
 +
      top: 31%;
 +
      width: 78px;
 +
      height: 46px;
 +
      border-radius: 40px;
 +
      background: linear-gradient(180deg, #20384d, #07111f);
 +
      border: 1px solid rgba(255,255,255,0.25);
 +
    }
  
−
* Validated architectural choices
+
    .engine::before {
−
* 3D digital mock-up
+
      content: "";
−
* Structural concept refinement
+
      position: absolute;
−
* Functional analysis
+
      inset: 9px;
−
* Market and economic study
+
      border-radius: 50%;
−
* Carbon footprint estimation (operational phase)
+
      border: 2px solid rgba(255,255,255,0.28);
 +
      background: radial-gradient(circle, #94dfff 0 16%, transparent 18%);
 +
    }
  
−
The project is currently preparing for '''TRL3 – detailed engineering design'''.
+
    .engine.left { left: 30%; }
 +
    .engine.right { right: 25%; }
  
−
----
+
    .container-box {
 +
      position: absolute;
 +
      left: 50%;
 +
      bottom: 118px;
 +
      width: 250px;
 +
      height: 86px;
 +
      transform: translateX(-50%);
 +
      border-radius: 14px;
 +
      background:
 +
        repeating-linear-gradient(90deg, rgba(0,0,0,0.13) 0 3px, transparent 3px 22px),
 +
        linear-gradient(135deg, #f0b544, #d66f2a);
 +
      border: 1px solid rgba(255,255,255,0.28);
 +
      box-shadow: inset 0 -10px 18px rgba(0,0,0,0.22), 0 18px 35px rgba(0,0,0,0.35);
 +
    }
  
−
== Collaborative Model ==
+
    .container-box::after {
 +
      content: "20' ISO CONTAINER";
 +
      position: absolute;
 +
      inset: 0;
 +
      display: grid;
 +
      place-items: center;
 +
      color: rgba(7, 17, 31, 0.74);
 +
      font-weight: 900;
 +
      letter-spacing: 0.12em;
 +
      font-size: 0.76rem;
 +
    }
  
−
The ISO-Plane is developed through academic–industrial collaboration including:
+
    .lift-line {
 +
      position: absolute;
 +
      bottom: 206px;
 +
      width: 2px;
 +
      height: 64px;
 +
      background: linear-gradient(180deg, transparent, rgba(255,255,255,0.6));
 +
    }
 +
    .lift-line.a { left: 35%; }
 +
    .lift-line.b { left: 45%; }
 +
    .lift-line.c { right: 45%; }
 +
    .lift-line.d { right: 35%; }
  
−
* ESTACA
+
    .floating-label {
−
* ENSTA Paris
+
      position: absolute;
−
* Student engineering teams
+
      padding: 12px 14px;
−
* Aerospace professionals
+
      border: 1px solid var(--line);
 +
      border-radius: 18px;
 +
      background: rgba(7, 17, 31, 0.7);
 +
      backdrop-filter: blur(16px);
 +
      box-shadow: 0 16px 35px rgba(0,0,0,0.25);
 +
      color: #dff7ff;
 +
      font-size: 0.86rem;
 +
    }
  
−
The project is structured around:
+
    .floating-label strong { color: #fff; display: block; margin-bottom: 4px; }
 +
    .floating-label.one { top: 34px; right: 34px; }
 +
    .floating-label.two { left: 28px; bottom: 34px; }
  
−
* Work Breakdown Structure (WBS)
+
    section { padding: 82px 0; }
−
* Functional analysis
 
−
* Architecture trade studies
 
−
* Market analysis
 
−
* System integration studies
 
  
−
All open contributions are published under the '''Lesser Open Bee License 1.3'''.
+
    .section-head {
 +
      display: flex;
 +
      justify-content: space-between;
 +
      align-items: end;
 +
      gap: 24px;
 +
      margin-bottom: 34px;
 +
    }
  
−
Industrial partners may integrate private modules while preserving the open architecture core.
+
    .section-kicker {
 +
      color: var(--accent);
 +
      font-weight: 900;
 +
      text-transform: uppercase;
 +
      letter-spacing: 0.18em;
 +
      font-size: 0.78rem;
 +
      margin-bottom: 12px;
 +
    }
  
−
----
+
    h2 {
 +
      margin: 0;
 +
      font-size: clamp(2rem, 4vw, 3.35rem);
 +
      line-height: 1;
 +
      letter-spacing: -0.055em;
 +
    }
  
−
== Market Positioning ==
+
    .section-head p {
 +
      margin: 0;
 +
      max-width: 480px;
 +
      color: var(--muted);
 +
      line-height: 1.65;
 +
    }
  
−
Air cargo represents:
+
    .grid-3 {
 +
      display: grid;
 +
      grid-template-columns: repeat(3, 1fr);
 +
      gap: 18px;
 +
    }
  
−
* ~1% of global freight volume
+
    .card {
−
* ~35% of freight value
+
      border: 1px solid var(--line);
 +
      border-radius: var(--radius);
 +
      background: linear-gradient(180deg, rgba(255,255,255,0.095), rgba(255,255,255,0.045));
 +
      padding: 26px;
 +
      box-shadow: 0 18px 50px rgba(0,0,0,0.18);
 +
      position: relative;
 +
      overflow: hidden;
 +
    }
  
−
The ISO-Plane targets:
+
    .card::before {
 +
      content: "";
 +
      position: absolute;
 +
      inset: 0;
 +
      background: radial-gradient(circle at 12% 0%, rgba(54,209,220,0.10), transparent 36%);
 +
      pointer-events: none;
 +
    }
  
−
* Tactical logistics
+
    .icon {
−
* Remote area supply
+
      width: 48px;
−
* Military container transport
+
      height: 48px;
−
* Disaster relief operations
+
      border-radius: 17px;
−
* Firefighting (modular container-based water system)
+
      display: grid;
 +
      place-items: center;
 +
      background: rgba(245,184,59,0.16);
 +
      border: 1px solid rgba(245,184,59,0.26);
 +
      color: #ffe4a5;
 +
      margin-bottom: 18px;
 +
      font-size: 1.35rem;
 +
    }
  
−
Preliminary market analysis estimates:
+
    .card h3 {
 +
      position: relative;
 +
      margin: 0 0 10px;
 +
      font-size: 1.26rem;
 +
      letter-spacing: -0.03em;
 +
    }
  
−
* 12 aircraft/year production target
+
    .card p,
−
* 10-year horizon
+
    .card li {
−
* Approx. €130M unit price (conceptual estimation)
+
      position: relative;
 +
      color: var(--muted);
 +
      line-height: 1.65;
 +
    }
  
−
----
+
    .card p { margin: 0; }
 +
    .card ul { margin: 14px 0 0; padding-left: 18px; }
  
−
== Environmental Considerations ==
+
    .split {
 +
      display: grid;
 +
      grid-template-columns: 0.92fr 1.08fr;
 +
      gap: 22px;
 +
      align-items: stretch;
 +
    }
  
−
Operational carbon footprint (baseline estimate):
+
    .problem-panel {
 +
      border: 1px solid rgba(255,255,255,0.16);
 +
      border-radius: 32px;
 +
      padding: 32px;
 +
      background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.04));
 +
    }
  
−
* ~3400 kg fuel per 2-hour mission
+
    .problem-panel h3 {
−
* ~10–11 tons CO₂ per mission
+
      margin: 0 0 18px;
−
* ~9000–11000 tons CO₂ annually (900 flights/year)
+
      font-size: 1.7rem;
 +
      letter-spacing: -0.04em;
 +
    }
  
−
Future development directions include:
+
    .comparison-list {
 +
      display: grid;
 +
      gap: 13px;
 +
      margin: 0;
 +
      padding: 0;
 +
      list-style: none;
 +
    }
  
−
* Sustainable Aviation Fuel (SAF)
+
    .comparison-list li {
−
* Structural weight optimization
+
      display: flex;
−
* Eco-design principles
+
      gap: 12px;
−
* Hybridization studies (long-term)
+
      padding: 14px;
 +
      border-radius: 18px;
 +
      background: rgba(255,255,255,0.055);
 +
      color: var(--muted);
 +
      line-height: 1.5;
 +
    }
  
−
----
+
    .comparison-list b { color: #fff; }
  
−
== Future Development ==
+
    .check, .cross {
 +
      width: 24px;
 +
      height: 24px;
 +
      flex: 0 0 24px;
 +
      border-radius: 50%;
 +
      display: grid;
 +
      place-items: center;
 +
      font-size: 0.8rem;
 +
      font-weight: 900;
 +
    }
  
−
Next steps (TRL3):
+
    .check { background: rgba(91,228,155,0.16); color: var(--green); }
 +
    .cross { background: rgba(255,107,107,0.14); color: var(--danger); }
  
−
* Detailed structural calculations
+
    .mission-grid {
−
* Aerodynamic refinement
+
      display: grid;
−
* Finite Element Analysis (FEA)
+
      grid-template-columns: repeat(4, 1fr);
−
* CFD studies
+
      gap: 16px;
−
* Cargo door structural validation
+
    }
−
* Detailed lifting mechanism design
 
−
* Industrial partnerships (engines, landing gear, systems)
 
  
−
----
+
    .mission-card {
 +
      min-height: 285px;
 +
      border: 1px solid var(--line);
 +
      border-radius: 30px;
 +
      padding: 24px;
 +
      display: flex;
 +
      flex-direction: column;
 +
      justify-content: flex-end;
 +
      background:
 +
        linear-gradient(180deg, transparent, rgba(7,17,31,0.88)),
 +
        radial-gradient(circle at 50% 10%, rgba(54,209,220,0.24), transparent 34%),
 +
        rgba(255,255,255,0.06);
 +
      overflow: hidden;
 +
      position: relative;
 +
    }
  
−
== Join the Project ==
+
    .mission-card::before {
 +
      content: attr(data-number);
 +
      position: absolute;
 +
      top: 16px;
 +
      left: 20px;
 +
      color: rgba(255,255,255,0.13);
 +
      font-size: 4.2rem;
 +
      line-height: 1;
 +
      font-weight: 900;
 +
      letter-spacing: -0.08em;
 +
    }
  
−
ISO-Plane is an open collaborative aerospace initiative.
+
    .mission-card h3 { margin: 0 0 8px; font-size: 1.17rem; }
 +
    .mission-card p { margin: 0; color: var(--muted); line-height: 1.55; }
  
−
Engineers, students, researchers, and industry stakeholders are welcome to contribute.
+
    .tech-wrap {
 +
      display: grid;
 +
      grid-template-columns: 1.06fr 0.94fr;
 +
      gap: 22px;
 +
    }
  
−
For collaboration inquiries and technical documentation:
+
    .spec-table {
−
* www.iso-plane.com
+
      width: 100%;
 +
      border-collapse: collapse;
 +
      overflow: hidden;
 +
      border-radius: 26px;
 +
      border: 1px solid var(--line);
 +
      background: rgba(255,255,255,0.055);
 +
    }
  
−
----
+
    .spec-table th, .spec-table td {
 +
      padding: 17px 20px;
 +
      border-bottom: 1px solid var(--line);
 +
      text-align: left;
 +
    }
  
−
''ISO-Plane – Rethinking container air logistics.''
+
    .spec-table tr:last-child th,
 +
    .spec-table tr:last-child td { border-bottom: 0; }
 +
    .spec-table th { color: #dff7ff; width: 42%; font-weight: 800; }
 +
    .spec-table td { color: var(--muted); }
 +
 
 +
    .feature-stack {
 +
      display: grid;
 +
      gap: 16px;
 +
    }
 +
 
 +
    .feature {
 +
      padding: 22px;
 +
      border: 1px solid var(--line);
 +
      border-radius: 24px;
 +
      background: rgba(255,255,255,0.06);
 +
    }
 +
 
 +
    .feature strong { display: block; margin-bottom: 8px; color: #fff; }
 +
    .feature span { display: block; color: var(--muted); line-height: 1.55; }
 +
 
 +
    .loading-scene {
 +
      border: 1px solid var(--line);
 +
      border-radius: 34px;
 +
      padding: 30px;
 +
      background:
 +
        radial-gradient(circle at 75% 18%, rgba(245,184,59,0.16), transparent 28%),
 +
        rgba(255,255,255,0.055);
 +
      display: grid;
 +
      grid-template-columns: 1fr 1fr;
 +
      gap: 28px;
 +
      align-items: center;
 +
      box-shadow: var(--shadow);
 +
    }
 +
 
 +
    .process {
 +
      display: grid;
 +
      gap: 14px;
 +
      counter-reset: step;
 +
    }
 +
 
 +
    .process-item {
 +
      counter-increment: step;
 +
      display: grid;
 +
      grid-template-columns: 44px 1fr;
 +
      gap: 14px;
 +
      align-items: start;
 +
      padding: 16px;
 +
      border-radius: 18px;
 +
      background: rgba(255,255,255,0.055);
 +
      border: 1px solid rgba(255,255,255,0.09);
 +
    }
 +
 
 +
    .process-item::before {
 +
      content: counter(step);
 +
      width: 44px;
 +
      height: 44px;
 +
      border-radius: 15px;
 +
      display: grid;
 +
      place-items: center;
 +
      background: linear-gradient(135deg, var(--accent-2), #9df6ff);
 +
      color: #07111f;
 +
      font-weight: 900;
 +
    }
 +
 
 +
    .process-item strong { display: block; margin-bottom: 4px; }
 +
    .process-item span { color: var(--muted); line-height: 1.5; }
 +
 
 +
    .media-placeholder {
 +
      min-height: 390px;
 +
      border-radius: 28px;
 +
      background:
 +
        linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.04)),
 +
        linear-gradient(135deg, rgba(54,209,220,0.2), rgba(245,184,59,0.16));
 +
      border: 1px solid var(--line);
 +
      position: relative;
 +
      overflow: hidden;
 +
      display: grid;
 +
      place-items: center;
 +
    }
 +
 
 +
    .media-placeholder::after {
 +
      content: "Autonomous loading system";
 +
      position: absolute;
 +
      left: 20px;
 +
      bottom: 20px;
 +
      right: 20px;
 +
      padding: 14px 16px;
 +
      border-radius: 18px;
 +
      background: rgba(7,17,31,0.72);
 +
      backdrop-filter: blur(12px);
 +
      color: #fff;
 +
      font-weight: 800;
 +
    }
 +
 
 +
    .mini-plane {
 +
      width: 78%;
 +
      height: 210px;
 +
      position: relative;
 +
      transform: translateY(-6px);
 +
    }
 +
    .mini-plane .body { position:absolute; left:8%; right:8%; top:45%; height:42px; border-radius:999px; background:#e8f7ff; }
 +
    .mini-plane .topwing { position:absolute; left:15%; right:12%; top:28%; height:38px; border-radius:12px 60px 60px 12px; background:#8fd6ff; transform:skewX(-16deg); }
 +
    .mini-plane .cargo { position:absolute; left:50%; bottom:10%; width:48%; height:56px; transform:translateX(-50%); border-radius:10px; background:#e89532; }
 +
    .mini-plane .line { position:absolute; width:2px; height:72px; top:45%; background:rgba(255,255,255,0.74); }
 +
    .mini-plane .l1 { left:34%; } .mini-plane .l2 { left:45%; } .mini-plane .l3 { right:45%; } .mini-plane .l4 { right:34%; }
 +
 
 +
    .timeline {
 +
      position: relative;
 +
      display: grid;
 +
      grid-template-columns: repeat(4, 1fr);
 +
      gap: 16px;
 +
      margin-top: 24px;
 +
    }
 +
 
 +
    .timeline::before {
 +
      content: "";
 +
      position: absolute;
 +
      top: 41px;
 +
      left: 8%;
 +
      right: 8%;
 +
      height: 1px;
 +
      background: var(--line);
 +
      z-index: -1;
 +
    }
 +
 
 +
    .tl-card {
 +
      padding: 22px;
 +
      border: 1px solid var(--line);
 +
      border-radius: 24px;
 +
      background: rgba(255,255,255,0.06);
 +
    }
 +
 
 +
    .tl-badge {
 +
      width: 42px;
 +
      height: 42px;
 +
      border-radius: 50%;
 +
      display: grid;
 +
      place-items: center;
 +
      background: #07111f;
 +
      border: 1px solid rgba(245,184,59,0.5);
 +
      color: var(--accent);
 +
      font-weight: 900;
 +
      margin-bottom: 16px;
 +
    }
 +
 
 +
    .tl-card h3 { margin: 0 0 8px; }
 +
    .tl-card p { margin: 0; color: var(--muted); line-height: 1.55; }
 +
 
 +
    .partner-band {
 +
      border: 1px solid var(--line);
 +
      border-radius: 36px;
 +
      padding: 36px;
 +
      background:
 +
        linear-gradient(135deg, rgba(245,184,59,0.18), transparent 42%),
 +
        linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.05));
 +
      display: grid;
 +
      grid-template-columns: 1fr auto;
 +
      gap: 28px;
 +
      align-items: center;
 +
      box-shadow: var(--shadow);
 +
    }
 +
 
 +
    .partner-band h2 { margin-bottom: 14px; }
 +
    .partner-band p { margin: 0; color: var(--muted); line-height: 1.65; max-width: 720px; }
 +
 
 +
    .notice {
 +
      margin-top: 22px;
 +
      padding: 16px 18px;
 +
      border: 1px solid rgba(255,255,255,0.12);
 +
      border-radius: 18px;
 +
      background: rgba(255,255,255,0.045);
 +
      color: var(--muted);
 +
      font-size: 0.92rem;
 +
      line-height: 1.55;
 +
    }
 +
 
 +
    footer {
 +
      padding: 34px 0 52px;
 +
      color: var(--muted);
 +
      border-top: 1px solid var(--line);
 +
    }
 +
 
 +
    .footer-grid {
 +
      display: flex;
 +
      justify-content: space-between;
 +
      gap: 20px;
 +
      flex-wrap: wrap;
 +
      align-items: center;
 +
    }
 +
 
 +
    .reveal {
 +
      opacity: 0;
 +
      transform: translateY(22px);
 +
      transition: opacity 0.7s ease, transform 0.7s ease;
 +
    }
 +
    .reveal.visible { opacity: 1; transform: translateY(0); }
 +
 
 +
    @media (max-width: 960px) {
 +
      .nav-links { display: none; }
 +
      .hero-grid,
 +
      .split,
 +
      .tech-wrap,
 +
      .loading-scene,
 +
      .partner-band { grid-template-columns: 1fr; }
 +
      .hero-visual { min-height: 480px; }
 +
      .grid-3, .mission-grid { grid-template-columns: repeat(2, 1fr); }
 +
      .trust-row { grid-template-columns: repeat(2, 1fr); }
 +
      .timeline { grid-template-columns: repeat(2, 1fr); }
 +
      .section-head { display: block; }
 +
      .section-head p { margin-top: 16px; }
 +
    }
 +
 
 +
    @media (max-width: 620px) {
 +
      .hero { padding-top: 54px; }
 +
      .hero-visual { min-height: 420px; }
 +
      .grid-3, .mission-grid, .timeline { grid-template-columns: 1fr; }
 +
      .visual-card { border-radius: 28px; }
 +
      .aircraft { width: 108%; }
 +
      .container-box { width: 210px; }
 +
      .floating-label.one { right: 18px; top: 18px; }
 +
      .floating-label.two { left: 18px; bottom: 18px; }
 +
      .spec-table th, .spec-table td { display: block; width: 100%; padding: 13px 16px; }
 +
      .spec-table th { padding-bottom: 2px; }
 +
      .spec-table td { padding-top: 2px; }
 +
      .partner-band { padding: 26px; }
 +
    }
 +
  </style>
 +
</head>
 +
<body>
 +
  <div class="page-shell">
 +
    <header class="topbar">
 +
      <div class="container nav">
 +
        <a class="brand" href="#top" aria-label="ISO-Plane homepage">
 +
          <span class="brand-mark">ISO</span>
 +
          <span>ISO-Plane™<small>Container Air Logistics</small></span>
 +
        </a>
 +
        <nav class="nav-links" aria-label="Navigation principale">
 +
          <a href="#missions">Missions</a>
 +
          <a href="#technology">Technologie</a>
 +
          <a href="#specs">Caractéristiques</a>
 +
          <a href="#trl">TRL</a>
 +
          <a class="cta-small" href="#join">Devenir partenaire</a>
 +
        </nav>
 +
      </div>
 +
    </header>
 +
 
 +
    <main id="top">
 +
      <section class="hero">
 +
        <div class="container hero-grid">
 +
          <div>
 +
            <div class="eyebrow"><span class="pulse"></span> Configuration TRL3 · Concept collaboratif ouvert</div>
 +
            <h1><span>One container.</span><br>One aircraft.<br>One mission.</h1>
 +
            <p class="lead">ISO-Plane™ est un avion-cargo léger spécialisé dans le transport autonome d’un conteneur ISO 20 pieds. Sa promesse : supprimer la dépendance aux grues, loaders et infrastructures lourdes pour accélérer la logistique aérienne critique.</p>
 +
            <div class="hero-actions">
 +
              <a class="button button-primary" href="#join">Ouvrir une discussion partenariat →</a>
 +
              <a class="button button-secondary" href="#specs">Voir la fiche technique</a>
 +
            </div>
 +
            <div class="trust-row" aria-label="Indicateurs clés">
 +
              <div class="metric"><strong>20 ft</strong><span>Conteneur ISO standard</span></div>
 +
              <div class="metric"><strong>8 t</strong><span>Charge utile cible</span></div>
 +
              <div class="metric"><strong>6 000 km</strong><span>Autonomie visée</span></div>
 +
              <div class="metric"><strong>2 × PW150A</strong><span>Turbopropulseurs éprouvés</span></div>
 +
            </div>
 +
          </div>
 +
 
 +
          <div class="hero-visual" aria-label="Illustration de l'ISO-Plane chargeant un conteneur">
 +
            <div class="visual-card">
 +
              <div class="runway"></div>
 +
              <div class="aircraft">
 +
                <div class="wing"></div>
 +
                <div class="engine left"></div>
 +
                <div class="engine right"></div>
 +
                <div class="nose"></div>
 +
                <div class="fuselage"></div>
 +
                <div class="tail"></div>
 +
                <div class="lift-line a"></div>
 +
                <div class="lift-line b"></div>
 +
                <div class="lift-line c"></div>
 +
                <div class="lift-line d"></div>
 +
                <div class="container-box"></div>
 +
              </div>
 +
              <div class="floating-label one"><strong>Autonomous loading</strong>Ground or truck trailer</div>
 +
              <div class="floating-label two"><strong>Infrastructure-light</strong>Designed for regular runways</div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </section>
 +
 
 +
      <section id="positioning">
 +
        <div class="container split">
 +
          <div class="problem-panel reveal">
 +
            <div class="section-kicker">Market gap</div>
 +
            <h3>Le chaînon manquant entre fret régional et transport militaire lourd.</h3>
 +
            <ul class="comparison-list">
 +
              <li><span class="cross">×</span><span><b>Les avions cargo régionaux</b> ne sont pas conçus autour du conteneur ISO standard.</span></li>
 +
              <li><span class="cross">×</span><span><b>Les plateformes capables d’emporter un conteneur</b> sont souvent plus grandes, plus lourdes et nécessitent une logistique au sol importante.</span></li>
 +
              <li><span class="check">✓</span><span><b>ISO-Plane</b> vise un transport direct, autonome et rapide d’un seul conteneur stratégique.</span></li>
 +
            </ul>
 +
          </div>
 +
          <div class="grid-3">
 +
            <article class="card reveal">
 +
              <div class="icon">▣</div>
 +
              <h3>Container-first design</h3>
 +
              <p>La cellule, la soute, les portes et le système de levage sont pensés autour d’un conteneur ISO 20 pieds, pas autour d’une palette aérienne classique.</p>
 +
            </article>
 +
            <article class="card reveal">
 +
              <div class="icon">↧</div>
 +
              <h3>Autonomie au sol</h3>
 +
              <p>Chargement et déchargement depuis le sol ou une remorque, avec bras mécanisés, interfaces twist-locks et système de secours par treuils.</p>
 +
            </article>
 +
            <article class="card reveal">
 +
              <div class="icon">◎</div>
 +
              <h3>Plateforme multi-rôle</h3>
 +
              <p>Un même avion, des modules conteneurisés : logistique, secours, médical, défense, lutte anti-incendie ou missions spéciales.</p>
 +
            </article>
 +
          </div>
 +
        </div>
 +
      </section>
 +
 
 +
      <section id="missions">
 +
        <div class="container">
 +
          <div class="section-head reveal">
 +
            <div>
 +
              <div class="section-kicker">Missions</div>
 +
              <h2>Une plateforme, plusieurs marchés.</h2>
 +
            </div>
 +
            <p>ISO-Plane valorise le conteneur comme module opérationnel : le client prépare la mission au sol, l’avion transporte, dépose et repart avec un minimum d’infrastructure.</p>
 +
          </div>
 +
          <div class="mission-grid">
 +
            <article class="mission-card reveal" data-number="01">
 +
              <h3>Logistique critique</h3>
 +
              <p>Approvisionnement rapide de sites industriels, bases avancées, plateformes isolées ou zones mal connectées.</p>
 +
            </article>
 +
            <article class="mission-card reveal" data-number="02">
 +
              <h3>Aide humanitaire</h3>
 +
              <p>Déploiement de matériel médical, énergie, eau, abris ou modules de communication en contexte de crise.</p>
 +
            </article>
 +
            <article class="mission-card reveal" data-number="03">
 +
              <h3>Firefighting</h3>
 +
              <p>Module conteneurisé de largage d’eau pour transformer l’appareil en vecteur aérien spécialisé.</p>
 +
            </article>
 +
            <article class="mission-card reveal" data-number="04">
 +
              <h3>Défense & missions spéciales</h3>
 +
              <p>Transport tactique de conteneurs, équipements sensibles, ateliers mobiles ou systèmes modulaires.</p>
 +
            </article>
 +
          </div>
 +
        </div>
 +
      </section>
 +
 
 +
      <section id="technology">
 +
        <div class="container">
 +
          <div class="section-head reveal">
 +
            <div>
 +
              <div class="section-kicker">Technology review</div>
 +
              <h2>Conçu pour charger ce que les autres doivent reconditionner.</h2>
 +
            </div>
 +
            <p>Le cœur de l’innovation n’est pas seulement le transport du conteneur : c’est la capacité à le prendre, le verrouiller, le protéger et le déposer sans équipement externe lourd.</p>
 +
          </div>
 +
          <div class="loading-scene reveal">
 +
            <div class="media-placeholder" role="img" aria-label="Illustration du chargement autonome ISO-Plane">
 +
              <div class="mini-plane">
 +
                <div class="topwing"></div>
 +
                <div class="body"></div>
 +
                <div class="line l1"></div>
 +
                <div class="line l2"></div>
 +
                <div class="line l3"></div>
 +
                <div class="line l4"></div>
 +
                <div class="cargo"></div>
 +
              </div>
 +
            </div>
 +
            <div>
 +
              <div class="section-kicker">Cargo handling</div>
 +
              <h2>Chargement autonome en quatre temps.</h2>
 +
              <div class="process">
 +
                <div class="process-item"><div><strong>Aligner</strong><span>Positionnement de l’avion ou du camion selon le scénario opérationnel.</span></div></div>
 +
                <div class="process-item"><div><strong>Ouvrir</strong><span>Ouverture arrière et porte ventrale trois panneaux pour libérer l’accès conteneur.</span></div></div>
 +
                <div class="process-item"><div><strong>Verrouiller & lever</strong><span>Bras mécanisés connectés aux coins ISO avec interfaces twist-locks.</span></div></div>
 +
                <div class="process-item"><div><strong>Sécuriser</strong><span>Fermeture, fixation en soute pressurisée et préparation au roulage.</span></div></div>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </section>
 +
 
 +
      <section id="specs">
 +
        <div class="container tech-wrap">
 +
          <div class="reveal">
 +
            <div class="section-kicker">Key technical characteristics</div>
 +
            <h2>Fiche conceptuelle</h2>
 +
            <p class="lead">Une architecture cargo spécialisée, optimisée autour d’un conteneur unique et d’une exploitation autonome sur piste conventionnelle.</p>
 +
            <table class="spec-table" aria-label="Caractéristiques techniques ISO-Plane">
 +
              <tr><th>Container</th><td>1 × conteneur ISO 20 pieds</td></tr>
 +
              <tr><th>Payload cible</th><td>Jusqu’à 8 tonnes</td></tr>
 +
              <tr><th>MTOW estimée</th><td>Environ 30 tonnes</td></tr>
 +
              <tr><th>Range visée</th><td>Jusqu’à 6 000 km selon mission</td></tr>
 +
              <tr><th>Motorisation</th><td>2 × Pratt & Whitney PW150A</td></tr>
 +
              <tr><th>Architecture</th><td>Aile haute, bipoutre, soute pressurisée</td></tr>
 +
              <tr><th>Train principal</th><td>Dérivé Q400, rétracté dans les nacelles</td></tr>
 +
              <tr><th>Cargo system</th><td>Porte ventrale trois panneaux + bras robotisés</td></tr>
 +
            </table>
 +
          </div>
 +
          <div class="feature-stack">
 +
            <article class="feature reveal"><strong>Ventral cargo door</strong><span>Mécanisme trois panneaux pour accès au conteneur depuis le sol, compatible avec une logique de soute pressurisée.</span></article>
 +
            <article class="feature reveal"><strong>Robotic lifting arms</strong><span>Quatre bras mécanisés rétractables avec accrochage aux coins ISO et secours par quatre treuils électriques.</span></article>
 +
            <article class="feature reveal"><strong>High-wing architecture</strong><span>Garde au sol, intégration de nacelles et préservation du volume central pour la soute cargo.</span></article>
 +
            <article class="feature reveal"><strong>Q400-derived landing gear</strong><span>Train principal intégré sous les moteurs afin de conserver la continuité de la soute ventrale.</span></article>
 +
          </div>
 +
        </div>
 +
      </section>
 +
 
 +
      <section id="trl">
 +
        <div class="container">
 +
          <div class="section-head reveal">
 +
            <div>
 +
              <div class="section-kicker">Development status</div>
 +
              <h2>De l’idée au programme TRL3.</h2>
 +
            </div>
 +
            <p>Le projet combine recherche académique, études d’architecture, maquette numérique et contributions industrielles dans un cadre Lesser Open Bee License 1.3.</p>
 +
          </div>
 +
          <div class="timeline">
 +
            <article class="tl-card reveal"><div class="tl-badge">0</div><h3>TRL0 · 2012–2014</h3><p>Exploration du besoin : transporter un conteneur ISO avec l’avion le plus léger possible.</p></article>
 +
            <article class="tl-card reveal"><div class="tl-badge">1</div><h3>TRL1 · 2015–2018</h3><p>Définition d’architectures préliminaires, choix de grands principes et premières solutions de soute.</p></article>
 +
            <article class="tl-card reveal"><div class="tl-badge">2</div><h3>TRL2 · 2024–2025</h3><p>Configuration validée, maquette numérique 3D, choix techniques et scénarios de chargement.</p></article>
 +
            <article class="tl-card reveal"><div class="tl-badge">3</div><h3>TRL3 · 2026</h3><p>Lancement des études détaillées : structure, aérodynamique, portes, levage, FEA et CFD.</p></article>
 +
          </div>
 +
        </div>
 +
      </section>
 +
 
 +
      <section id="join">
 +
        <div class="container">
 +
          <div class="partner-band reveal">
 +
            <div>
 +
              <div class="section-kicker">Join the programme</div>
 +
              <h2>Construisons la prochaine brique du transport aérien conteneurisé.</h2>
 +
              <p>ISO-Plane est ouvert aux écoles, laboratoires, ingénieurs, avionneurs, équipementiers et partenaires mission. Les contributions ouvertes structurent l’architecture commune, tandis que des briques industrielles privées peuvent s’intégrer au programme.</p>
 +
              <div class="notice"><strong>Note programme :</strong> cette page présente l’ISO-Plane comme vision produit et support de partenariat. L’appareil est en phase de développement et ne doit pas être présenté comme certifié ou disponible à la vente opérationnelle.</div>
 +
            </div>
 +
            <a class="button button-primary" href="mailto:contact@iso-plane.com?subject=ISO-Plane%20Partnership%20Inquiry">contact@iso-plane.com</a>
 +
          </div>
 +
        </div>
 +
      </section>
 +
    </main>
 +
 
 +
    <footer>
 +
      <div class="container footer-grid">
 +
        <div class="brand">
 +
          <span class="brand-mark">ISO</span>
 +
          <span>ISO-Plane™<small>Rethinking container air logistics</small></span>
 +
        </div>
 +
        <div>www.iso-plane.com · Lesser Open Bee License 1.3 · Technoplane</div>
 +
      </div>
 +
    </footer>
 +
  </div>
 +
 
 +
  <script>
 +
    const observer = new IntersectionObserver((entries) => {
 +
      entries.forEach((entry) => {
 +
        if (entry.isIntersecting) {
 +
          entry.target.classList.add('visible');
 +
          observer.unobserve(entry.target);
 +
        }
 +
      });
 +
    }, { threshold: 0.12 });
 +
 
 +
    document.querySelectorAll('.reveal').forEach((element) => observer.observe(element));
 +
  </script>
 +
</body>
 +
</html>

Revision as of 16:44, 28 April 2026

<!doctype html> <html lang="fr"> <head> 

 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>ISO-Plane™ — Container Air Logistics</title>
 <meta name="description" content="ISO-Plane™ est un projet aéronautique collaboratif conçu pour transporter un conteneur ISO 20 pieds avec chargement autonome." />
 <style>
   :root {
     --bg: #07111f;
     --bg-2: #0b1d33;
     --surface: rgba(255, 255, 255, 0.075);
     --surface-2: rgba(255, 255, 255, 0.12);
     --text: #eef6ff;
     --muted: #a8bdd2;
     --line: rgba(255, 255, 255, 0.14);
     --accent: #f5b83b;
     --accent-2: #36d1dc;
     --green: #5be49b;
     --danger: #ff6b6b;
     --shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
     --radius: 26px;
     --max: 1180px;
     font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   }

   * { box-sizing: border-box; }
   html { scroll-behavior: smooth; }
   body {
     margin: 0;
     background:
       radial-gradient(circle at 20% 0%, rgba(54, 209, 220, 0.16), transparent 28%),
       radial-gradient(circle at 80% 12%, rgba(245, 184, 59, 0.14), transparent 30%),
       linear-gradient(180deg, #07111f 0%, #0a1728 45%, #07111f 100%);
     color: var(--text);
     overflow-x: hidden;
   }

   a { color: inherit; text-decoration: none; }
   img { max-width: 100%; display: block; }

   .page-shell {
     position: relative;
     min-height: 100vh;
   }

   .page-shell::before {
     content: "";
     position: fixed;
     inset: 0;
     pointer-events: none;
     background-image:
       linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
       linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
     background-size: 64px 64px;
     mask-image: linear-gradient(to bottom, rgba(0,0,0,0.85), transparent 76%);
     z-index: -1;
   }

   .container {
     width: min(100% - 34px, var(--max));
     margin-inline: auto;
   }

   .topbar {
     position: sticky;
     top: 0;
     z-index: 50;
     backdrop-filter: blur(18px);
     background: rgba(7, 17, 31, 0.72);
     border-bottom: 1px solid var(--line);
   }

   .nav {
     height: 76px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 24px;
   }

   .brand {
     display: flex;
     align-items: center;
     gap: 12px;
     font-weight: 800;
     letter-spacing: 0.03em;
   }

   .brand-mark {
     width: 42px;
     height: 42px;
     border-radius: 14px;
     display: grid;
     place-items: center;
     background: linear-gradient(135deg, var(--accent), #ffe38f);
     color: #07111f;
     box-shadow: 0 12px 38px rgba(245, 184, 59, 0.28);
     font-weight: 900;
   }

   .brand small {
     display: block;
     color: var(--muted);
     font-size: 0.72rem;
     font-weight: 600;
     letter-spacing: 0.16em;
     text-transform: uppercase;
     margin-top: 2px;
   }

   .nav-links {
     display: flex;
     align-items: center;
     gap: 24px;
     color: var(--muted);
     font-size: 0.94rem;
   }

   .nav-links a:hover { color: var(--text); }

   .cta-small {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 11px 18px;
     border-radius: 999px;
     background: rgba(245, 184, 59, 0.14);
     border: 1px solid rgba(245, 184, 59, 0.38);
     color: #ffe4a5;
     font-weight: 700;
   }

   .hero {
     padding: 86px 0 58px;
     position: relative;
   }

   .hero-grid {
     display: grid;
     grid-template-columns: minmax(0, 1.03fr) minmax(360px, 0.97fr);
     gap: 44px;
     align-items: center;
   }

   .eyebrow {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 9px 13px;
     border: 1px solid var(--line);
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.06);
     color: #cde5fb;
     font-size: 0.88rem;
     font-weight: 700;
   }

   .pulse {
     width: 9px;
     height: 9px;
     border-radius: 50%;
     background: var(--green);
     box-shadow: 0 0 0 7px rgba(91, 228, 155, 0.14);
   }

   h1 {
     font-size: clamp(3.15rem, 7vw, 6.65rem);
     line-height: 0.89;
     margin: 22px 0 22px;
     letter-spacing: -0.075em;
   }

   .hero h1 span {
     color: transparent;
     background: linear-gradient(90deg, #fff, #a7dfff 52%, #ffd36f);
     background-clip: text;
     -webkit-background-clip: text;
   }

   .lead {
     color: var(--muted);
     font-size: clamp(1.08rem, 2vw, 1.28rem);
     line-height: 1.65;
     max-width: 660px;
     margin: 0 0 30px;
   }

   .hero-actions {
     display: flex;
     flex-wrap: wrap;
     gap: 14px;
     margin: 34px 0;
   }

   .button {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     padding: 15px 22px;
     border-radius: 999px;
     font-weight: 800;
     transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
     border: 1px solid transparent;
     cursor: pointer;
   }

   .button:hover { transform: translateY(-2px); }

   .button-primary {
     color: #07111f;
     background: linear-gradient(135deg, var(--accent), #ffe590);
     box-shadow: 0 18px 50px rgba(245, 184, 59, 0.25);
   }

   .button-secondary {
     color: var(--text);
     background: rgba(255, 255, 255, 0.07);
     border-color: var(--line);
   }

   .trust-row {
     display: grid;
     grid-template-columns: repeat(4, minmax(110px, 1fr));
     gap: 12px;
     max-width: 670px;
   }

   .metric {
     padding: 17px 16px;
     border: 1px solid var(--line);
     border-radius: 20px;
     background: rgba(255, 255, 255, 0.055);
   }

   .metric strong {
     display: block;
     font-size: 1.4rem;
     line-height: 1.1;
     color: #fff;
     letter-spacing: -0.04em;
   }

   .metric span {
     display: block;
     margin-top: 7px;
     color: var(--muted);
     font-size: 0.84rem;
   }

   .hero-visual {
     position: relative;
     min-height: 560px;
   }

   .visual-card {
     position: absolute;
     inset: 0;
     border-radius: 38px;
     border: 1px solid var(--line);
     background:
       linear-gradient(160deg, rgba(255,255,255,0.13), rgba(255,255,255,0.04)),
       radial-gradient(circle at 78% 18%, rgba(245,184,59,0.22), transparent 28%),
       radial-gradient(circle at 20% 86%, rgba(54,209,220,0.18), transparent 28%);
     box-shadow: var(--shadow);
     overflow: hidden;
   }

   .runway {
     position: absolute;
     left: -8%;
     right: -8%;
     bottom: 54px;
     height: 120px;
     transform: perspective(680px) rotateX(62deg);
     background:
       repeating-linear-gradient(90deg, transparent 0 76px, rgba(255,255,255,0.18) 76px 92px),
       linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.04));
     border-top: 1px solid rgba(255,255,255,0.25);
     opacity: 0.75;
   }

   .aircraft {
     position: absolute;
     width: min(92%, 560px);
     height: 280px;
     left: 50%;
     top: 45%;
     transform: translate(-50%, -50%);
     filter: drop-shadow(0 34px 40px rgba(0,0,0,0.45));
   }

   .fuselage {
     position: absolute;
     left: 8%;
     right: 8%;
     top: 42%;
     height: 68px;
     border-radius: 999px 999px 36px 36px;
     background: linear-gradient(180deg, #ecf7ff, #89a8bd 58%, #45657c);
     box-shadow: inset 0 -9px 18px rgba(0,0,0,0.22);
   }

   .nose {
     position: absolute;
     left: 2%;
     top: 42%;
     width: 130px;
     height: 68px;
     border-radius: 70% 0 0 70%;
     background: linear-gradient(180deg, #f9fdff, #789db7);
   }

   .tail {
     position: absolute;
     right: 3%;
     top: 28%;
     width: 120px;
     height: 120px;
     clip-path: polygon(0 44%, 72% 0, 84% 16%, 42% 58%, 100% 100%, 63% 100%);
     background: linear-gradient(135deg, #d9f1ff, #6b8aa3);
   }

   .wing {
     position: absolute;
     left: 17%;
     right: 12%;
     top: 24%;
     height: 64px;
     transform: skewX(-18deg);
     border-radius: 16px 70px 70px 16px;
     background: linear-gradient(180deg, #d8f1ff, #5d829d);
     box-shadow: inset 0 -10px 18px rgba(0,0,0,0.22);
   }

   .engine {
     position: absolute;
     top: 31%;
     width: 78px;
     height: 46px;
     border-radius: 40px;
     background: linear-gradient(180deg, #20384d, #07111f);
     border: 1px solid rgba(255,255,255,0.25);
   }

   .engine::before {
     content: "";
     position: absolute;
     inset: 9px;
     border-radius: 50%;
     border: 2px solid rgba(255,255,255,0.28);
     background: radial-gradient(circle, #94dfff 0 16%, transparent 18%);
   }

   .engine.left { left: 30%; }
   .engine.right { right: 25%; }

   .container-box {
     position: absolute;
     left: 50%;
     bottom: 118px;
     width: 250px;
     height: 86px;
     transform: translateX(-50%);
     border-radius: 14px;
     background:
       repeating-linear-gradient(90deg, rgba(0,0,0,0.13) 0 3px, transparent 3px 22px),
       linear-gradient(135deg, #f0b544, #d66f2a);
     border: 1px solid rgba(255,255,255,0.28);
     box-shadow: inset 0 -10px 18px rgba(0,0,0,0.22), 0 18px 35px rgba(0,0,0,0.35);
   }

   .container-box::after {
     content: "20' ISO CONTAINER";
     position: absolute;
     inset: 0;
     display: grid;
     place-items: center;
     color: rgba(7, 17, 31, 0.74);
     font-weight: 900;
     letter-spacing: 0.12em;
     font-size: 0.76rem;
   }

   .lift-line {
     position: absolute;
     bottom: 206px;
     width: 2px;
     height: 64px;
     background: linear-gradient(180deg, transparent, rgba(255,255,255,0.6));
   }
   .lift-line.a { left: 35%; }
   .lift-line.b { left: 45%; }
   .lift-line.c { right: 45%; }
   .lift-line.d { right: 35%; }

   .floating-label {
     position: absolute;
     padding: 12px 14px;
     border: 1px solid var(--line);
     border-radius: 18px;
     background: rgba(7, 17, 31, 0.7);
     backdrop-filter: blur(16px);
     box-shadow: 0 16px 35px rgba(0,0,0,0.25);
     color: #dff7ff;
     font-size: 0.86rem;
   }

   .floating-label strong { color: #fff; display: block; margin-bottom: 4px; }
   .floating-label.one { top: 34px; right: 34px; }
   .floating-label.two { left: 28px; bottom: 34px; }

   section { padding: 82px 0; }

   .section-head {
     display: flex;
     justify-content: space-between;
     align-items: end;
     gap: 24px;
     margin-bottom: 34px;
   }

   .section-kicker {
     color: var(--accent);
     font-weight: 900;
     text-transform: uppercase;
     letter-spacing: 0.18em;
     font-size: 0.78rem;
     margin-bottom: 12px;
   }

   h2 {
     margin: 0;
     font-size: clamp(2rem, 4vw, 3.35rem);
     line-height: 1;
     letter-spacing: -0.055em;
   }

   .section-head p {
     margin: 0;
     max-width: 480px;
     color: var(--muted);
     line-height: 1.65;
   }

   .grid-3 {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 18px;
   }

   .card {
     border: 1px solid var(--line);
     border-radius: var(--radius);
     background: linear-gradient(180deg, rgba(255,255,255,0.095), rgba(255,255,255,0.045));
     padding: 26px;
     box-shadow: 0 18px 50px rgba(0,0,0,0.18);
     position: relative;
     overflow: hidden;
   }

   .card::before {
     content: "";
     position: absolute;
     inset: 0;
     background: radial-gradient(circle at 12% 0%, rgba(54,209,220,0.10), transparent 36%);
     pointer-events: none;
   }

   .icon {
     width: 48px;
     height: 48px;
     border-radius: 17px;
     display: grid;
     place-items: center;
     background: rgba(245,184,59,0.16);
     border: 1px solid rgba(245,184,59,0.26);
     color: #ffe4a5;
     margin-bottom: 18px;
     font-size: 1.35rem;
   }

   .card h3 {
     position: relative;
     margin: 0 0 10px;
     font-size: 1.26rem;
     letter-spacing: -0.03em;
   }

   .card p,
   .card li {
     position: relative;
     color: var(--muted);
     line-height: 1.65;
   }

   .card p { margin: 0; }
   .card ul { margin: 14px 0 0; padding-left: 18px; }

   .split {
     display: grid;
     grid-template-columns: 0.92fr 1.08fr;
     gap: 22px;
     align-items: stretch;
   }

   .problem-panel {
     border: 1px solid rgba(255,255,255,0.16);
     border-radius: 32px;
     padding: 32px;
     background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.04));
   }

   .problem-panel h3 {
     margin: 0 0 18px;
     font-size: 1.7rem;
     letter-spacing: -0.04em;
   }

   .comparison-list {
     display: grid;
     gap: 13px;
     margin: 0;
     padding: 0;
     list-style: none;
   }

   .comparison-list li {
     display: flex;
     gap: 12px;
     padding: 14px;
     border-radius: 18px;
     background: rgba(255,255,255,0.055);
     color: var(--muted);
     line-height: 1.5;
   }

   .comparison-list b { color: #fff; }

   .check, .cross {
     width: 24px;
     height: 24px;
     flex: 0 0 24px;
     border-radius: 50%;
     display: grid;
     place-items: center;
     font-size: 0.8rem;
     font-weight: 900;
   }

   .check { background: rgba(91,228,155,0.16); color: var(--green); }
   .cross { background: rgba(255,107,107,0.14); color: var(--danger); }

   .mission-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 16px;
   }

   .mission-card {
     min-height: 285px;
     border: 1px solid var(--line);
     border-radius: 30px;
     padding: 24px;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     background:
       linear-gradient(180deg, transparent, rgba(7,17,31,0.88)),
       radial-gradient(circle at 50% 10%, rgba(54,209,220,0.24), transparent 34%),
       rgba(255,255,255,0.06);
     overflow: hidden;
     position: relative;
   }

   .mission-card::before {
     content: attr(data-number);
     position: absolute;
     top: 16px;
     left: 20px;
     color: rgba(255,255,255,0.13);
     font-size: 4.2rem;
     line-height: 1;
     font-weight: 900;
     letter-spacing: -0.08em;
   }

   .mission-card h3 { margin: 0 0 8px; font-size: 1.17rem; }
   .mission-card p { margin: 0; color: var(--muted); line-height: 1.55; }

   .tech-wrap {
     display: grid;
     grid-template-columns: 1.06fr 0.94fr;
     gap: 22px;
   }

   .spec-table {
     width: 100%;
     border-collapse: collapse;
     overflow: hidden;
     border-radius: 26px;
     border: 1px solid var(--line);
     background: rgba(255,255,255,0.055);
   }

   .spec-table th, .spec-table td {
     padding: 17px 20px;
     border-bottom: 1px solid var(--line);
     text-align: left;
   }

   .spec-table tr:last-child th,
   .spec-table tr:last-child td { border-bottom: 0; }
   .spec-table th { color: #dff7ff; width: 42%; font-weight: 800; }
   .spec-table td { color: var(--muted); }

   .feature-stack {
     display: grid;
     gap: 16px;
   }

   .feature {
     padding: 22px;
     border: 1px solid var(--line);
     border-radius: 24px;
     background: rgba(255,255,255,0.06);
   }

   .feature strong { display: block; margin-bottom: 8px; color: #fff; }
   .feature span { display: block; color: var(--muted); line-height: 1.55; }

   .loading-scene {
     border: 1px solid var(--line);
     border-radius: 34px;
     padding: 30px;
     background:
       radial-gradient(circle at 75% 18%, rgba(245,184,59,0.16), transparent 28%),
       rgba(255,255,255,0.055);
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 28px;
     align-items: center;
     box-shadow: var(--shadow);
   }

   .process {
     display: grid;
     gap: 14px;
     counter-reset: step;
   }

   .process-item {
     counter-increment: step;
     display: grid;
     grid-template-columns: 44px 1fr;
     gap: 14px;
     align-items: start;
     padding: 16px;
     border-radius: 18px;
     background: rgba(255,255,255,0.055);
     border: 1px solid rgba(255,255,255,0.09);
   }

   .process-item::before {
     content: counter(step);
     width: 44px;
     height: 44px;
     border-radius: 15px;
     display: grid;
     place-items: center;
     background: linear-gradient(135deg, var(--accent-2), #9df6ff);
     color: #07111f;
     font-weight: 900;
   }

   .process-item strong { display: block; margin-bottom: 4px; }
   .process-item span { color: var(--muted); line-height: 1.5; }

   .media-placeholder {
     min-height: 390px;
     border-radius: 28px;
     background:
       linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.04)),
       linear-gradient(135deg, rgba(54,209,220,0.2), rgba(245,184,59,0.16));
     border: 1px solid var(--line);
     position: relative;
     overflow: hidden;
     display: grid;
     place-items: center;
   }

   .media-placeholder::after {
     content: "Autonomous loading system";
     position: absolute;
     left: 20px;
     bottom: 20px;
     right: 20px;
     padding: 14px 16px;
     border-radius: 18px;
     background: rgba(7,17,31,0.72);
     backdrop-filter: blur(12px);
     color: #fff;
     font-weight: 800;
   }

   .mini-plane {
     width: 78%;
     height: 210px;
     position: relative;
     transform: translateY(-6px);
   }
   .mini-plane .body { position:absolute; left:8%; right:8%; top:45%; height:42px; border-radius:999px; background:#e8f7ff; }
   .mini-plane .topwing { position:absolute; left:15%; right:12%; top:28%; height:38px; border-radius:12px 60px 60px 12px; background:#8fd6ff; transform:skewX(-16deg); }
   .mini-plane .cargo { position:absolute; left:50%; bottom:10%; width:48%; height:56px; transform:translateX(-50%); border-radius:10px; background:#e89532; }
   .mini-plane .line { position:absolute; width:2px; height:72px; top:45%; background:rgba(255,255,255,0.74); }
   .mini-plane .l1 { left:34%; } .mini-plane .l2 { left:45%; } .mini-plane .l3 { right:45%; } .mini-plane .l4 { right:34%; }

   .timeline {
     position: relative;
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 16px;
     margin-top: 24px;
   }

   .timeline::before {
     content: "";
     position: absolute;
     top: 41px;
     left: 8%;
     right: 8%;
     height: 1px;
     background: var(--line);
     z-index: -1;
   }

   .tl-card {
     padding: 22px;
     border: 1px solid var(--line);
     border-radius: 24px;
     background: rgba(255,255,255,0.06);
   }

   .tl-badge {
     width: 42px;
     height: 42px;
     border-radius: 50%;
     display: grid;
     place-items: center;
     background: #07111f;
     border: 1px solid rgba(245,184,59,0.5);
     color: var(--accent);
     font-weight: 900;
     margin-bottom: 16px;
   }

   .tl-card h3 { margin: 0 0 8px; }
   .tl-card p { margin: 0; color: var(--muted); line-height: 1.55; }

   .partner-band {
     border: 1px solid var(--line);
     border-radius: 36px;
     padding: 36px;
     background:
       linear-gradient(135deg, rgba(245,184,59,0.18), transparent 42%),
       linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.05));
     display: grid;
     grid-template-columns: 1fr auto;
     gap: 28px;
     align-items: center;
     box-shadow: var(--shadow);
   }

   .partner-band h2 { margin-bottom: 14px; }
   .partner-band p { margin: 0; color: var(--muted); line-height: 1.65; max-width: 720px; }

   .notice {
     margin-top: 22px;
     padding: 16px 18px;
     border: 1px solid rgba(255,255,255,0.12);
     border-radius: 18px;
     background: rgba(255,255,255,0.045);
     color: var(--muted);
     font-size: 0.92rem;
     line-height: 1.55;
   }

   footer {
     padding: 34px 0 52px;
     color: var(--muted);
     border-top: 1px solid var(--line);
   }

   .footer-grid {
     display: flex;
     justify-content: space-between;
     gap: 20px;
     flex-wrap: wrap;
     align-items: center;
   }

   .reveal {
     opacity: 0;
     transform: translateY(22px);
     transition: opacity 0.7s ease, transform 0.7s ease;
   }
   .reveal.visible { opacity: 1; transform: translateY(0); }

   @media (max-width: 960px) {
     .nav-links { display: none; }
     .hero-grid,
     .split,
     .tech-wrap,
     .loading-scene,
     .partner-band { grid-template-columns: 1fr; }
     .hero-visual { min-height: 480px; }
     .grid-3, .mission-grid { grid-template-columns: repeat(2, 1fr); }
     .trust-row { grid-template-columns: repeat(2, 1fr); }
     .timeline { grid-template-columns: repeat(2, 1fr); }
     .section-head { display: block; }
     .section-head p { margin-top: 16px; }
   }

   @media (max-width: 620px) {
     .hero { padding-top: 54px; }
     .hero-visual { min-height: 420px; }
     .grid-3, .mission-grid, .timeline { grid-template-columns: 1fr; }
     .visual-card { border-radius: 28px; }
     .aircraft { width: 108%; }
     .container-box { width: 210px; }
     .floating-label.one { right: 18px; top: 18px; }
     .floating-label.two { left: 18px; bottom: 18px; }
     .spec-table th, .spec-table td { display: block; width: 100%; padding: 13px 16px; }
     .spec-table th { padding-bottom: 2px; }
     .spec-table td { padding-top: 2px; }
     .partner-band { padding: 26px; }
   }
 </style>

</head> <body> 

   <header class="topbar">

       <a class="brand" href="#top" aria-label="ISO-Plane homepage">
         ISO
         ISO-Plane™Container Air Logistics
       </a>
       <nav class="nav-links" aria-label="Navigation principale">
         <a href="#missions">Missions</a>
         <a href="#technology">Technologie</a>
         <a href="#specs">Caractéristiques</a>
         <a href="#trl">TRL</a>
         <a class="cta-small" href="#join">Devenir partenaire</a>
       </nav>

   </header>

   <main id="top">
     <section class="hero">
Configuration TRL3 · Concept collaboratif ouvert

One container.
One aircraft.
One mission.

ISO-Plane™ est un avion-cargo léger spécialisé dans le transport autonome d’un conteneur ISO 20 pieds. Sa promesse : supprimer la dépendance aux grues, loaders et infrastructures lourdes pour accélérer la logistique aérienne critique.

             <a class="button button-primary" href="#join">Ouvrir une discussion partenariat →</a>
             <a class="button button-secondary" href="#specs">Voir la fiche technique</a>
20 ftConteneur ISO standard
8 tCharge utile cible
6 000 kmAutonomie visée
2 × PW150ATurbopropulseurs éprouvés
Autonomous loadingGround or truck trailer
Infrastructure-lightDesigned for regular runways
     </section>

     <section id="positioning">
Market gap

Le chaînon manquant entre fret régional et transport militaire lourd.

  • ×Les avions cargo régionaux ne sont pas conçus autour du conteneur ISO standard.
  • ×Les plateformes capables d’emporter un conteneur sont souvent plus grandes, plus lourdes et nécessitent une logistique au sol importante.
  • ✓ISO-Plane vise un transport direct, autonome et rapide d’un seul conteneur stratégique.
           <article class="card reveal">
▣

Container-first design

La cellule, la soute, les portes et le système de levage sont pensés autour d’un conteneur ISO 20 pieds, pas autour d’une palette aérienne classique.

           </article>
           <article class="card reveal">
↧

Autonomie au sol

Chargement et déchargement depuis le sol ou une remorque, avec bras mécanisés, interfaces twist-locks et système de secours par treuils.

           </article>
           <article class="card reveal">
◎

Plateforme multi-rôle

Un même avion, des modules conteneurisés : logistique, secours, médical, défense, lutte anti-incendie ou missions spéciales.

           </article>

     </section>

     <section id="missions">
Missions

Une plateforme, plusieurs marchés.

ISO-Plane valorise le conteneur comme module opérationnel : le client prépare la mission au sol, l’avion transporte, dépose et repart avec un minimum d’infrastructure.

           <article class="mission-card reveal" data-number="01">

Logistique critique

Approvisionnement rapide de sites industriels, bases avancées, plateformes isolées ou zones mal connectées.

           </article>
           <article class="mission-card reveal" data-number="02">

Aide humanitaire

Déploiement de matériel médical, énergie, eau, abris ou modules de communication en contexte de crise.

           </article>
           <article class="mission-card reveal" data-number="03">

Firefighting

Module conteneurisé de largage d’eau pour transformer l’appareil en vecteur aérien spécialisé.

           </article>
           <article class="mission-card reveal" data-number="04">

Défense & missions spéciales

Transport tactique de conteneurs, équipements sensibles, ateliers mobiles ou systèmes modulaires.

           </article>

     </section>

     <section id="technology">
Technology review

Conçu pour charger ce que les autres doivent reconditionner.

Le cœur de l’innovation n’est pas seulement le transport du conteneur : c’est la capacité à le prendre, le verrouiller, le protéger et le déposer sans équipement externe lourd.

Cargo handling

Chargement autonome en quatre temps.

AlignerPositionnement de l’avion ou du camion selon le scénario opérationnel.
OuvrirOuverture arrière et porte ventrale trois panneaux pour libérer l’accès conteneur.
Verrouiller & leverBras mécanisés connectés aux coins ISO avec interfaces twist-locks.
SécuriserFermeture, fixation en soute pressurisée et préparation au roulage.
     </section>

     <section id="specs">
Key technical characteristics

Fiche conceptuelle

Une architecture cargo spécialisée, optimisée autour d’un conteneur unique et d’une exploitation autonome sur piste conventionnelle.

Container1 × conteneur ISO 20 pieds
Payload cibleJusqu’à 8 tonnes
MTOW estiméeEnviron 30 tonnes
Range viséeJusqu’à 6 000 km selon mission
Motorisation2 × Pratt & Whitney PW150A
ArchitectureAile haute, bipoutre, soute pressurisée
Train principalDérivé Q400, rétracté dans les nacelles
Cargo systemPorte ventrale trois panneaux + bras robotisés
           <article class="feature reveal">Ventral cargo doorMécanisme trois panneaux pour accès au conteneur depuis le sol, compatible avec une logique de soute pressurisée.</article>
           <article class="feature reveal">Robotic lifting armsQuatre bras mécanisés rétractables avec accrochage aux coins ISO et secours par quatre treuils électriques.</article>
           <article class="feature reveal">High-wing architectureGarde au sol, intégration de nacelles et préservation du volume central pour la soute cargo.</article>
           <article class="feature reveal">Q400-derived landing gearTrain principal intégré sous les moteurs afin de conserver la continuité de la soute ventrale.</article>

     </section>

     <section id="trl">
Development status

De l’idée au programme TRL3.

Le projet combine recherche académique, études d’architecture, maquette numérique et contributions industrielles dans un cadre Lesser Open Bee License 1.3.

<article class="tl-card reveal">
0

TRL0 · 2012–2014

Exploration du besoin : transporter un conteneur ISO avec l’avion le plus léger possible.

</article> <article class="tl-card reveal">
1

TRL1 · 2015–2018

Définition d’architectures préliminaires, choix de grands principes et premières solutions de soute.

</article> <article class="tl-card reveal">
2

TRL2 · 2024–2025

Configuration validée, maquette numérique 3D, choix techniques et scénarios de chargement.

</article> <article class="tl-card reveal">
3

TRL3 · 2026

Lancement des études détaillées : structure, aérodynamique, portes, levage, FEA et CFD.

</article> 
     </section>

     <section id="join">
Join the programme

Construisons la prochaine brique du transport aérien conteneurisé.

ISO-Plane est ouvert aux écoles, laboratoires, ingénieurs, avionneurs, équipementiers et partenaires mission. Les contributions ouvertes structurent l’architecture commune, tandis que des briques industrielles privées peuvent s’intégrer au programme.

Note programme : cette page présente l’ISO-Plane comme vision produit et support de partenariat. L’appareil est en phase de développement et ne doit pas être présenté comme certifié ou disponible à la vente opérationnelle.
           <a class="button button-primary" href="mailto:contact@iso-plane.com?subject=ISO-Plane%20Partnership%20Inquiry">contact@iso-plane.com</a>

     </section>
   </main>

   <footer>

         ISO
         ISO-Plane™Rethinking container air logistics
www.iso-plane.com · Lesser Open Bee License 1.3 · Technoplane
   </footer>

 <script>
   const observer = new IntersectionObserver((entries) => {
     entries.forEach((entry) => {
       if (entry.isIntersecting) {
         entry.target.classList.add('visible');
         observer.unobserve(entry.target);
       }
     });
   }, { threshold: 0.12 });

   document.querySelectorAll('.reveal').forEach((element) => observer.observe(element));
 </script>

</body> </html>

Retrieved from "https://wiki.collaborativebee.com//index.php?title=Iso-Plane&oldid=1855"