.prototype-page { background:#fbfcfa; color:#061929; font-size:17px; line-height:1.65; }
.prototype-page .site-header { position:relative; }
.prototype-page .site-footer { margin-top:0; }
.prototype-page main a { text-underline-offset:5px; }
.prototype-page main a:focus-visible { outline:3px solid #16885b; outline-offset:6px; }
.prototype-page section[id] { scroll-margin-top:24px; }
.prototype-shell { width:min(1180px, calc(100% - 64px)); margin-inline:auto; }
.prototype-hero { display:grid; grid-template-columns:1.08fr 1fr; background:#061929; color:white; }
.prototype-intro { padding:34px clamp(28px,4.5vw,80px) 58px; align-self:center; }
.prototype-back { display:inline-block; color:#bbd1dc; font-size:14px; margin-bottom:48px; text-decoration:underline; }
.prototype-eyebrow { margin:0 0 18px; color:#12744f; font-size:12px; letter-spacing:.12em; font-weight:700; text-transform:uppercase; }
.prototype-hero .prototype-eyebrow, .prototype-collaborate .prototype-eyebrow { color:#83e1b4; }
.prototype-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#83e1b4; margin-right:8px; vertical-align:2px; }
.prototype-page h1 { font-size:clamp(52px,5.3vw,82px); margin:0 0 26px; }
.prototype-intro > p:not(.prototype-eyebrow) { max-width:590px; color:#c6d6dd; }
.prototype-intro .prototype-lead { font-size:23px; line-height:1.45; color:#fff !important; }
.prototype-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px 24px; margin-top:28px; font-size:15px; }
.prototype-actions > a:not(.prototype-button) { text-decoration:underline; }
.prototype-button { display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:13px 19px; border-radius:3px; background:#89e3b8; color:#061929; font-weight:700; text-decoration:none; line-height:1.5; }
.prototype-button:hover { background:#b5f0d4; }
.prototype-photo { position:relative; margin:0; min-height:560px; overflow:hidden; }
.prototype-photo img { display:block; width:100%; height:100%; position:absolute; object-fit:cover; object-position:40% center; }
.prototype-photo::after { content:""; position:absolute; inset:65% 0 0; background:linear-gradient(transparent,rgba(6,25,41,.85)); pointer-events:none; }
.prototype-photo figcaption { position:absolute; bottom:24px; left:28px; right:28px; z-index:1; font-size:13px; line-height:1.5; color:#fff; max-width:320px; }
.prototype-wind { display:grid; grid-template-columns:.8fr 1.2fr; gap:64px; padding-block:78px; }
.prototype-page h2 { font-size:clamp(39px,4.2vw,58px); margin:0 0 24px; }
.prototype-large { font-size:25px; line-height:1.45; margin-top:0; }
.prototype-wind p:not(.prototype-large):not(.prototype-eyebrow), .prototype-section-heading > p:last-child, .prototype-two-col p, .prototype-sensors p { color:#435961; }
.prototype-wind p:last-child { margin-bottom:0; }
.prototype-potential { background:#eaf0ec; padding-block:72px; }
.prototype-section-heading { max-width:680px; margin-bottom:34px; }
.prototype-section-heading p:last-child { margin-bottom:0; }
.prototype-sensors { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#c7d5cd; border:1px solid #c7d5cd; }
.prototype-sensors article { padding:28px; background:#f9fbf8; }
.prototype-card-number { color:#486354; font-size:12px; letter-spacing:.045em; text-transform:uppercase; font-weight:600; }
.prototype-page h3 { font-size:27px; line-height:1.2; margin:14px 0 12px; }
.prototype-sensors p { margin:0; font-size:16px; }
.prototype-learning { padding-block:72px; }
.prototype-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; margin:0 0 56px; list-style:none; border-top:1px solid #bed0c5; }
.prototype-process li { position:relative; padding:26px 25px 0 0; }
.prototype-process li:not(:last-child)::after { content:"→"; position:absolute; right:25px; top:20px; font-size:26px; color:#12744f; }
.prototype-process span { display:block; color:#12744f; font-size:14px; font-weight:700; }
.prototype-process h3 { margin-top:10px; }
.prototype-process p { font-size:15px; color:#435961; margin:0; }
.prototype-two-col { display:grid; grid-template-columns:1fr 1fr; gap:60px; padding-top:24px; border-top:1px solid #c7d5cd; }
.prototype-two-col h3 { max-width:430px; }
.prototype-collaborate { padding-block:68px; color:white; background:#0b302b; }
.prototype-collaborate > div { display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; }
.prototype-collaborate p:not(.prototype-eyebrow) { color:#c9dfd6; margin-top:0; }
.prototype-collaborate .prototype-contact { font-size:13px; margin:18px 0 0; }
@media (max-width:1100px) { .prototype-actions { align-items:flex-start; flex-direction:column; } .prototype-intro { padding-inline:32px; } }
@media (max-width:800px) {
  .prototype-shell { width:calc(100% - 40px); }
  .prototype-hero { grid-template-columns:1fr; }
  .prototype-intro { padding:26px 20px 40px; }
  .prototype-back { margin-bottom:30px; }
  .prototype-page h1 { font-size:clamp(50px,9vw,72px); }
  .prototype-photo { min-height:0; aspect-ratio:1.7; }
  .prototype-photo img { object-position:center 62%; }
  .prototype-photo figcaption { bottom:18px; left:20px; }
  .prototype-wind, .prototype-two-col, .prototype-collaborate > div { grid-template-columns:1fr; gap:18px; }
  .prototype-wind, .prototype-learning { padding-block:48px; }
  .prototype-potential, .prototype-collaborate { padding-block:48px; }
  .prototype-wind h2 br { display:none; }
  .prototype-wind h2 { margin-bottom:0; }
  .prototype-sensors { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .prototype-sensors article { padding:24px; }
  .prototype-process { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 0; }
  .prototype-process li { padding-top:20px; }
  .prototype-process li:not(:last-child)::after { content:none; }
}
@media (max-width:480px) { .prototype-sensors { grid-template-columns:1fr; } .prototype-photo { aspect-ratio:1.35; } .prototype-page h3 { font-size:26px; } .prototype-large { font-size:22px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
