﻿
:root{--ink:#142126;--muted:#5d6f76;--paper:#f7faf8;--card:#fff;--line:#dce5e2;--accent:#b86628;--deep:#123d3a;--shadow:0 18px 44px rgba(18,33,38,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}img{display:block;width:100%;height:100%;object-fit:cover;background:#e4ecea}a{color:inherit}.topbar{display:flex;justify-content:space-between;gap:20px;padding:10px 6vw;font-size:13px;color:#fff;background:var(--deep)}.site-nav{z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 6vw;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand span{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:var(--deep);color:#fff;font-weight:900}.brand strong{font-size:22px}.nav-links{display:flex;gap:15px;flex-wrap:wrap}.nav-links a{text-decoration:none;font-weight:800;font-size:14px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:56px 6vw}.eyebrow,.section-kicker{margin:0 0 10px;color:var(--accent);text-transform:uppercase;font-size:13px;font-weight:900;letter-spacing:.06em}.hero h1{font-size:50px;line-height:1.04;margin:0 0 18px}.lead{font-size:21px;color:#273c43}.body-copy{font-size:17px;color:var(--muted)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.btn{min-height:50px;padding:0 22px;border-radius:8px;display:inline-flex;align-items:center;text-decoration:none;font-weight:900;border:1px solid var(--deep)}.primary{background:var(--deep);color:#fff}.secondary{background:#fff;color:var(--deep)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat-card,.module-card,.scenario-grid article,.info-card,.faq-list details{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:var(--shadow)}.stat-card strong{font-size:28px;color:var(--accent);display:block}.stat-card span{font-size:13px;color:var(--muted)}.hero-media{display:grid;grid-template-columns:1.1fr .9fr;grid-auto-rows:170px;gap:12px}.hero-shot{border-radius:8px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7)}.main-shot{grid-row:span 2}.wide-shot{grid-column:1/-1}.intro-band{display:grid;grid-template-columns:1fr 330px;gap:32px;margin:24px 6vw;padding:34px;background:#fff;border:1px solid var(--line);border-radius:8px}.intro-band h2,.split-copy h2,.section-head h2,.process-card h2,.detail-section h2,.contact-copy h2,.faq-section h2,.special-widget h2{font-size:34px;line-height:1.12;margin:0 0 14px}.side-note{background:#ecf3f1;border-left:4px solid var(--deep);padding:22px;border-radius:8px}.split-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center;padding:54px 6vw}.reverse{grid-template-columns:1.05fr .95fr}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-up img,.mosaic img,.wide-photo-row img,.detail-section img,.contact-copy img{border-radius:8px;border:1px solid var(--line);box-shadow:var(--shadow)}.mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:210px 210px;gap:12px}.mosaic img:first-child{grid-row:1/3}.module-grid-section,.checklist-section,.scenario-section,.gallery-section,.faq-section{padding:52px 6vw}.section-head{max-width:850px;margin-bottom:26px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module-card span{font-weight:900;color:var(--accent)}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0;margin:0;list-style:none}.checklist li{background:#fff;border-left:4px solid var(--accent);border-radius:8px;padding:18px 20px;box-shadow:var(--shadow)}.process-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;padding:52px 6vw;background:#eaf1ef}.process-card{background:#fff;border-radius:8px;padding:28px}.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.timeline div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.timeline strong{display:block;color:var(--accent);font-size:24px}.wide-photo-row{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:12px;padding:44px 6vw}.wide-photo-row img{height:320px}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.gallery-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.gallery-grid img{height:162px}.gallery-grid figcaption{font-size:12px;padding:9px;color:var(--muted)}.detail-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;padding:54px 6vw}.detail-section img{height:430px}.info-section{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 6vw 54px}.faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq-list summary{cursor:pointer;font-weight:900}.contact-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;padding:56px 6vw;background:#fff;border-top:1px solid var(--line)}.contact-copy img{height:280px;margin-top:22px}.forms-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:22px}.contact-form label{display:block;margin:12px 0;font-weight:900;font-size:14px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:6px;padding:12px;border:1px solid #b8c6c5;border-radius:6px;font:inherit;background:#fff}.contact-form button{width:100%;border:0;border-radius:8px;background:var(--deep);color:#fff;font-weight:900;padding:14px}.footer{display:flex;justify-content:space-between;gap:24px;padding:32px 6vw;background:#132025;color:#fff}.footer nav{display:flex;gap:14px;flex-wrap:wrap}.footer a{color:#fff}.special-widget{margin:32px 6vw;padding:30px;border-radius:8px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.in-view{opacity:1;transform:none}
.variant-ai{--paper:#10171b;--card:#152328;--ink:#eff8f6;--muted:#a8bfbd;--line:#294247;--deep:#20a38f;--accent:#e0a64b;background:#10171b}.variant-ai .topbar,.variant-ai .site-nav{background:#0c1215;color:#eff8f6;border-color:#23393e}.variant-ai .site-nav{position:fixed;left:0;top:0;bottom:0;width:108px;flex-direction:column;justify-content:flex-start;padding:22px 12px}.variant-ai .brand{order:2;writing-mode:vertical-rl}.variant-ai .brand strong{font-size:16px}.variant-ai .nav-links{flex-direction:column;align-items:center;margin-top:24px}.variant-ai .nav-links a{font-size:12px}.variant-ai main,.variant-ai .footer,.variant-ai .topbar{margin-left:108px}.variant-ai .hero{min-height:760px;background:#10171b}.variant-ai .hero h1{color:#f4fbf9}.variant-ai .lead,.variant-ai .body-copy{color:#c9dbd8}.variant-ai .intro-band,.variant-ai .contact-section,.variant-ai .module-card,.variant-ai .stat-card,.variant-ai .scenario-grid article,.variant-ai .info-card,.variant-ai .faq-list details,.variant-ai .special-widget{background:#152328;color:#eff8f6}.ai-matrix div{display:grid;grid-template-columns:160px 1fr 60px;gap:14px;align-items:center;margin:12px 0}.ai-matrix meter{width:100%;height:16px}
.variant-chat{--paper:#f6fbfb;--deep:#245c7a;--accent:#d85c5c;--ink:#14212b}.variant-chat .topbar{background:#245c7a}.variant-chat .site-nav{max-width:1120px;margin:16px auto;border-radius:999px;border:1px solid #cae0e4;box-shadow:var(--shadow);top:12px}.variant-chat .brand{position:static;transform:none;margin-right:22px}.variant-chat .nav-links{width:auto;justify-content:flex-end;gap:28px;margin-left:auto}.variant-chat .hero{grid-template-columns:.9fr 1.1fr}.variant-chat .hero-copy{order:2}.variant-chat .hero-media{order:1;border-radius:28px;background:#e9f6f7;padding:14px}.chat-window{background:#fefefe}.bubble{max-width:68%;padding:12px 14px;border-radius:18px;margin:12px 0;background:#e8f4f8}.bubble.bot{margin-left:auto;background:#fdecec}.bubble small{font-weight:900;color:var(--accent)}.bubble p{margin:4px 0 0}
.variant-dash{--paper:#f4f6f7;--deep:#111d28;--accent:#178564;--ink:#111d28}.variant-dash .topbar{background:#111d28}.variant-dash .site-nav{background:#fff;border-bottom:4px solid #111d28}.variant-dash .hero{grid-template-columns:1.12fr .88fr}.variant-dash .hero-media{grid-template-columns:1fr 1fr;transform:rotate(-1deg)}.variant-dash .stat-card{border-top:4px solid var(--accent)}.dashboard-panel{background:#111d28;color:#fff}.bar{display:grid;grid-template-columns:120px 1fr 56px;gap:14px;align-items:center;margin:14px 0}.bar i{height:14px;background:linear-gradient(90deg,#1fb783 var(--v),rgba(255,255,255,.18) var(--v));border-radius:20px}
.variant-auto{--paper:#f7f8f5;--deep:#5c2831;--accent:#b9892c;--ink:#1e2425}.variant-auto .topbar{background:#5c2831}.variant-auto .site-nav{align-items:flex-start}.variant-auto .brand{flex-direction:column;align-items:flex-start}.variant-auto .nav-links{margin-left:auto;border-left:1px solid var(--line);padding-left:24px}.variant-auto .hero{grid-template-columns:1fr 1.15fr}.variant-auto .hero-copy{order:2;background:#fff;border:1px solid var(--line);padding:34px;border-radius:8px}.variant-auto .hero-media{order:1;grid-auto-rows:150px}.workflow-strip{display:grid;grid-template-columns:1fr repeat(5,1fr);gap:14px}.workflow-strip h2{grid-column:1/-1}.workflow-strip div{background:#fff;border:1px solid var(--line);padding:18px;border-radius:8px}.workflow-strip strong{display:block;color:var(--accent);font-size:24px}
@media(max-width:1000px){.variant-ai main,.variant-ai .footer,.variant-ai .topbar{margin-left:0}.variant-ai .site-nav{position:sticky;width:auto;height:auto;flex-direction:row}.variant-ai .brand{writing-mode:horizontal-tb}.hero,.intro-band,.split-section,.reverse,.process-section,.detail-section,.contact-section{grid-template-columns:1fr}.module-grid,.scenario-grid,.info-section{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.stats-row,.timeline,.forms-wrap,.checklist{grid-template-columns:1fr 1fr}.variant-chat .brand{position:static;transform:none}.variant-chat .nav-links{justify-content:flex-start}.workflow-strip{grid-template-columns:1fr 1fr}.hero h1{font-size:40px}}@media(max-width:640px){.topbar,.site-nav,.hero,.intro-band,.split-section,.module-grid-section,.checklist-section,.process-section,.wide-photo-row,.scenario-section,.gallery-section,.detail-section,.info-section,.faq-section,.contact-section,.footer{padding-left:20px;padding-right:20px}.nav-links{display:none}.menu-toggle{display:block}.site-nav.open .nav-links{display:flex;position:absolute;left:20px;right:20px;top:76px;background:#fff;color:#142126;border:1px solid var(--line);border-radius:8px;padding:14px;box-shadow:var(--shadow)}.hero h1{font-size:34px}.hero-media,.two-up,.mosaic,.wide-photo-row,.module-grid,.scenario-grid,.gallery-grid,.info-section,.faq-list,.stats-row,.timeline,.forms-wrap,.checklist{grid-template-columns:1fr}.main-shot,.wide-shot{grid-column:auto;grid-row:auto}.gallery-grid img,.wide-photo-row img,.detail-section img,.contact-copy img{height:220px}}
/* structural differentiation pass */
.contact-section.ai-contact-early{grid-template-columns:1.05fr .95fr 260px;align-items:stretch;background:linear-gradient(135deg,rgba(32,163,143,.14),rgba(224,166,75,.08));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.contact-section.chat-contact-mid{grid-template-columns:.9fr 1.1fr;background:#fff7f5;border-top:1px solid #f0d0cb;border-bottom:1px solid #f0d0cb}
.contact-section.dash-contact-panel{grid-template-columns:1.05fr .95fr;background:#101c25;color:#fff}.dash-contact-panel .contact-form{background:#fff;color:#111d28}.dash-contact-panel .section-kicker{color:#69d2a8}
.contact-section.auto-contact-final{grid-template-columns:.9fr 1.1fr;background:#f3eee5;border-top:1px solid #dfd2bd;border-bottom:1px solid #dfd2bd}
.contact-points{padding:0;margin:20px 0 0;list-style:none;display:grid;gap:10px}.contact-points li{padding:12px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid var(--line);font-weight:800}.contact-aside{display:flex;flex-direction:column;justify-content:center;gap:10px;border-radius:8px;padding:22px;background:var(--deep);color:#fff;box-shadow:var(--shadow)}.contact-aside strong{font-size:22px}.contact-aside span{color:rgba(255,255,255,.82)}
.chat-contact-board{background:#fff;border:1px solid #f0d0cb;border-radius:8px;padding:28px;box-shadow:var(--shadow)}.mini-dialog{display:grid;gap:10px;margin-top:20px}.mini-dialog span{display:block;padding:12px 14px;border-radius:18px;background:#e8f4f8;font-weight:800}.mini-dialog span:nth-child(2){background:#fdecec;margin-left:24px}.mini-dialog span:nth-child(3){background:#eef8f2;margin-left:48px}.staggered-forms .contact-form:nth-child(2){transform:translateY(28px)}
.kpi-request{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0}.kpi-request span{padding:16px 10px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);text-align:center;font-weight:900}.dashboard-form{box-shadow:0 24px 60px rgba(0,0,0,.25)}
.document-intake{background:#fff;border:1px solid #dfd2bd;border-radius:8px;padding:28px;box-shadow:var(--shadow)}.document-intake ol{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0;padding:0;list-style:none;counter-reset:doc}.document-intake li{counter-increment:doc;padding:14px;border-radius:8px;background:#fbf7ee;border:1px solid #eadcc7;font-weight:900}.document-intake li:before{content:counter(doc) '. ';color:var(--accent)}.document-forms{align-items:start}.document-forms .secondary-form{margin-top:42px}
.rich-footer{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:start}.rich-footer .footer-brand p,.rich-footer .footer-org p{margin:8px 0 0;color:rgba(255,255,255,.78)}.rich-footer h3{margin:0 0 8px;font-size:15px;color:#fff}.rich-footer nav{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.2);padding-top:18px;margin-top:8px}.chat-footer{background:#173c50}.dash-footer{background:#101c25}.auto-footer{background:#4d252d}
.variant-ai .rich-footer{background:#0c1215}.variant-ai .contact-section.ai-contact-early{margin-left:108px}.variant-ai .contact-points li{background:#192b31}.variant-ai .audit-form{background:#0f1d22;color:#eff8f6}.variant-ai .audit-form input,.variant-ai .audit-form textarea,.variant-ai .audit-form select{background:#10171b;color:#eff8f6;border-color:#34545a}
@media(max-width:1000px){.contact-section.ai-contact-early,.contact-section.chat-contact-mid,.contact-section.dash-contact-panel,.contact-section.auto-contact-final,.rich-footer{grid-template-columns:1fr}.variant-ai .contact-section.ai-contact-early{margin-left:0}.staggered-forms .contact-form:nth-child(2),.document-forms .secondary-form{transform:none;margin-top:0}.kpi-request{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.document-intake ol,.kpi-request{grid-template-columns:1fr}.rich-footer nav{display:grid;gap:8px}}

.contact-photo{height:220px;margin-top:18px;border-radius:8px;border:1px solid var(--line);box-shadow:var(--shadow);object-fit:cover}.dash-contact-panel .contact-photo{border-color:rgba(255,255,255,.22)}

/* Final contrast fixes for dark AI variant and rich footer blocks */
.variant-ai .side-note{background:#152328;color:#d8e8e5;border-left-color:#20a38f}
.variant-ai .side-note h3,.variant-ai .side-note strong{color:#fff}
.variant-ai .checklist li{background:#152328;color:#d8e8e5;border-left-color:#e0a64b;border:1px solid #294247}
.variant-ai .checklist li strong{color:#fff}
.variant-ai .checklist-section{background:#10171b}
.variant-ai .contact-aside{background:#20a38f;color:#fff}
.variant-ai .contact-aside strong{color:#fff}
.variant-ai .contact-aside span{color:rgba(255,255,255,.88)}
.rich-footer{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:start}
.rich-footer .footer-about{max-width:430px}
.rich-footer .footer-about strong{display:block;margin-bottom:8px;font-size:18px}
.rich-footer .footer-about p{margin:0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.55}
@media(max-width:1000px){.rich-footer{grid-template-columns:1fr}.rich-footer .footer-about{max-width:none}}
/* Safety: content must never depend on reveal animation for readability */
.reveal,.reveal.in-view{opacity:1!important;transform:none!important;transition:none!important}
/* Final readability pass: keep accent text and captions visible */
.variant-ai .primary,.variant-ai .contact-form button,.variant-ai .contact-aside{background:#08796e!important;border-color:#08796e!important;color:#fff!important}
.variant-ai .secondary{background:#14272c!important;color:#eff8f6!important;border-color:#3a6065!important}
.variant-ai .gallery-grid figcaption{background:#152328;color:#d8e8e5}
.variant-chat .eyebrow,.variant-chat .section-kicker,.variant-chat .bubble small{color:#9f3030}
.variant-dash .eyebrow,.variant-dash .section-kicker{color:#0f6f51}
.variant-auto .eyebrow,.variant-auto .section-kicker,.variant-auto .document-intake li:before{color:#73510d}
.gallery-grid figcaption{color:#40545c}
.variant-ai .gallery-grid figcaption{background:#152328;color:#d8e8e5}
.variant-dash .dash-contact-panel .section-kicker{color:#8deac3}
