:root{--bg:#f6f7f8;--ink:#142432;--mut:#576572;--blue:#153f59;--red:#be2634;--violet:#8b7ff5;--line:#dbe1e5;--card:white;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}a:hover{text-decoration:underline}p{line-height:1.7;color:var(--mut)}h1,h2,h3{line-height:1.05}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(48px,6.6vw,94px);letter-spacing:-.055em;margin:24px 0}h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.04em;margin:12px 0 24px}h3{font-size:21px;font-weight:600}small,.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.eyebrow{color:var(--red);font-weight:700}.wrap{width:min(1260px,90%);margin:auto}header{border-bottom:1px solid var(--line);background:white}header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:92px;gap:20px}nav{display:flex;gap:26px;align-items:center;font-size:14px}.brand{font-size:30px;font-weight:800;letter-spacing:.08em}.brand span{color:var(--red)}.brand small{display:block;font-size:8px;letter-spacing:.18em;font-weight:500}.btn,button{display:inline-block;padding:13px 20px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);font-weight:600}.btn.primary{background:var(--red);border-color:var(--red);color:white}.btn.blue{background:var(--blue);color:white;border:0}.hero{display:grid;grid-template-columns:1fr 1.08fr;min-height:610px;align-items:center;gap:40px;padding:50px 0}.hero p{max-width:450px;font-size:17px}.hero-photo{height:550px;position:relative;background:#19354a;border-radius:130px 8px 8px 8px;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover}.photo-label{position:absolute;bottom:22px;left:22px;color:white;background:#142432de;padding:14px 18px;border-radius:4px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.note{font-size:12px!important}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:28px 0;gap:20px}.stats strong{display:block;font-family:Georgia,serif;font-size:36px;margin-bottom:8px}.stats span{font-size:13px;color:var(--mut)}section{padding:78px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-top p{max-width:420px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:26px;border:1px solid var(--line);background:var(--card);border-radius:8px}.card p{font-size:14px}.card a{font-size:13px;font-weight:600}.num{color:var(--red);font-size:12px;letter-spacing:.12em}.dark{background:#142b3e;color:white;--mut:#c0ccd6;--line:#3b5266;--card:#203c51}.dark .eyebrow{color:#e9a2a7}.map{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:32px;margin-top:36px}.nodes{display:grid;gap:10px}.node{width:100%;text-align:left;background:var(--card);color:inherit;border-color:var(--line);font-weight:500}.node.active{border-color:#c2baff;box-shadow:inset 4px 0 #8b7ff5}.hub{text-align:center;border:1px solid #8b7ff5;padding:35px 22px;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;position:relative}.hub:before,.hub:after{content:'';position:absolute;top:50%;width:33px;height:1px;background:#8b7ff5}.hub:before{right:100%}.hub:after{left:100%}.hub strong{font-size:30px}.hub p{font-size:13px}.flow-detail{margin-top:25px;border-left:3px solid #8b7ff5;padding:8px 22px;min-height:95px}.flow-detail p{margin:8px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-img{width:100%;border-radius:8px;max-height:400px;object-fit:cover}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{border-top:2px solid var(--red);padding-top:22px}footer{padding:32px 0;border-top:1px solid var(--line);font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:20px}.concept{padding:9px;text-align:center;font-size:11px;background:#e9eef2;color:#3c5265}.hq{background:#111319;color:#f2f2f5;--ink:#f2f2f5;--mut:#adb3c2;--line:#343943;--card:#1c2028}.hq-shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{padding:28px 20px;border-right:1px solid var(--line)}.sidebar .brand{font-size:24px}.sidebar nav{display:grid;gap:5px;margin-top:30px}.sidebar button{background:none;border:0;color:#adb3c2;text-align:left;font-size:13px}.sidebar button.active{background:#302b48;color:#c9c2ff}.sidebar label{font-size:12px;display:block;margin:25px 0}.hq main{padding:38px;min-width:0}.hq h1{font-family:'Segoe UI',sans-serif;font-size:40px;letter-spacing:-.04em}.hq h2{font-family:'Segoe UI',sans-serif;font-size:28px}.hq .eyebrow{color:#b6abff}.hq .stats strong{font-family:'Segoe UI',sans-serif;font-size:32px}.hq .stats{border:0}.hq .stats>div{background:var(--card);padding:22px;border:1px solid var(--line);border-radius:10px}.hq button,.hq input,.hq select,.hq textarea{color:var(--ink);background:#262b35;border:1px solid #596173;border-radius:6px}.hq button:hover{border-color:#8b7ff5}.hq .grid{margin-top:20px}.pill{display:inline-block;border:1px solid var(--line);padding:5px 9px;border-radius:20px;font-size:11px;color:var(--mut)}details{border-top:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-size:14px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:14px 8px;line-height:1.5}label{display:block;margin:16px 0 8px;font-size:13px}input:not([type=checkbox]),textarea,select{padding:12px;width:100%}textarea{min-height:90px}form{max-width:650px}.notice{padding:14px 18px;background:#26233a;border-left:3px solid #8b7ff5;font-size:13px;line-height:1.6}.calc{display:grid;grid-template-columns:1fr 1fr;gap:25px}.big{font-size:42px;color:#c1b7ff}.request{margin-top:16px}.error{color:#ffb3b3}.muted{color:var(--mut)}@media(max-width:900px){nav{gap:12px}.hero{gap:22px}.hero-photo{height:460px}.grid{grid-template-columns:1fr 1fr}.hq-shell{grid-template-columns:190px 1fr}.hq main{padding:25px}.stats{grid-template-columns:1fr 1fr}.map{gap:18px}.hub:before,.hub:after{width:19px}.split{gap:30px}}@media(max-width:600px){header .wrap{min-height:82px}header nav a:not(.btn){display:none}.hero,.split,.map,.calc{grid-template-columns:1fr}.hero{padding-top:25px}.hero-photo{height:360px;order:2}.grid,.steps{grid-template-columns:1fr}.section-top{display:block}section{padding:50px 0}.hub{aspect-ratio:auto;border-radius:12px}.hub:before,.hub:after{display:none}.hq-shell{display:block}.sidebar{padding:18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{grid-template-columns:1fr 1fr;margin-top:15px}.sidebar label{margin:12px 0}.hq main{padding:22px}.hq h1{font-size:32px}.stats{gap:10px}.hq .stats>div{padding:15px}footer .wrap{flex-direction:column}table{font-size:12px}td,th{padding:10px 4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
:root .hero h1{font-size:clamp(46px,5.1vw,74px)}:root .story-img{object-fit:contain}

/* --- LuciHQ-Framework additions: LuciDash (Pipe B) delivery strip --- */
.hq .delivery{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:20px 22px;margin:22px 0}
.hq .delivery-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hq .dot{width:11px;height:11px;border-radius:50%;display:inline-block}
.hq .dot.ok{background:#3fb96e}.hq .dot.warn{background:#e6a23c}.hq .dot.bad{background:#e05252}
.hq .delivery-next{margin:14px 0 4px;font-size:14px}
.hq .delivery details{margin-top:10px}
.hq .delivery .btn{margin-left:auto;background:#302b48;border-color:#8b7ff5;color:#e9e6ff;font-size:12px;padding:8px 14px}
@media(max-width:600px){.hq .delivery-head{gap:8px}.hq .delivery .btn{margin-left:0}}

/* --- LuciHQ Simple view + mobile drawer (2026-09-24) --- */
.hq.simple-on #content details,
.hq.simple-on #content .detail-only,
.hq.simple-on #lucidash-strip details { display: none; }
.hq-menu { display: none; }
@media (max-width: 600px) {
  .hq-menu {
    display: inline-flex; align-items: center; gap: 8px;
    position: sticky; top: 0; z-index: 40; width: 100%;
    margin: 0; border-radius: 0; border: 0; border-bottom: 1px solid var(--line);
    background: #1c2028; color: #f2f2f5; font-weight: 600; padding: 14px 18px;
  }
  .hq-shell { display: block; }
  .hq .sidebar {
    display: none; position: fixed; inset: 52px 0 auto 0; z-index: 35;
    max-height: calc(100vh - 52px); overflow: auto;
    background: #151820; border-bottom: 1px solid var(--line);
    box-shadow: 0 12px 40px #0008;
  }
  .hq.nav-open .sidebar { display: block; }
}