.rune-water {
  --bg: #f5f2e9;
  --ink: #163e48;
  --muted: #586e6e;
  --paper: #fffcf5;
  --accent: #286e73;
  --line: #d4ddd5;
  --sea: #122f38;
  --mint: #aed9cd;
  font-family: WaterBody, sans-serif;
  color-scheme: light;
}
.rune-water *, .rune-water *::before, .rune-water *::after { box-sizing: border-box; }
.rune-water [hidden] { display: none !important; }
.rune-water button, .rune-water input, .rune-water textarea { font: inherit; }
.rune-water button, .rune-water a { -webkit-tap-highlight-color: transparent; }
.rune-water :is(button, a, summary, input, textarea):focus-visible { outline: 3px solid #b75c32; outline-offset: 5px; }
.rune-water .demo-strip { background: #e3e9df; color: #34535a; padding: 10px 5vw; font-size: 9px; letter-spacing: .08em; }
.rune-water .site-header { padding: 25px 5vw; min-height: 112px; gap: 30px; border-bottom: 1px solid var(--line); }
.rune-water .brand { position: relative; padding-left: 60px; font-size: 20px; letter-spacing: -.04em; }
.rune-water .brand small { font-size: 8px; letter-spacing: .2em; margin-top: 6px; }
.brand-drop { position: absolute; inset: -8px auto auto 0; width: 46px; height: 49px; background: var(--sea); color: var(--mint); display: grid; place-items: center; border-radius: 60% 40% 57% 43% / 70% 42% 58% 30%; font: 38px WaterDisplay, Georgia, serif; }
.rune-water .site-header nav { font-size: 12px; gap: 25px; }
.rune-water .site-header nav a { text-underline-offset: 7px; }
.rune-water .site-header nav a:hover { text-decoration: underline; }
.rune-water .header-contact { background: transparent; border-color: var(--ink); border-radius: 58% 42% 50% 50% / 52% 62% 38% 48%; padding: 15px 21px; font-size: 12px; }
.rune-water h1, .rune-water h2 { font-family: WaterDisplay, Georgia, serif; font-weight: 400; letter-spacing: -.035em; }
.rune-water h2 { font-size: clamp(42px, 4.8vw, 70px); line-height: 1.04; }
.rune-water h2 em { font-weight: 400; color: var(--accent); }
.rune-water .eyebrow { font: 10px WaterBody, sans-serif; font-weight: 600; letter-spacing: .15em; }
.rune-water .section { padding: 90px 6vw; }
.rune-water .section > :not(svg) { min-width: 0; }
.rune-water .micro { font-size: 11px; line-height: 1.6; }
.rune-water .water-hero { background: var(--sea); color: #f8f2e3; min-height: 680px; padding: 64px 6vw 56px; grid-template-columns: 1.12fr 1fr; gap: 6vw; overflow: hidden; }
.rune-water .water-hero .hero-copy { padding: 0; min-width: 0; }
.rune-water .water-hero h1 { font: 400 clamp(64px, 7.3vw, 112px)/.97 WaterDisplay, Georgia, serif; letter-spacing: -.035em; margin: 31px 0 27px; }
.rune-water .water-hero h1 em { font-weight: 400; color: var(--mint); }
.rune-water .water-hero .eyebrow { color: #bdd4cb; display: flex; align-items: center; gap: 10px; }
.status-dot { width: 6px; height: 6px; background: #b9dcc8; border-radius: 50%; flex-shrink: 0; }
.rune-water .water-hero .intro { color: #b9cdc8; max-width: 410px; font-size: 14px; line-height: 1.85; }
.rune-water .water-hero .hero-actions { margin: 31px 0 19px; gap: 20px; }
.rune-water .water-hero .secondary { color: #dce9df; background: transparent; border: 0; padding: 14px 0; }
.rune-water .water-hero .micro { color: #9fb7b2; font-size: 10px; }
.hero-footnote { border-top: 1px solid #ffffff20; margin-top: 45px; padding-top: 19px; display: flex; justify-content: space-between; gap: 10px; font-size: 8px; letter-spacing: .15em; color: #abc5bc; }
.hero-workbench { position: relative; padding: 65px 20px 0; min-width: 0; align-self: center; }
.hero-pipeline { position: absolute; inset: -35px -20px auto; width: calc(100% + 40px); height: 530px; color: #66918b35; pointer-events: none; }
.rune-water .water-hero .hero-photo { position: relative; border-radius: 3px; height: 270px; transform: rotate(-3deg); box-shadow: 16px 19px 0 #071e2660; overflow: visible; background: #dfdac8; padding: 12px 12px 40px; }
.rune-water .water-hero .hero-photo img { height: 100%; width: 100%; object-fit: cover; border-radius: 0; }
.rune-water .water-hero .hero-photo figcaption { position: static; display: flex; justify-content: space-between; gap: 8px; background: none; padding: 11px 0 0; font-size: 8px; color: #27454a; letter-spacing: .08em; }
.rune-water .water-hero .hero-photo figcaption span { opacity: .7; letter-spacing: 0; }
.workbench-note { position: relative; margin: 36px -5px 0 70px; padding: 23px; background: #204751; border: 1px solid #6b96904d; display: flex; gap: 20px; align-items: flex-start; transform: rotate(2deg); }
.note-number { color: #b5d8ce; font-size: 9px; padding-top: 7px; white-space: nowrap; }
.workbench-note p { margin: 0; color: #edf1df; font: 28px/1.15 WaterDisplay, Georgia, serif; }
.workbench-note em { color: #aed9cd; }
.note-cross { position: absolute; right: 12px; top: 5px; color: #c2936e; font-size: 20px; }
.workbench-label { position: relative; font-size: 8px; letter-spacing: .08em; color: #94b2aa; margin: 27px 0 0 14px; }
.workbench-label > span { font-size: 22px; margin-right: 13px; vertical-align: middle; }
.hero-index { position: absolute; bottom: 16px; right: 6vw; color: #62867f; font-size: 9px; letter-spacing: .1em; }
.rune-water .benefits { background: #dfe9df; color: #274b50; display: grid; grid-template-columns: 1.2fr 1fr 1fr 1.4fr; align-items: center; gap: 25px; padding: 25px 6vw; font-size: 10px; border: 0; }
.rune-water .benefits b { color: #45857d; }
.flow-label { font-size: 9px; letter-spacing: .13em; }
.rune-water .benefits .flow-label b { font-size: 20px; }
.rune-water .services .section-heading { display: grid; grid-template-columns: 1fr 1fr; column-gap: 8vw; align-items: end; max-width: none; }
.rune-water .services .section-heading .eyebrow { grid-column: 1 / -1; }
.rune-water .services .section-heading p:last-child { max-width: 330px; padding-bottom: 10px; font-size: 13px; }
.rune-water .services-grid { margin-top: 40px; grid-template-columns: 1.35fr 1fr 1fr; gap: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.rune-water .service { background: transparent; border: 0; border-right: 1px solid var(--line); border-radius: 0; padding: 34px; display: flex; flex-direction: column; align-items: flex-start; }
.rune-water .service:first-child { background: #e8ece1; }
.rune-water .service:last-child { border-right: 0; }
.rune-water .service-number { font: 38px WaterDisplay, Georgia, serif; color: #7b9990; }
.rune-water .service h3 { margin-top: 35px; font-size: 21px; font-weight: 600; letter-spacing: -.05em; }
.rune-water .service p { font-size: 12px; line-height: 1.85; margin-bottom: 30px; }
.rune-water .service .text-button { margin-top: auto; }
.rune-water .text-button { font-size: 11px; color: var(--accent); }
.rune-water .text-button:hover { text-decoration: underline; text-underline-offset: 5px; }
.rune-water :is(.primary, .liquid, .chat-toggle, .audio-toggle, .map-controls button, .task-options button, .chat-form button) {
  position: relative;
  border: 1px solid #87bcb2;
  border-radius: 58% 42% 52% 48% / 48% 61% 39% 52%;
  background: radial-gradient(ellipse at 27% 15%, #ffffffe6 0, #ffffff00 38%), linear-gradient(145deg, #d4eee4, #79b6aa 70%, #b1d4c7);
  box-shadow: inset 0 2px 2px #ffffffb0, inset 0 -3px 5px #285c6540, 0 4px 0 #21454d18;
  color: #133e48;
  min-height: 46px;
  padding: 15px 24px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
}
.rune-water :is(.primary, .liquid, .chat-toggle, .audio-toggle, .map-controls button, .task-options button, .chat-form button)::after {
  content: ""; position: absolute; width: 21px; height: 5px; top: 6px; left: 24%; transform: rotate(-12deg); border-radius: 50%; background: #ffffff7d; pointer-events: none;
}
.rune-water :is(.primary, .liquid, .chat-toggle, .audio-toggle, .task-options button):hover { transform: translateY(-3px); box-shadow: inset 0 2px 2px #ffffffb0, inset 0 -3px 5px #285c6540, 0 7px 0 #21454d18; }
.rune-water :is(.primary, .liquid, .chat-toggle, .audio-toggle, .task-options button):active { transform: translateY(1px); }
.rune-water :is(.flow-controls, .task-options) button[aria-pressed="true"] { outline: 2px solid var(--accent); outline-offset: 3px; }
.rune-water .flow-section { padding-top: 10px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 7vw; align-items: center; }
.rune-water .flow-section .section-heading p:last-child { font-size: 13px; line-height: 1.85; max-width: 320px; }
.flow-lab { border: 1px solid var(--line); background: #e7ede3; padding: 24px; border-radius: 3px; }
.lab-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 8px; letter-spacing: .1em; }
.lab-indicator { color: #376e65; border: 1px solid #a4bcb0; padding: 5px 9px; border-radius: 20px; }
.flow-diagram { width: 100%; height: auto; overflow: visible; }
.pipe-shell { fill: none; stroke: #bfd2c6; stroke-width: 27; stroke-linecap: round; }
.pipe-current { fill: none; stroke: #478a86; stroke-width: 10; stroke-linecap: round; stroke-dasharray: 1 22; }
.flow-lab.is-visible:not([data-flow-state="closed"]) .pipe-current { animation: water-current 2.5s linear infinite; }
.flow-valve { fill: #f5f2e9; stroke: #285864; stroke-width: 4; transform-origin: 180px 130px; transition: transform .4s; }
.flow-diagram text { fill: #587b74; font: 11px WaterBody, sans-serif; letter-spacing: .1em; }
.tap-head { fill: #d4dfd2; stroke: #547f78; stroke-width: 3; }
.flow-leak { stroke: #358087; stroke-width: 4; opacity: 0; }
[data-flow-state="leaking"] .flow-leak { opacity: 1; }
[data-flow-state="closed"] .pipe-current { opacity: .15; }
[data-flow-state="closed"] .flow-valve { transform: rotate(45deg); }
.flow-controls { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.rune-water .flow-controls button { min-height: 44px; padding: 11px 16px; font-size: 10px; }
.flow-status { font-size: 11px; color: #41625f; min-height: 3em; text-align: center; margin: 20px 0 0; }
.rune-water .task-planner { background: #dde8dc; display: grid; grid-template-columns: .85fr 1.15fr; gap: 9vw; }
.planner-heading > p:not(.eyebrow) { font-size: 13px; line-height: 1.9; max-width: 310px; }
.planner-mark { display: block; font: 170px/.9 WaterDisplay, Georgia, serif; color: #99baab; margin-top: 50px; }
.planner-panel { background: var(--paper); padding: 34px; border-radius: 4px; box-shadow: 9px 9px 0 #b7cbb94d; }
.task-options { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 34px; }
.rune-water .task-options button { padding: 12px 17px; font-size: 11px; }
.planner-panel h3 { font: 38px/1.1 WaterDisplay, Georgia, serif; margin: 14px 0; letter-spacing: -.025em; }
.planner-panel > p:not(.eyebrow):not(.micro) { font-size: 12px; color: var(--muted); line-height: 1.8; }
.task-checks { margin: 25px 0; border-top: 1px solid var(--line); }
.task-checks label { display: flex; align-items: center; gap: 14px; font-size: 12px; padding: 16px 0; border-bottom: 1px solid var(--line); cursor: pointer; }
.task-checks input { width: 19px; height: 19px; accent-color: #367b73; flex-shrink: 0; }
.plan-meter { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 24px; font-size: 10px; color: #54776b; }
.progress-track { width: 110px; height: 4px; background: #dbe6dc; overflow: hidden; }
.progress-track > span { display: block; height: 100%; background: #3e8076; transform: scaleX(0); transform-origin: left; transition: transform .25s; }
.plan-summary { font-size: 10px; font-weight: 600; display: block; }
.rune-water .plan-summary textarea { display: block; width: 100%; margin-top: 10px; padding: 14px; border: 1px solid var(--line); border-radius: 3px; background: #f2f4eb; color: #44635e; font-size: 11px; line-height: 1.75; resize: vertical; }
.plan-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 22px; }
.rune-water .plan-actions .primary { font-size: 11px; }
.rune-water .possibilities { background: var(--sea); color: #edf2e3; gap: 8vw; }
.rune-water .possibilities p:not(.eyebrow) { color: #b4ccc2; font-size: 13px; line-height: 1.9; }
.rune-water .possibilities .eyebrow { color: #98b9ac; }
.rune-water .feature-tags span { border-color: #678b7d; color: #c9dfd2; background: #204751; font-size: 10px; }
.rune-water .possibilities .secondary { border-color: #96b7a9; color: #d3e7d9; background: transparent; border-radius: 50% 40% 50% 45%; }
.rune-water .logistics { gap: 7vw; }
.rune-water .logistics h2 { font-size: 46px; }
.rune-water .logistics p { font-size: 12px; }
.rune-water .map { border-radius: 4px; border: 1px solid #b3c8bb; background: #e3ebdf; height: 320px; }
.rune-water .map-placeholder { background: #e4ebe0; }
.rune-water .map-placeholder strong { font: 32px WaterDisplay, Georgia, serif; }
.rune-water .map-grid { opacity: .4; }
.rune-water .map-controls button { padding: 12px 18px; font-size: 11px; }
.rune-water .calendar { background: transparent; font-size: 12px; }
.rune-water .calendar caption { font-size: 15px; }
.rune-water .calendar td { height: 39px; }
.rune-water .calendar .free { background: #dce8da; }
.rune-water .calendar .busy { background: #d8d7c7; }
.rune-water .legend { font-size: 10px; }
.rune-water .water-faq { display: grid; grid-template-columns: .85fr 1.15fr; gap: 9vw; border-top: 1px solid var(--line); padding-top: 65px; }
.water-faq > div > p:last-child { font-size: 13px; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { padding: 24px 0; display: flex; justify-content: space-between; gap: 20px; font-size: 13px; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { font-size: 22px; color: #548c7f; transition: transform .2s; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { font-size: 12px; color: var(--muted); line-height: 1.9; margin: 0 0 25px; }
.rune-water .contact-section { background: #e5eade; gap: 8vw; }
.rune-water .contact-section p { font-size: 13px; line-height: 1.85; }
.rune-water .form-demo { background: #f4f5eb; padding: 28px; border: 1px solid #cbd7c8; }
.rune-water .form-demo label { font-size: 11px; }
.rune-water .form-demo :is(input, textarea) { background: #e9ede2; border: 1px solid #d1dcce; border-radius: 2px; font-size: 12px; }
.rune-water .form-demo .micro { font-size: 10px; }
.water-colophon { padding: 36px 6vw; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; }
.water-colophon > span { font: 24px WaterDisplay, Georgia, serif; }
.rune-water .site-footer { background: var(--sea); padding: 28px 6vw 100px; color: #cce0d3; font-size: 10px; gap: 20px; }
.rune-water .site-footer strong { font-size: 10px; }
.rune-water .utility-dock { bottom: 20px; right: 25px; gap: 12px; z-index: 30; }
.rune-water .audio-toggle { padding: 12px 20px; font-size: 10px; }
.rune-water .chat-toggle { padding: 19px 26px; font-size: 11px; }
.rune-water .chat-panel { border-radius: 16px 16px 4px 16px; border: 1px solid #9dc0b2; box-shadow: 0 12px 45px #12383b30; z-index: 35; }
.rune-water .chat-header { background: #dfeadd; }
.rune-water .chat-form button { padding: 10px 16px; }
.rune-water .user-message { color: #ebf5e9; }
.rune-water .toast { background: #183d45; color: #edf3e7; z-index: 40; }
.rune-water :is(.flow-section, .task-planner, .possibilities, .logistics, .water-faq, .contact-section) { content-visibility: auto; contain-intrinsic-size: auto 660px; }
.water-story { position: fixed; inset: 0; z-index: 50; pointer-events: none; overflow: hidden; }
.story-art { position: absolute; inset: 0; }
.pipe-veil { width: 100%; height: 100%; opacity: 0; }
.water-story.is-playing .pipe-veil { animation: veil-story 7s both; }
.veil-network { opacity: .38; }
.pipe-break { opacity: 0; }
.is-playing .pipe-break { animation: break-story 7s both; }
.story-water { position: absolute; inset: 0; background: linear-gradient(180deg, #93cec5b8, #488d99e8 55%, #2a687be8); transform: translateY(110%); }
.is-playing .story-water { animation: flood-story 7s cubic-bezier(.4, 0, .2, 1) both; }
.water-ripple { position: absolute; top: -20px; left: -10%; width: 120%; height: 45px; border-radius: 48%; background: #abdcd1b0; }
.is-playing .water-ripple { animation: ripple-story 1.1s ease-in-out 6 alternate; }
.flood-line { position: absolute; top: 45%; left: 10%; right: 10%; text-align: center; color: #f4faf0; font-size: clamp(10px, 2vw, 17px); letter-spacing: .16em; }
.story-bubble { position: absolute; width: 28px; height: 28px; border-radius: 50%; border: 1px solid #ffffff50; }
.bubble-one { top: 35%; left: 23%; }
.bubble-two { top: 56%; right: 30%; width: 15px; height: 15px; }
.story-spray { position: absolute; top: 46%; left: 49%; opacity: 0; }
.is-playing .story-spray { animation: spray-story 7s both; }
.story-spray i { position: absolute; width: 9px; height: 17px; background: #9ddedc; border-radius: 50% 50% 50% 5%; transform: rotate(-45deg); }
.story-spray i:nth-child(2) { margin-left: 17px; margin-top: 24px; }
.story-spray i:nth-child(3) { margin-left: -22px; margin-top: 41px; }
.story-spray i:nth-child(4) { margin-left: 31px; margin-top: 70px; }
.story-spray i:nth-child(5) { margin-left: -39px; margin-top: 91px; }
.story-spray i:nth-child(6) { margin-left: 14px; margin-top: 127px; }
.story-plumber { position: absolute; bottom: 6%; left: 0; width: clamp(130px, 18vw, 230px); opacity: 0; }
.story-plumber svg { display: block; width: 100%; }
.is-playing .story-plumber { animation: plumber-story 7s both; }
.plumber-wrench { transform-origin: 155px 95px; }
.is-playing .plumber-wrench { animation: repair-story 7s both; }
.plumber-leg { transform-origin: 88px 158px; }
.is-playing .leg-back { animation: walking .3s 3s 6 alternate; }
.is-playing .leg-front { animation: walking .3s 3s 6 alternate-reverse; }
.story-drain { position: absolute; bottom: 5%; left: 59%; width: 62px; opacity: 0; }
.is-playing .story-drain { animation: drain-story 7s both; }
.story-caption { position: absolute; top: 24px; right: 24px; display: flex; align-items: center; gap: 20px; padding: 10px 10px 10px 20px; border: 1px solid #a9cfc1; border-radius: 32px; background: #f7faeeeF; color: #254b51; box-shadow: 0 5px 20px #17333a15; }
.story-caption > span { font-size: 11px; }
.story-caption button { pointer-events: auto; border: 1px solid #9dc6b7; border-radius: 20px; padding: 12px 15px; background: #d5e8dc; color: #244c54; font-size: 11px; cursor: pointer; }
.rune-water .story-caption button:focus-visible { outline-offset: 2px; }
@keyframes water-current { to { stroke-dashoffset: -46; } }
@keyframes veil-story { 0% { opacity: 0; } 8%, 66% { opacity: 1; } 100% { opacity: 0; } }
@keyframes break-story { 0%, 12% { opacity: 0; } 17%, 65% { opacity: 1; } 76%, 100% { opacity: 0; } }
@keyframes spray-story { 0%, 15% { opacity: 0; transform: translateY(-15px); } 23%, 47% { opacity: 1; transform: translateY(25px); } 65%, 100% { opacity: 0; transform: translateY(90px); } }
@keyframes flood-story { 0%, 19% { transform: translateY(110%); } 48%, 66% { transform: translateY(9%); } 93%, 100% { transform: translateY(110%); } }
@keyframes ripple-story { from { transform: translateX(-2%) rotate(-1deg); } to { transform: translateX(2%) rotate(1deg); } }
@keyframes plumber-story { 0%, 42% { opacity: 0; transform: translateX(-110%); } 47% { opacity: 1; } 64%, 86% { opacity: 1; transform: translateX(48vw); } 100% { opacity: 0; transform: translateX(48vw); } }
@keyframes walking { from { transform: rotate(-12deg); } to { transform: rotate(12deg); } }
@keyframes repair-story { 0%, 63% { transform: rotate(0deg); } 69% { transform: rotate(-28deg); } 75%, 100% { transform: rotate(0deg); } }
@keyframes drain-story { 0%, 59% { opacity: 0; transform: scale(.5) rotate(0deg); } 69%, 88% { opacity: 1; transform: scale(1) rotate(90deg); } 100% { opacity: 0; transform: scale(.5) rotate(180deg); } }
@media (min-width: 1650px) { .rune-water .water-hero { padding-left: max(6vw, calc((100vw - 1500px) / 2)); padding-right: max(6vw, calc((100vw - 1500px) / 2)); } }
@media (max-width: 1050px) {
  .rune-water .water-hero { min-height: 590px; gap: 25px; }
  .rune-water .water-hero h1 { font-size: 79px; }
  .hero-workbench { padding-left: 0; padding-right: 0; }
  .workbench-note { margin-left: 15px; }
  .rune-water .benefits { grid-template-columns: 1fr 1fr; gap: 17px; }
  .rune-water .section { padding: 65px 5vw; }
  .rune-water .service { padding: 27px 22px; }
  .rune-water .flow-section { gap: 30px; }
  .rune-water .task-planner, .rune-water .water-faq { gap: 35px; }
  .planner-panel { padding: 25px; }
  .flow-lab { padding: 18px; }
}
@media (max-width: 740px) {
  .rune-water .demo-strip { padding: 8px 20px; font-size: 7px; letter-spacing: .02em; }
  .rune-water .demo-strip > span { max-width: 66%; }
  .rune-water .site-header { padding: 22px 20px 17px; gap: 20px; }
  .rune-water .site-header nav { gap: 10px; font-size: 10px; }
  .rune-water .brand { font-size: 19px; }
  .rune-water .water-hero { padding: 38px 24px 45px; gap: 45px; display: flex; }
  .rune-water .water-hero h1 { font-size: clamp(60px, 13.8vw, 91px); margin-top: 25px; }
  .rune-water .water-hero .eyebrow { font-size: 8px; letter-spacing: .1em; }
  .rune-water .water-hero .hero-actions { gap: 15px; }
  .rune-water .water-hero .hero-actions a { font-size: 11px; }
  .rune-water .water-hero .primary { padding: 15px 20px; }
  .hero-footnote { margin-top: 30px; font-size: 7px; }
  .hero-workbench { padding: 10px 7px 0; width: 100%; }
  .hero-pipeline { height: 360px; top: -30px; }
  .rune-water .water-hero .hero-photo { height: 245px; width: 100%; }
  .workbench-note { margin: 28px -4px 0 45px; padding: 20px; }
  .workbench-note p { font-size: 25px; }
  .workbench-label { font-size: 6px; margin-top: 18px; }
  .rune-water .benefits { padding: 24px; gap: 17px 15px; font-size: 9px; }
  .rune-water .benefits .flow-label { font-size: 7px; }
  .rune-water .section { padding: 55px 24px; }
  .rune-water h2 { font-size: 48px; }
  .rune-water .services .section-heading { display: block; }
  .rune-water .services .section-heading p:last-child { margin-top: 20px; }
  .rune-water .services-grid { display: block; margin-top: 25px; }
  .rune-water .service { border-right: 0; border-bottom: 1px solid var(--line); padding: 27px; }
  .rune-water .service h3 { margin-top: 17px; }
  .rune-water .service p { margin-bottom: 20px; }
  .rune-water .flow-section, .rune-water .task-planner, .rune-water .water-faq { display: grid; grid-template-columns: 1fr; gap: 30px; }
  .rune-water .flow-section { padding-top: 5px; }
  .flow-lab { padding: 16px; }
  .lab-heading { font-size: 6px; }
  .rune-water .flow-controls button { padding: 11px 13px; font-size: 9px; }
  .flow-controls { gap: 8px; }
  .flow-status { font-size: 10px; }
  .planner-mark { display: none; }
  .planner-panel { padding: 25px 19px; }
  .task-options { gap: 9px; }
  .rune-water .task-options button { font-size: 10px; padding: 11px 13px; }
  .planner-panel h3 { font-size: 35px; }
  .rune-water .logistics h2 { font-size: 41px; }
  .rune-water .map { height: 290px; }
  .rune-water .water-faq { padding-top: 50px; }
  .faq-list summary { font-size: 12px; }
  .rune-water .form-demo { padding: 20px; }
  .water-colophon { padding: 30px 24px; }
  .water-colophon > span { font-size: 22px; }
  .rune-water .site-footer { padding: 25px 24px 120px; }
  .rune-water .utility-dock { right: 16px; bottom: 14px; gap: 8px; }
  .rune-water .chat-toggle { padding: 16px 21px; }
  .rune-water .audio-toggle { padding: 10px 16px; }
  .rune-water .chat-panel { right: 16px; bottom: 83px; max-width: calc(100vw - 32px); }
  .story-caption { top: 12px; right: 12px; left: 12px; padding: 7px 7px 7px 15px; justify-content: space-between; gap: 8px; }
  .story-caption > span { font-size: 9px; }
  .story-caption button { font-size: 9px; padding: 11px 12px; flex-shrink: 0; }
  .story-drain { width: 45px; }
  .flood-line { line-height: 1.7; }
}
@media (prefers-reduced-motion: reduce) {
  .water-story { display: none !important; }
  .rune-water *, .rune-water *::before, .rune-water *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}