:root {
      color-scheme: light;
      --ink: #17211c;
      --muted: #59645d;
      --paper: #f6f5ef;
      --white: #fffefa;
      --green: #245e48;
      --green-dark: #183d30;
      --lime: #d8ee8a;
      --line: #d9ded5;
      --orange: #dc724a;
      --hero-secondary: #d5e0d8;
      --hero-muted: #bdcec2;
      --card-green: #244c3c;
      --light-green: #eaf0e6;
      --section-green: #e9ede4;
      --footer-ink: #101915;
      --footer-muted: #aebbb1;
      --focus: #d0e878;
      --shadow: 0 22px 60px rgba(23, 33, 28, .11);
      --radius: 22px;
      --max: 1160px;
      --glass-bg: rgba(255, 255, 255, .54);
      --glass-bg-soft: rgba(255, 255, 255, .60);
      --glass-bg-strong: rgba(255, 255, 255, .83);
      --glass-bg-panel: rgba(255, 255, 255, .86);
      --glass-border: rgba(255, 255, 255, .68);
      --glass-border-soft: rgba(255, 255, 255, .35);
      --glass-blur: 20px;
      --glass-blur-card: 16px;
      --glass-blur-panel: 18px;
      --glass-blur-hero: 22px;
      --glass-saturation-card: 130%;
      --glass-saturation-panel: 135%;
      --glass-saturation: 150%;
      --glass-highlight: inset 0 1px rgba(255, 255, 255, .2);
      --glass-shadow: 0 22px 60px rgba(23, 33, 28, .11);
      --radius-card: 22px;
      --radius-panel: 28px;
      --radius-pill: 999px;
      --space-section: 88px;
      --hero-ring: rgba(216, 238, 138, .18);
      --hero-ring-soft: rgba(216, 238, 138, .04);
      --hero-ring-mid: rgba(216, 238, 138, .25);
      --hero-ring-strong: rgba(216, 238, 138, .30);
      --hero-orbit-one: 35px;
      --hero-orbit-two: 75px;
      --network-line: rgba(216, 238, 138, .38);
      --green-line: rgba(216, 238, 138, .5);
      --dark-shadow: 0 30px 90px rgba(0, 0, 0, .18);
      --service-shadow: 0 10px 34px rgba(23, 33, 28, .045);
      --ink-on-dark: #dae1d9;
      --muted-on-dark: #c7d8cc;
      --muted-footer-link: #e0e7df;
      --line-footer: #344039;
      --topbar-ink: #f5f4eb;
      --topbar-muted: #d5ddd6;
      --button-hover: #e5f7a8;
      --trust-ink: #35423a;
      --quote-ink: #3e5245;
      --dialog-surface: var(--white);
      --dialog-border: var(--line);
      --dialog-shadow: var(--shadow);
      --overlay: rgba(16, 25, 21, .48);
      --glass-white-strong: rgba(255, 255, 255, .90);
      --glass-white-mid: rgba(255, 255, 255, .20);
      --glass-white-faint: rgba(255, 255, 255, .07);
      --glass-white-line: rgba(255, 255, 255, .13);
      --deep-shadow: 0 10px 28px rgba(0, 0, 0, .18);
      --section-shadow: 0 14px 38px rgba(23, 33, 28, .06);
      --header-glass: rgba(246, 245, 239, .72);
      --header-edge: rgba(217, 222, 213, .76);
      --button-outline: rgba(255, 255, 255, .32);
      --button-quiet-hover: rgba(255, 255, 255, .08);
      --status-halo: rgba(216, 238, 138, .12);
      --ai-tint: rgba(216, 238, 138, .19);
      --ai-glass: rgba(255, 255, 255, .64);
      --footer-copy: #dae1d9;
      --section-gap-small: 65px;
      --section-gap-large: 88px;
      --dialog-radius: 20px;
      --dialog-padding: 28px;
      --section-space-mobile: 65px;
      --network-node-shadow: var(--deep-shadow);
      --border-ui: var(--line);
      --ui-shadow: 0 14px 25px rgba(23, 33, 28, .08);
    }
* { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; color: var(--ink); background: var(--paper); font: 16px/1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
    a { color: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    .skip { position: absolute; top: -60px; left: 1rem; z-index: 20; padding: .7rem 1rem; background: var(--lime); border-radius: 8px; }
    .skip:focus { top: 1rem; }
    .wrap { width: min(var(--max), calc(100% - 40px)); margin-inline: auto; }
    .topbar { background: var(--footer-ink); color: var(--topbar-ink); font-size: .84rem; }
    .topbar .wrap { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
    .topbar p { margin: 0; color: var(--topbar-muted); }
    .topbar strong { color: var(--lime); font-weight: 650; }
    header { position: sticky; top: 0; z-index: 10; background: var(--header-glass); backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation)); -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation)); border-bottom: 1px solid var(--header-edge); }
    .nav { height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
    .brand { text-decoration: none; display: inline-flex; align-items: center; gap: .7rem; font-weight: 800; letter-spacing: -.035em; font-size: 1.12rem; }
    .brandmark { width: 38px; height: 38px; display: grid; place-items: center; color: var(--lime); background: var(--green-dark); border-radius: 12px; }
    .brandmark svg { width: 23px; height: 23px; }
    .navlinks { display: flex; align-items: center; gap: 1.65rem; }
    .navlinks a { text-decoration: none; font-size: .93rem; font-weight: 650; }
    .navlinks a:hover, .navlinks a:focus-visible { color: var(--green); }
    .navlinks .nav-cta { color: var(--white); background: var(--green); padding: .72rem 1.05rem; border-radius: var(--radius-pill); }
    .nav-cta:hover, .nav-cta:focus-visible { color: white !important; background: var(--green-dark); }
    .menu-button { display: none; border: 1px solid var(--border-ui); background: var(--white); color: var(--ink); border-radius: 12px; min-width: 46px; min-height: 44px; font: inherit; font-size: 1.3rem; }
    .hero { position: relative; overflow: hidden; padding: 86px 0 76px; background: var(--green-dark); color: var(--white); }
    .hero::before, .hero::after { content: ""; position: absolute; border: 1px solid var(--hero-ring); border-radius: 50%; pointer-events: none; }
    .hero::before { width: 640px; height: 640px; right: -88px; top: -310px; }
    .hero::after { width: 470px; height: 470px; right: -4px; top: -225px; }
    .hero-grid { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 4rem; }
    .eyebrow { display: inline-flex; align-items: center; gap: .55rem; margin: 0 0 1.1rem; color: var(--lime); text-transform: uppercase; letter-spacing: .13em; font-size: .74rem; font-weight: 800; }
    .eyebrow::before { content: ""; width: 24px; height: 2px; background: currentColor; }
    h1, h2, h3, p { margin-top: 0; }
    h1 { max-width: 720px; margin-bottom: 1.25rem; font-size: clamp(2.8rem, 6vw, 5.6rem); line-height: .99; letter-spacing: -.065em; }
    .hero h1 em { color: var(--lime); font-style: normal; }
    .hero-copy { max-width: 590px; color: var(--hero-secondary); font-size: clamp(1.03rem, 1.5vw, 1.2rem); }
    .actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 2rem; }
    .button { display: inline-flex; justify-content: center; align-items: center; gap: .55rem; min-height: 50px; padding: .8rem 1.2rem; border: 1px solid transparent; border-radius: 999px; text-decoration: none; font-weight: 750; transition: transform .18s ease, background .18s ease; }
    .button:hover { transform: translateY(-2px); }
    .button-primary { color: var(--ink); background: var(--lime); }
    .button-primary:hover { background: var(--button-hover); }
    .button-quiet { color: var(--white); border-color: var(--button-outline); background: transparent; }
    .button-quiet:hover { background: var(--button-quiet-hover); }
    .hero-note { display: flex; align-items: center; gap: .6rem; margin-top: 1.45rem; color: var(--hero-muted); font-size: .87rem; }
    .brand-name { display: inline-flex; align-items: baseline; gap: .4rem; }
    .brand-short { color: var(--green); }
    .brand-full { font-size: .97rem; }
    .brand-note { color: var(--hero-muted); font-size: .68rem; font-weight: 600; letter-spacing: 0; }
    .hero-note span { color: var(--lime); font-size: 1.1rem; }
    .network-card { position: relative; max-width: 440px; margin-left: auto; padding: 24px; border: 1px solid var(--glass-border-soft); border-radius: var(--radius-panel); background: linear-gradient(145deg, var(--glass-white-mid), var(--glass-white-faint)); backdrop-filter: blur(var(--glass-blur-hero)) saturate(var(--glass-saturation)); -webkit-backdrop-filter: blur(var(--glass-blur-hero)) saturate(var(--glass-saturation)); box-shadow: var(--dark-shadow), var(--glass-highlight); }
    .network-top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--glass-white-line); }
    .network-top strong { font-size: .91rem; }
    .live { display: inline-flex; align-items: center; gap: .42rem; color: var(--lime); font-size: .72rem; font-weight: 750; }
    .live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px var(--status-halo); }
    .diagram { position: relative; height: 272px; margin: 13px 0 8px; }
    .wire { position: absolute; background: var(--network-line); transform-origin: left center; height: 1px; }
    .wire.w1 { width: 140px; left: 49%; top: 49%; transform: rotate(-147deg); }
    .wire.w2 { width: 144px; left: 51%; top: 48%; transform: rotate(-33deg); }
    .wire.w3 { width: 144px; left: 50%; top: 53%; transform: rotate(148deg); }
    .wire.w4 { width: 140px; left: 51%; top: 53%; transform: rotate(32deg); }
    .node { position: absolute; display: grid; place-items: center; width: 66px; height: 66px; color: var(--lime); border: 1px solid var(--green-line); border-radius: 19px; background: var(--card-green); box-shadow: var(--network-node-shadow); }
    .node svg { width: 29px; height: 29px; }
    .node.main { width: 88px; height: 88px; left: calc(50% - 44px); top: calc(50% - 44px); color: var(--ink); border: 0; background: var(--lime); border-radius: 26px; }
    .node.main svg { width: 38px; height: 38px; }
    .node.n1 { left: 5%; top: 2%; }
    .node.n2 { right: 5%; top: 2%; }
    .node.n3 { left: 5%; bottom: 2%; }
    .node.n4 { right: 5%; bottom: 2%; }
    .node-label { position: absolute; color: var(--hero-secondary); font-size: .72rem; white-space: nowrap; }
    .label1 { left: 3%; top: 30%; }.label2 { right: 2%; top: 30%; }.label3 { left: 1%; bottom: 27%; }.label4 { right: 0; bottom: 27%; }
    .network-foot { display: flex; justify-content: space-between; gap: 1rem; padding-top: 15px; border-top: 1px solid var(--glass-white-line); color: var(--hero-muted); font-size: .76rem; }
    .network-foot strong { color: var(--white); font-weight: 700; }
    .trustline { padding: 24px 0; background: var(--white); border-bottom: 1px solid var(--line); }
    .trust-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
    .trust-item { display: flex; align-items: center; gap: .7rem; color: var(--trust-ink); font-size: .9rem; font-weight: 680; }
    .trust-item b { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; color: var(--green); border-radius: 10px; background: var(--light-green); font-size: .9rem; }
    section { padding: var(--space-section) 0; }
    .section-head { max-width: 700px; margin-bottom: 2.8rem; }
    .section-head h2 { margin-bottom: 1rem; font-size: clamp(2.1rem, 4.2vw, 3.7rem); line-height: 1.07; letter-spacing: -.052em; }
    .section-head p { margin-bottom: 0; color: var(--muted); font-size: 1.08rem; }
    .service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .service { min-height: 255px; padding: 26px; border: 1px solid var(--glass-border); border-radius: var(--radius-card); background: linear-gradient(145deg, var(--glass-bg-strong), var(--glass-bg-soft)); backdrop-filter: blur(var(--glass-blur-card)) saturate(var(--glass-saturation-card)); -webkit-backdrop-filter: blur(var(--glass-blur-card)) saturate(var(--glass-saturation-card)); box-shadow: var(--service-shadow), inset 0 1px var(--glass-white-strong); transition: transform .2s ease, box-shadow .2s ease; }
    .service:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
    .service-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 1.35rem; color: var(--green); border-radius: 15px; background: var(--light-green); }
    .service-icon svg { width: 24px; height: 24px; }
    .service h3 { margin-bottom: .6rem; font-size: 1.14rem; letter-spacing: -.025em; }
    .service p { margin-bottom: 0; color: var(--muted); font-size: .94rem; }
    .service .aside { display: block; margin-top: .85rem; color: var(--green); font-size: .83rem; font-weight: 700; }
    .split { background: var(--section-green); }
    .split-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 5rem; }
    .quote-card { position: relative; min-height: 400px; overflow: hidden; padding: 34px; display: flex; flex-direction: column; justify-content: space-between; color: var(--ink-on-dark); border-radius: 28px; background: var(--green); }
    .quote-card::before { content: ""; position: absolute; width: 360px; height: 360px; right: -100px; bottom: -160px; border: 1px solid var(--hero-ring-mid); border-radius: 50%; box-shadow: 0 0 0 var(--hero-orbit-one) var(--hero-ring-soft), 0 0 0 var(--hero-orbit-two) var(--hero-ring-soft); }
    .quote-card blockquote { position: relative; max-width: 420px; margin: 0; font-size: clamp(1.65rem,3vw,2.5rem); line-height: 1.18; letter-spacing: -.045em; font-weight: 700; }
    .quote-card blockquote em { color: var(--lime); font-style: normal; }
    .quote-card p { position: relative; margin: 2rem 0 0; color: var(--muted-on-dark); font-size: .91rem; }
    .split-copy .eyebrow { color: var(--green); }
    .split-copy h2 { max-width: 600px; margin-bottom: 1.1rem; font-size: clamp(2.2rem,4vw,3.5rem); line-height: 1.06; letter-spacing: -.055em; }
    .split-copy > p { max-width: 600px; color: var(--muted); font-size: 1.05rem; }
    .checklist { display: grid; gap: .9rem; margin: 1.7rem 0 2rem; padding: 0; list-style: none; }
    .checklist li { display: flex; align-items: flex-start; gap: .75rem; font-weight: 650; }
    .check { display: grid; place-items: center; width: 23px; height: 23px; flex: 0 0 23px; margin-top: 2px; color: var(--green-dark); border-radius: 50%; background: var(--lime); font-size: .8rem; }
    .text-link { display: inline-flex; align-items: center; gap: .5rem; color: var(--green); font-weight: 800; text-decoration-thickness: 1px; text-underline-offset: 4px; }
    .process { background: var(--white); }
    .process-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
    .step { padding-top: 20px; border-top: 1px solid var(--line); }
    .step-num { color: var(--green); font-size: .78rem; letter-spacing: .11em; font-weight: 850; }
    .step h3 { margin: .8rem 0 .55rem; font-size: 1.12rem; }
    .step p { margin-bottom: 0; color: var(--muted); font-size: .93rem; }
    .about-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 5rem; }
    .about-panel { padding: 34px; border: 1px solid var(--glass-border); border-radius: 26px; background: linear-gradient(145deg, var(--glass-bg-panel), var(--glass-bg)); backdrop-filter: blur(var(--glass-blur-panel)) saturate(var(--glass-saturation-panel)); -webkit-backdrop-filter: blur(var(--glass-blur-panel)) saturate(var(--glass-saturation-panel)); box-shadow: var(--section-shadow), inset 0 1px var(--glass-white-strong); }
    @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .network-card, .service, .about-panel, header { backdrop-filter: none; -webkit-backdrop-filter: none; } .service, .about-panel { background: var(--white); } }
    .about-panel h3 { margin-bottom: 1rem; font-size: 1.35rem; }
    .about-panel p { margin-bottom: 0; color: var(--muted); }
    .mini-tags { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.6rem; }
    .mini-tags span { padding: .45rem .72rem; border-radius: var(--radius-pill); background: var(--light-green); color: var(--quote-ink); font-size: .8rem; font-weight: 700; }
    #legal-dialog { max-width: 560px; width: calc(100% - 32px); border: 1px solid var(--dialog-border); border-radius: var(--dialog-radius); padding: var(--dialog-padding); color: var(--ink); background: var(--dialog-surface); box-shadow: var(--dialog-shadow); }
    #legal-dialog::backdrop { background: var(--overlay); backdrop-filter: blur(3px); }
    #legal-dialog p { color: var(--muted); }
    #legal-close { border: 0; border-radius: var(--radius-pill); padding: .7rem 1rem; color: var(--white); background: var(--green); font: inherit; font-weight: 700; cursor: pointer; }
    .ai-section { padding: 0 0 var(--section-gap-large); }
    .ai-card { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2rem; padding: 30px 34px; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(125deg, var(--ai-tint), var(--ai-glass)); }
    .ai-card .eyebrow { margin-bottom: .65rem; }
    .ai-card h2 { max-width: 680px; margin-bottom: .6rem; font-size: clamp(1.45rem,2.8vw,2.05rem); line-height: 1.15; letter-spacing: -.04em; }
    .ai-card p:not(.eyebrow) { max-width: 760px; margin-bottom: 0; color: var(--muted); }
    .brand-note { color: var(--hero-muted); font-size: .82rem; font-weight: 600; }
    .cta-band { padding: 0 0 88px; }
    .cta-inner { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 45px 50px; border-radius: 28px; color: var(--white); background: var(--green-dark); }
    .cta-inner::after { content: ""; position: absolute; width: 320px; height: 320px; right: 19%; top: -240px; border: 1px solid var(--hero-ring-strong); border-radius: 50%; box-shadow: 0 0 0 42px var(--hero-ring-soft), 0 0 0 86px var(--hero-ring-soft); }
    .cta-inner > * { position: relative; z-index: 1; }
    .cta-inner h2 { max-width: 640px; margin: 0; font-size: clamp(1.8rem,3.5vw,3rem); line-height: 1.08; letter-spacing: -.05em; }
    .cta-inner p { margin: .7rem 0 0; color: var(--muted-on-dark); }
    footer { padding: 38px 0 25px; color: var(--footer-copy); background: var(--footer-ink); }
    .footer-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; padding-bottom: 28px; }
    footer .brand { color: var(--white); }
    .footer-blurb { max-width: 420px; margin: .9rem 0 0; color: var(--footer-muted); font-size: .9rem; }
    .footer-links { display: flex; flex-wrap: wrap; gap: 1.25rem; }
    .footer-links a { color: var(--muted-footer-link); text-decoration: none; font-size: .9rem; }
    .footer-links a:hover { color: var(--lime); }
    .footer-bottom { display: flex; justify-content: space-between; gap: 1rem; padding-top: 18px; border-top: 1px solid var(--line-footer); color: var(--footer-muted); font-size: .79rem; }
    .notice { position: fixed; z-index: 30; right: 18px; bottom: 18px; width: min(410px, calc(100vw - 36px)); padding: 19px; border: 1px solid var(--line); border-radius: 18px; background: var(--white); box-shadow: var(--shadow); }
    .notice[hidden] { display: none; }
    .notice strong { display: block; margin-bottom: .35rem; }
    .notice p { margin: 0; color: var(--muted); font-size: .88rem; }
    .notice button { display: inline-flex; margin-top: 1rem; padding: .6rem .85rem; border: 0; border-radius: 999px; color: white; background: var(--green); font: inherit; font-size: .86rem; font-weight: 750; cursor: pointer; }
    :focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
    @media (max-width: 900px) {
      .hero-grid { gap: 2rem; grid-template-columns: 1fr .8fr; }
      .network-card { padding: 17px; }
      .diagram { transform: scale(.9); margin-inline: -12px; }
      .split-grid, .about-grid { gap: 2.5rem; }
      .service-grid { grid-template-columns: repeat(2,1fr); }
    }
    @media (max-width: 700px) {
      .wrap { width: min(var(--max), calc(100% - 30px)); }
      .topbar .wrap { justify-content: center; text-align: center; min-height: 35px; }
      .topbar p { font-size: .76rem; }
      .nav { height: 67px; }
      .menu-button { display: block; }
      .navlinks { display: none; position: absolute; top: 67px; left: 0; right: 0; padding: 13px 20px 20px; align-items: stretch; gap: .2rem; background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: var(--ui-shadow); }
      .navlinks.open { display: flex; flex-direction: column; }
      .navlinks a { padding: .7rem .4rem; }
      .navlinks .nav-cta { margin-top: .3rem; text-align: center; }
      .hero { padding: 65px 0 54px; }
      .hero-grid { grid-template-columns: 1fr; gap: 2.2rem; }
      h1 { font-size: clamp(2.85rem,14vw,4.5rem); }
      .network-card { width: min(100%, 430px); margin: 0 auto; }
      .trust-grid { grid-template-columns: repeat(2,1fr); gap: 13px; }
      .trust-item { font-size: .82rem; }
      section { padding: var(--section-space-mobile) 0; }
      .section-head { margin-bottom: 2rem; }
      .service-grid { grid-template-columns: 1fr; gap: 12px; }
      .service { min-height: auto; padding: 22px; }
      .split-grid, .about-grid { grid-template-columns: 1fr; }
      .quote-card { min-height: 330px; }
      .process-grid { grid-template-columns: repeat(2,1fr); gap: 24px 16px; }
      .cta-band { padding-bottom: 65px; }
      .cta-inner { flex-direction: column; align-items: flex-start; padding: 32px 25px; }
      .footer-top { flex-direction: column; }
      .footer-bottom { flex-direction: column; gap: .4rem; }
      .ai-section { padding-bottom: var(--section-gap-small); }
      .ai-card { grid-template-columns: 1fr; padding: 25px; }
    }
    @media (max-width: 390px) {
      .actions .button { width: 100%; }
      .process-grid { grid-template-columns: 1fr; }
      .diagram { transform: scale(.82); margin: -5px -25px; }
      .network-foot { font-size: .69rem; }
    }
    @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }
/* Theme values are output by the admin settings. */
:root{--green:#245e48;--green-dark:#183d30;--lime:#d8ee8a;--glass-bg:rgba(255,255,255,.54);--glass-bg-soft:rgba(255,255,255,.60);--glass-bg-strong:rgba(255,255,255,.83);--glass-bg-panel:rgba(255,255,255,.86);--glass-border:rgba(255,255,255,.68);--glass-border-soft:rgba(255,255,255,.35);--glass-bg-panel:rgba(255,255,255,.86)}
.page-section{min-height:70vh}.narrow{max-width:780px}.narrow h1{font-size:clamp(2.5rem,6vw,4rem)}.narrow h2{margin-top:2rem;font-size:1.3rem}.contact-form{display:grid;gap:1rem;margin-top:2rem}.contact-form label{display:grid;gap:.4rem;font-weight:700}.contact-form input:not([type=checkbox]),.contact-form textarea,.admin input,.admin textarea{width:100%;padding:.8rem;border:1px solid #aab5ac;border-radius:9px;background:white;font:inherit}.contact-form .check-label{display:flex;align-items:flex-start;gap:.6rem;font-weight:500}.small-note{margin-top:1rem;color:var(--muted);font-size:.88rem}.notice{padding:1rem;border-radius:12px}.notice.success{background:#e8f4db}.notice.error{background:#fde8df}.hp{position:absolute;left:-10000px}.admin{max-width:900px;margin:3rem auto;padding:1rem}.admin section{padding:1rem 0}.admin label{display:block;margin:.8rem 0;font-weight:650}.admin textarea{min-height:90px}.admin .color-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.admin .color-row label{display:grid}.admin .flash{padding:1rem;background:#e8f4db;border-radius:12px}
.admin .color-row{grid-template-columns:repeat(4,minmax(0,1fr))}.admin input[type=color]{width:100%;height:3.2rem;padding:.2rem;cursor:pointer}@media(max-width:700px){.admin .color-row{grid-template-columns:repeat(2,minmax(0,1fr))}}