@import url("./sections.css");
@import url("./screen.css");
body{margin:0;padding:0;font-family:var(--font-button);box-sizing:border-box;}
*{box-sizing:border-box;}
:root {
  --curve-large: 0.55rem;
  --paint-cool: #0e7fb8;
  --type-small: 1.66;
  --depth-panel: 0 26px 42px rgba(0,0,0,0.2);
  --copy-strong: 17.5px;
  --font-heading: calc(17.5px * 1.125);
  --gutter-hero: 1.5rem;
  --tone-cool: #c8d8ea;
  --gutter-content: calc(var(--gutter-card) * 1.5);
  --label-main: calc(17.5px * .875);
  --gap-section: 2.2rem;
  --gutter-panel: 1340px;
  --surface-secondary: calc(var(--gutter-hero) * .75);
  --ink-accent: #0b1a30;
  --line-warm: #22d3ee;
  --ink-warm: #e6f0fb;
  --ease-entry: cubic-bezier(0.16,1,0.3,1);
  --radius-large: 1rem;
  --font-button: "Sora", sans-serif;
  --ink-base: #060f1f;
  --line-dark: #e6f0fb;
  --surface-clear: #f0fbff;
  --radius-extra-25: 0.26rem;
  --paint-deep: #04121f;
  --speed-base: 510ms;
  --line-page: #0a1526;
  --measure-hero: calc(var(--gutter-hero) * 2.4);
  --space-small: var(--gap-section);
  --shadow-image: 0 1px 7px rgba(0,0,0,0.13);
  --paint-main: #67e8f9;
  --gutter-card: 1.89rem;
}
.plain-frame{
  --mark-main:calc(var(--gutter-hero) * 1.32);
  --axis-strong:calc(var(--gutter-panel) / 3.00);
  padding:var(--measure-hero) var(--space-small);
  background:linear-gradient(135deg, #060f1f 0%, #0b1f3a 45%, #0e3a5c 100%);
  color:#e6f0fb;
}
.media-menu{--mark-main:calc(var(--gutter-hero) * 1.15);padding:var(--measure-hero) var(--space-small);background:var(--ink-base);color:var(--ink-warm);}
.bottom-section{--mark-main:calc(var(--gutter-hero) * 0.85);padding:var(--measure-hero) var(--space-small);background:var(--ink-accent);color:var(--tone-cool);}
@keyframes clarifyFocusIn{from{opacity:0;transform:translateY(calc(calc(1.89rem * 2)*.1))}to{opacity:1;transform:translateY(0)}}
.strong-story{--mark-main:calc(var(--gutter-hero) * 1.05);padding:var(--measure-hero) var(--space-small);background:var(--ink-base);color:var(--ink-warm);}
.compact-quote{--mark-main:calc(var(--gutter-hero) * 1.35);padding:var(--measure-hero) var(--space-small);background:var(--ink-base);color:var(--ink-warm);}
.compact-tile{--mark-main:calc(var(--gutter-hero) * 1.05);padding:var(--measure-hero) var(--space-small);background:var(--ink-base);color:var(--ink-warm);}
.main-inner{--mark-main:calc(var(--gutter-hero) * 1.15);padding:var(--measure-hero) var(--space-small);background:var(--ink-base);color:var(--ink-warm);}
.quiet-block{
        --mark-main: calc(var(--gutter-hero) * 1.08);
        padding: var(--measure-hero) var(--space-small);
        background: var(--ink-base);
        color: var(--ink-warm);
    }
.wide-note .controls{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--gutter-content)}
.wide-note .fresh-plan{flex:1 1 22rem;min-width:0}
.wide-note h2{margin:0;font-size:clamp(calc(17.5px * 2),4.4vw,calc(17.5px * 2.65));line-height:1.08;letter-spacing:0}
.wide-note .fresh-plan p{margin:var(--gutter-hero) 0 0;color:var(--tone-cool);font-size:var(--font-heading);line-height:1.6}
.wide-note .simple-list{flex:1 1 30rem;min-width:0;display:flex;flex-direction:column;border-top:1px solid rgba(34, 211, 238, 0.22)}
.wide-note .wide-area{display:flex;flex-wrap:wrap;gap:var(--gutter-card);padding:var(--gutter-hero) 0;border-bottom:1px solid rgba(34, 211, 238, 0.22);color:inherit;text-decoration:none;transition:color var(--speed-base) var(--ease-entry)}
.wide-note a.row:hover strong,.wide-note a.row:focus-visible strong{color:var(--line-warm)}
.wide-note a.row:focus-visible{outline:2px solid rgba(34, 211, 238, 0.55);outline-offset:3px}
.wide-note strong{flex:0 1 12rem;min-width:0;font-size:var(--copy-strong);letter-spacing:0.01em}
.wide-note span{flex:1 1 18rem;min-width:0;color:var(--tone-cool);line-height:1.55}
@media(max-width:760px){.wide-note .controls,.wide-note .wide-area{flex-direction:column}.wide-note .wide-area{gap:calc(var(--surface-secondary) * 0.5)}
}
.narrow-content{padding:var(--measure-hero) var(--space-small);background:linear-gradient(135deg, #060f1f 0%, #0b1f3a 45%, #0e3a5c 100%);color:#e6f0fb}
.narrow-content .steady-method{max-width:var(--gutter-panel);margin:0 auto}
.narrow-content .fresh-plan{margin:0 0 var(--gutter-content)}
.narrow-content h2{margin:0 0 var(--surface-secondary);font-size:calc(17.5px * 2.65);line-height:1.1}
.narrow-content .text-section{margin:0;font-size:var(--font-heading);line-height:var(--type-small)}
.narrow-content .strong-menu{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--surface-secondary);padding:var(--gutter-hero);border:1px solid rgba(34, 211, 238, 0.22);border-radius:1.15rem;background:#0d1c33;color:#e6f0fb}
.narrow-content .top-items{flex:1 1 220px;min-width:0;display:block}
.narrow-content .page-callout{flex:1 1 100%}
.narrow-content .top-items span{display:block;margin-bottom:var(--surface-secondary);font-size:var(--label-main);}
.narrow-content input,.narrow-content textarea{width:100%;box-sizing:border-box;border:1px solid rgba(34, 211, 238, 0.22);border-radius:var(--curve-large);background:var(--ink-accent);color:#e6f0fb;font:inherit;padding:var(--surface-secondary);outline:none}
.narrow-content input::placeholder,.narrow-content textarea::placeholder{}
.narrow-content input:focus,.narrow-content textarea:focus{box-shadow:0 0 0 2px rgba(34, 211, 238, 0.55)}
.narrow-content textarea{resize:vertical;min-height:7rem}
.narrow-content button{flex:0 0 auto;border:0;border-radius:var(--curve-large);background:var(--paint-cool);color:var(--surface-clear);font:inherit;padding:var(--surface-secondary) var(--gutter-hero);cursor:pointer;transition:background var(--speed-base) var(--ease-entry)}
.narrow-content button:hover{background:#0b6a9c;color:#e6f0fb;}
.narrow-content .primary-tile{margin:var(--gutter-content) 0 0;font-size:var(--label-main);line-height:var(--type-small);}
.narrow-content .public-body{margin-top:var(--gutter-content);padding-top:var(--gutter-content);border-top:1px solid rgba(34, 211, 238, 0.22)}
.narrow-content .secondary-content{margin:0 0 var(--surface-secondary);font-size:var(--label-main);line-height:var(--type-small)}
.narrow-content .secondary-content:last-child{margin-bottom:0}
.narrow-content a{text-decoration:none}
.narrow-content a:hover{text-decoration:underline}
@media(max-width:860px){.narrow-content .strong-menu{display:block}.narrow-content .top-items,.narrow-content button{display:block;width:100%;margin-top:var(--surface-secondary)}.narrow-content .top-items:first-child{margin-top:0}
}
.content-nav{
  background:var(--ink-base);
  color:var(--ink-warm);
  padding:var(--measure-hero) var(--space-small);
}
.content-nav .steady-method{max-width:var(--gutter-panel);
  margin:0 auto;}
.content-nav .fresh-plan{display:flex;
  flex-wrap:wrap;
  gap:var(--gutter-content);
  align-items:baseline;}
.content-nav h2{flex:1 1 22rem;
  min-width:0;
  margin:0;
  font-size:calc(17.5px * 2);
  line-height:1.12;}
.content-nav .fresh-plan p{flex:1 1 20rem;
  min-width:0;
  margin:0;
  color:var(--tone-cool);
  line-height:var(--type-small);}
.content-nav .fresh-frame{margin-top:var(--gutter-content);
  display:flex;
  flex-wrap:wrap;
  gap:var(--gutter-card);}
.content-nav .fresh-frame a{
  flex:1 1 17rem;
  min-width:0;
  display:block;
  text-decoration:none;
  color:#e6f0fb;
  background:#0d1c33;
  border:1px solid rgba(34, 211, 238, 0.22);
  border-radius:var(--radius-large);
  padding:var(--surface-secondary);
  transition:border-color var(--speed-base) var(--ease-entry), transform var(--speed-base) var(--ease-entry);
}
.content-nav .fresh-frame a:hover{border-color:var(--line-warm);
  transform:translateY(-2px);}
.content-nav .fresh-frame strong{display:block;
  font-size:var(--copy-strong);}
.content-nav .fresh-frame span{display:block;
  margin-top:.45rem;
  color:var(--tone-cool);
  font-size:var(--label-main);
  line-height:var(--type-small);}
.content-nav .primary-tile{margin-top:var(--gutter-content);
  padding-top:var(--gutter-hero);
  border-top:1px solid rgba(34, 211, 238, 0.22);}
.content-nav .primary-tile p{margin:0;
  color:var(--tone-cool);
  font-size:var(--label-main);
  line-height:var(--type-small);}
.content-nav .service-form{
  display:inline-flex;
  align-items:center;
  margin-top:var(--gutter-content);
  padding:.8rem 1.25rem;
  background:var(--paint-cool);
  color:var(--surface-clear);
  border-radius:1.15rem;
  text-decoration:none;
  font-size:var(--label-main);
  transition:background var(--speed-base) var(--ease-entry);
}
.content-nav .service-form:hover{
  background:#0b6a9c;color:#e6f0fb;}
@media (max-width:680px){.content-nav .fresh-plan{display:block}.content-nav .fresh-plan p{margin-top:var(--gutter-hero)}.content-nav .fresh-frame a{flex:1 1 100%}
}
.quiet-flow{padding:var(--measure-hero) var(--space-small);background:linear-gradient(135deg, #060f1f 0%, #0b1f3a 45%, #0e3a5c 100%);color:#e6f0fb}
.quiet-flow .steady-method{max-width:var(--gutter-panel);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:var(--gutter-content);align-items:stretch}
.quiet-flow .content-intro{display:flex;flex-direction:column;gap:var(--gutter-card);padding:var(--gutter-card);border-radius:1.15rem;background:#0d1c33;color:#e6f0fb;border:1px solid rgba(34, 211, 238, 0.22)}
.quiet-flow h2{margin:0;font-size:calc(17.5px * 2);line-height:1.15}
.quiet-flow .content-intro>p{margin:0;font-size:var(--copy-strong)}
.quiet-flow .quiet-quote{display:flex;flex-direction:column;gap:var(--surface-secondary);margin-top:calc(var(--gutter-hero) * .2)}
.quiet-flow .focused-nav{padding:var(--surface-secondary);border-radius:var(--curve-large);background:var(--ink-accent);color:var(--tone-cool);border:1px solid rgba(34, 211, 238, 0.22)}
.quiet-flow .focused-nav span{display:block;font-size:var(--label-main);letter-spacing:.02em;text-transform:uppercase}
.quiet-flow .focused-nav strong{display:block;margin-top:calc(var(--surface-secondary) * .4);font-size:var(--font-heading);font-weight:600}
.quiet-flow .focused-nav a{text-decoration:none;word-break:break-word}
.quiet-flow .focused-nav a:hover{text-decoration:underline}
.quiet-flow .primary-tile{margin:0;font-size:var(--label-main);}
.quiet-flow .soft-actions{min-height:clamp(22rem,44vw,34rem);border-radius:1.15rem;overflow:hidden;border:1px solid rgba(34, 211, 238, 0.22);box-shadow:0 8px 22px rgba(0,0,0,0.16);background:var(--ink-accent);color:var(--tone-cool);}
.quiet-flow iframe{display:block;width:100%;height:100%;border:0}
@media (max-width: 900px){.quiet-flow .steady-method{grid-template-columns:1fr}.quiet-flow .soft-actions{min-height:22rem}}
.page-lead{background:var(--ink-base);color:var(--ink-warm);padding:var(--measure-hero) var(--space-small)}
.page-lead .steady-method{max-width:var(--gutter-panel);margin:0 auto}
.page-lead .open-rail{display:flex;flex-direction:column;gap:var(--gutter-content)}
.page-lead .fresh-plan{display:flex;flex-direction:column;gap:var(--gutter-hero)}
.page-lead h2{margin:0;font-size:clamp(calc(17.5px * 2),4.4vw,calc(17.5px * 2.65));line-height:1.1;letter-spacing:-0.01em}
.page-lead .fresh-plan p{margin:0;font-size:var(--font-heading);line-height:1.6;color:var(--tone-cool)}
.page-lead .simple-list{display:flex;flex-direction:column;gap:var(--surface-secondary)}
.page-lead .wide-area{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);grid-template-areas:"meta title" "meta text";column-gap:var(--gutter-card);row-gap:calc(var(--surface-secondary)*.4);padding:var(--surface-secondary);background:#0d1c33;color:#e6f0fb;border:1px solid rgba(34, 211, 238, 0.22);border-radius:var(--radius-large)}
.page-lead .wide-area span{grid-area:meta;font-size:var(--label-main);letter-spacing:0.04em;text-transform:uppercase;color:var(--tone-cool);align-self:start}
.page-lead .wide-area strong{grid-area:title;font-size:var(--copy-strong);line-height:1.35}
.page-lead .wide-area p{grid-area:text;margin:0;line-height:1.6;color:var(--tone-cool)}
@media(max-width:760px){.page-lead .wide-area{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "title" "text";row-gap:calc(var(--surface-secondary)*.5)}}
.simple-method{
  padding: var(--measure-hero) var(--space-small);
  background: var(--ink-base);
  color: var(--ink-warm);
}
.simple-method .steady-method{max-width: min(var(--gutter-panel), 62rem);
  margin: 0 auto;}
.simple-method h2{margin: 0;
  font-size: calc(17.5px * 2);
  line-height: 1.1;}
.simple-method .fresh-plan{margin: var(--surface-secondary) 0 var(--gutter-content);
  font-size: var(--font-heading);
  color: var(--tone-cool);}
.simple-method .open-rail{display: flex;
  flex-direction: column;
  gap: var(--gutter-card);
  border-top: 1px solid rgba(34, 211, 238, 0.22);
  padding-top: var(--gutter-content);}
.simple-method .piece{display: grid;
  grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
  gap: var(--surface-secondary);
  align-items: start;}
.simple-method h3{margin: 0;
  font-size: calc(17.5px * 1.35);
  line-height: 1.25;}
.simple-method .piece p{margin: 0;
  color: var(--tone-cool);}
.simple-method a{color:inherit;
  text-decoration: underline;
  text-underline-offset: 3px;}
.simple-method a:hover{color: #22d3ee;}
@media (max-width: 720px) {.simple-method .piece{
    grid-template-columns: 1fr;
    gap: calc(var(--surface-secondary) * .5);
  }
}
.local-lead{
  padding: var(--measure-hero) var(--space-small);
  background: var(--ink-base);
  color: var(--ink-warm);
}
.local-lead .steady-method{max-width: min(var(--gutter-panel), 74rem);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--gutter-content);}
.local-lead .text-section{display: flex;
  flex-direction: column;
  gap: var(--surface-secondary);
  padding-bottom: var(--gutter-content);
  border-bottom: 1px solid rgba(34, 211, 238, 0.22);}
.local-lead h2{margin: 0;
  font-size: calc(17.5px * 2);
  line-height: 1.1;}
.local-lead .fresh-plan{margin: 0;
  font-size: var(--font-heading);
  color: var(--tone-cool);}
.local-lead .simple-list{display: flex;
  flex-direction: column;
  gap: var(--surface-secondary);}
.local-lead .wide-area{display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: var(--surface-secondary) 0;
  border-bottom: 1px solid rgba(34, 211, 238, 0.22);}
.local-lead .wide-area:last-child{border-bottom: none;}
.local-lead .wide-area strong{font-size: calc(17.5px * 1.35);
  font-weight: 600;}
.local-lead .wide-area p{margin: 0;
  color: var(--tone-cool);}
.local-lead .service-form{display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gutter-card);}
.local-lead .simple-unit{
  display: inline-block;
  padding: 0.75rem 1.4rem;
  border-radius: var(--curve-large);
  background: var(--paint-cool);
  color: var(--surface-clear);
  text-decoration: none;
  font-weight: 600;
  transition: background var(--speed-base) var(--ease-entry);
}
.local-lead .simple-unit:hover{
  background: #0b6a9c;color:#e6f0fb;}
.local-lead .strong-list{color:inherit;
  text-decoration: underline;
  text-underline-offset: 3px;}
.local-lead .strong-list:hover{color: #22d3ee;}
.local-lead .primary-tile{
  margin: 0;
  padding: var(--surface-secondary);
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: var(--radius-large);
  background: var(--ink-accent);
  color: var(--tone-cool);
  font-size: var(--label-main);
}
.local-lead .primary-tile a{color:inherit;
  text-decoration: underline;}
.local-lead .primary-tile a:hover{color: #22d3ee;}
@media (min-width: 720px) {.local-lead .simple-list{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gutter-card);
  }.local-lead .wide-area{
    padding: var(--surface-secondary);
    border: 1px solid rgba(34, 211, 238, 0.22);
    border-radius: var(--radius-large);
    background: #0d1c33;
    color: #e6f0fb;
  }.local-lead .wide-area p{
    color: #e6f0fb;
    opacity: 0.82;
  }.local-lead .wide-area:last-child{
    border: 1px solid rgba(34, 211, 238, 0.22);
  }
}
.secondary-links{padding:var(--measure-hero) var(--space-small);background:var(--line-dark);color:var(--line-page)}
.secondary-links .steady-method{width:min(100%,calc(var(--gutter-panel)*.72));margin:0 auto;display:flex;flex-direction:column;gap:var(--gutter-content)}
.secondary-links .steady-view{padding-top:var(--gutter-hero)}
.secondary-links h1{margin:0;font-size:calc(17.5px * 2.65);line-height:1.04}
.secondary-links .steady-view p{margin:var(--gutter-hero) 0 0;font-size:var(--font-heading);line-height:var(--type-small)}
.secondary-links .media-figure{display:flex;flex-wrap:wrap;gap:var(--gutter-card);margin:0}
.secondary-links .text-stack{flex:1 1 15rem;display:flex;flex-direction:column;gap:0.35rem;padding:var(--surface-secondary);border:1px solid rgba(34, 211, 238, 0.22);border-radius:var(--curve-large);background:#0d1c33;color:#e6f0fb;text-decoration:none;transition:transform var(--speed-base) var(--ease-entry),border-color var(--speed-base) var(--ease-entry)}
.secondary-links .text-stack:hover{transform:translateY(-2px);border-color:var(--line-warm)}
.secondary-links .visual-unit{font-size:var(--copy-strong);font-weight:600}
.secondary-links .plain-intro{font-size:var(--label-main);line-height:1.5;opacity:0.82}
.secondary-links .primary-tile{margin:0;padding-top:var(--gutter-hero);border-top:1px solid rgba(34, 211, 238, 0.22);font-size:var(--label-main);line-height:1.6}
.secondary-links .primary-tile a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.secondary-links .primary-tile a:hover{color:inherit;}
@media(max-width:520px){.secondary-links .text-stack{flex:1 1 100%}}