/* Lorenwick Systems premium hybrid visual layer.
   Dark original reference is the visual foundation; clearer hierarchy and truthful V1 product UI are layered on top. */

:root {
  --bg: #04101d;
  --bg-deep: #01070d;
  --panel: #071625;
  --panel-2: #0a1d30;
  --panel-3: #0d2741;
  --text: #f7fbff;
  --muted: #afc0d2;
  --muted-2: #7890a8;
  --line: #173753;
  --blue: #168cff;
  --blue-2: #5db4ff;
  --blue-dark: #0768cf;
  --radius: 15px;
  --shadow: 0 26px 70px rgba(0,0,0,.34);
}

html { background:#01070d; }
body {
  background:
    radial-gradient(900px 520px at 83% 0%, rgba(20,132,255,.17), transparent 68%),
    radial-gradient(760px 520px at -4% 31%, rgba(13,107,206,.09), transparent 70%),
    linear-gradient(180deg,#061727 0%,#03101c 43%,#020b13 100%);
  background-attachment: fixed;
}
body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.28;
  background:
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}

.container { width:min(calc(100% - 56px),1420px); }
.section-pad { padding:76px 0; }
.section-pad.compact { padding-top:58px; padding-bottom:68px; }

.site-header {
  background:rgba(2,10,18,.84);
  border-bottom:1px solid rgba(94,171,238,.12);
  box-shadow:0 12px 40px rgba(0,0,0,.16);
}
.nav-wrap { min-height:76px; }
.brand { display:inline-flex; align-items:center; gap:10px; }
.brand::before { content:none; display:none; }
.brand .brand-mark { width:34px; height:34px; filter:drop-shadow(0 0 13px rgba(22,140,255,.28)); }
.brand .brand-name { color:#f4f8fc; font-size:12px; font-weight:520; letter-spacing:.25em; text-transform:uppercase; }
.brand .brand-systems { color:#31a9ff; font-size:8px; font-weight:680; letter-spacing:.48em; text-transform:uppercase; }
.primary-nav a { color:#b8c9da; font-size:13px; letter-spacing:.01em; }
.primary-nav a.active::after { height:2px; bottom:14px; }
.mini-tagline { color:#91a8bd; }
.btn { border-radius:8px; }
.btn-primary {
  background:linear-gradient(180deg,#2399ff,#0877ed);
  border-color:rgba(126,197,255,.24);
  box-shadow:0 12px 34px rgba(10,119,237,.27),inset 0 1px 0 rgba(255,255,255,.18);
}
.btn-secondary { border-color:#265b87; background:rgba(5,16,27,.72); }

.hero {
  position:relative;
  overflow:hidden;
  padding-top:66px;
  padding-bottom:76px;
  border-bottom:1px solid rgba(99,170,231,.08);
}
.hero::before {
  content:"";
  position:absolute;
  width:760px;
  height:760px;
  right:-180px;
  top:-360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(23,139,255,.14),rgba(23,139,255,.025) 45%,transparent 70%);
  pointer-events:none;
}
.hero-grid { grid-template-columns:.82fr 1.18fr; gap:64px; }
.eyebrow { color:#8fb9dc; font-size:10px; letter-spacing:.19em; }
.hero h1 { font-size:clamp(50px,4.7vw,72px); max-width:640px; }
.hero h1 span {
  background:linear-gradient(90deg,#30a2ff,#69bdff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.lead { max-width:590px; color:#c1cfdd; }
.ai-line { color:#e0e8f0; font-weight:700; }
.hero-copy::after { width:92px; background:linear-gradient(90deg,#168cff,transparent); }

.workflow-label {
  margin-left:22px;
  background:#071a2c;
  border-color:#235e91;
  color:#a6d3f7;
  box-shadow:0 -8px 24px rgba(0,0,0,.13);
}
.workflow-card {
  min-height:438px;
  grid-template-columns:126px 1fr 300px;
  border-color:#24577f;
  background:
    radial-gradient(circle at 85% 0%,rgba(26,137,242,.11),transparent 32%),
    linear-gradient(145deg,#06121f,#081928 58%,#06121e);
  box-shadow:0 32px 90px rgba(0,0,0,.46),0 0 65px rgba(18,126,232,.08),inset 0 1px 0 rgba(255,255,255,.035);
}
.workflow-sidebar { background:rgba(3,13,22,.42); padding-top:18px; }
.workflow-brand { display:flex; align-items:center; gap:7px; margin:0 5px 20px; }
.workflow-brand .brand-mark { width:24px; height:24px; }
.workflow-brand .brand-copy { display:grid; gap:3px; }
.workflow-brand .brand-name { color:#f2f7fc; font-size:8px; font-weight:520; letter-spacing:.15em; }
.workflow-brand .brand-systems { color:#4fb4ff; font-size:5.5px; font-weight:680; letter-spacing:.34em; }
.side-item { font-size:11px; color:#8fa6bb; text-decoration:none; }
.side-item:hover,.side-item:focus-visible { color:#fff; background:rgba(31,78,117,.38); }
.side-item.selected { background:rgba(14,117,223,.92); box-shadow:0 5px 18px rgba(9,97,181,.18); }
.enquiry-row { border-bottom:1px solid rgba(68,113,151,.12); border-radius:7px; }
.enquiry-row:hover,.enquiry-row.active { background:linear-gradient(90deg,rgba(19,66,108,.72),rgba(12,39,63,.72)); border-color:#20557e; }
.enquiry-meta { min-width:104px; }
.status.urgent { color:#ffd791; background:rgba(240,180,77,.12); border:1px solid rgba(240,180,77,.28); }
.status.complete { color:#c1d1df; background:rgba(121,151,179,.1); border:1px solid rgba(121,151,179,.2); }
.workflow-detail { background:rgba(4,15,25,.24); }
.detail-grid div { background:rgba(9,26,43,.78); border-color:#173650; }
.detail-action { background:rgba(14,117,223,.12); text-align:left; font-weight:650; line-height:1.45; }
.detail-link {
  display:inline-flex;
  gap:7px;
  margin-top:11px;
  color:#8fc9ff;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
}
.detail-link:hover { color:#fff; }
.workflow-sidebar .side-item{width:100%;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}
.workflow-sidebar .side-item.selected{background:rgba(14,117,223,.92)}
.workflow-preview-panel{grid-column:2/-1;min-width:0;padding:20px;background:rgba(4,15,25,.2)}
.workflow-preview-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 16px;padding-bottom:14px;border-bottom:1px solid rgba(68,113,151,.16)}
.workflow-preview-head p{grid-column:1;margin:0;color:#6f8da7;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.workflow-preview-head h3{grid-column:1;margin:0;color:#eef7ff;font-size:17px;line-height:1.3}
.workflow-preview-head>span{grid-column:2;grid-row:1/3;align-self:center;padding:5px 8px;border:1px solid #244b69;border-radius:999px;color:#7fa5c5;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.workflow-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.workflow-preview-grid article{min-width:0;padding:14px;border:1px solid #19374f;border-radius:10px;background:rgba(7,20,32,.7)}
.workflow-preview-grid article>strong{display:block;color:#eef7ff;font-size:24px;line-height:1}
.workflow-preview-grid article>strong.workflow-preview-text{font-size:12px;line-height:1.3}
.workflow-preview-grid article>span{display:block;margin-top:8px;color:#b8cada;font-size:10px;font-weight:800;line-height:1.35}
.workflow-preview-grid article>small{display:block;margin-top:5px;color:#728ba2;font-size:9px;line-height:1.45}
.workflow-preview-activity{margin-top:12px;padding:13px 14px;border:1px solid #19374f;border-radius:10px;background:rgba(7,20,32,.48)}
.workflow-preview-activity>strong{display:block;margin-bottom:7px;color:#dceaf6;font-size:10px}
.workflow-preview-activity p{display:grid;grid-template-columns:86px 1fr;gap:8px;margin:0;padding:6px 0;border-top:1px solid rgba(68,113,151,.1);color:#869db0;font-size:9px;line-height:1.4}
.workflow-preview-activity p span{color:#b9cde0;font-weight:800}
.workflow-booking-list{display:grid;gap:10px;margin-top:14px}
.workflow-booking-list article{display:grid;grid-template-columns:1fr auto;gap:7px 14px;padding:13px;border:1px solid #19374f;border-radius:10px;background:rgba(7,20,32,.68)}
.workflow-booking-list article>div{display:grid;gap:3px}
.workflow-booking-list article>div:nth-child(2){justify-items:end}
.workflow-booking-list strong,.workflow-booking-list b{color:#e8f3fc;font-size:11px}
.workflow-booking-list small{color:#7891a7;font-size:9px}
.workflow-booking-list p{grid-column:1/-1;margin:0;color:#8198aa;font-size:9px}
.workflow-booking-list .status{font-style:normal;font-size:8px}
.workflow-preview-note{margin:12px 0 0;padding:10px 12px;border:1px solid rgba(22,133,255,.2);border-radius:9px;background:rgba(22,133,255,.08);color:#8db7d8;font-size:9px;line-height:1.5}
@media(max-width:900px){.workflow-preview-panel{grid-column:2}.workflow-preview-grid{grid-template-columns:1fr}.workflow-preview-activity p{grid-template-columns:1fr}.workflow-booking-list article{grid-template-columns:1fr}.workflow-booking-list article>div:nth-child(2){justify-items:start}.workflow-booking-list p{grid-column:1}}
@media(max-width:620px){.workflow-preview-panel{grid-column:1}}


.benefit-strip {
  padding:26px 0;
  background:linear-gradient(180deg,rgba(5,18,31,.92),rgba(3,14,24,.94));
  border-block:1px solid rgba(100,171,230,.09);
}
.benefit-grid article { padding:12px 28px; }
.benefit-icon { border-radius:50%; background:rgba(13,116,215,.14); }

.split-grid { gap:72px; }
.section-title { font-size:31px; }
.info-card {
  background:linear-gradient(145deg,rgba(9,27,44,.94),rgba(5,17,29,.94));
  border-color:#173a58;
  border-radius:11px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028),0 12px 34px rgba(0,0,0,.12);
}
.info-card:hover,.why-grid article:hover { border-color:#26628f; background:#0a2035; }
.card-icon { border-radius:50%; background:rgba(15,118,219,.16); }
.how { border-left-color:#18354e; }
.step-num { border-radius:50%; background:linear-gradient(180deg,#168cff,#096ccf); }

.industries {
  position:relative;
  padding-top:58px;
  padding-bottom:58px;
  background:
    linear-gradient(180deg,rgba(3,13,23,.32),rgba(4,16,27,.72)),
    radial-gradient(680px 320px at 100% 32%,rgba(15,117,222,.08),transparent 72%);
  border-block:1px solid rgba(94,166,225,.07);
}
.industry-layout { grid-template-columns:.72fr 1.28fr; gap:52px; align-items:center; }
.industry-copy .section-title { max-width:440px; }
.industry-copy p:last-child { color:#a7b8c9; line-height:1.65; }

/* Photo-led cards remain dark so they feel part of the same system, not pasted-in white tiles. */
.industries .industry-grid { gap:16px; }
.industries .industry-card {
  min-height:202px;
  padding:104px 16px 16px;
  border:1px solid rgba(75,126,166,.52);
  border-radius:10px;
  background:#071522;
  color:#fff;
  box-shadow:0 18px 42px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.025);
  isolation:isolate;
}
.industries .industry-card::before {
  inset:0;
  height:auto;
  opacity:.92;
  filter:saturate(.82) contrast(1.05) brightness(.72);
  transform:scale(1.015);
  transition:transform .3s ease,filter .3s ease;
}
.industries .industry-card::after {
  inset:0;
  top:0;
  height:auto;
  background:linear-gradient(180deg,rgba(2,8,13,.04) 12%,rgba(3,10,17,.22) 42%,rgba(3,10,17,.96) 82%);
}
.industries .industry-card > span {
  position:relative;
  top:auto;
  left:auto;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(79,177,255,.32);
  margin-bottom:7px;
  border-radius:9px;
  background:rgba(22,140,255,.18);
  color:#65baff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(22,140,255,.12);
  backdrop-filter:blur(8px);
}
.industries .industry-card > span svg {
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.industries .industry-card h3 { color:#fff; font-size:16px; margin:0 0 3px; text-shadow:0 1px 8px rgba(0,0,0,.5); }
.industries .industry-card p { color:#d6e2ec; font-size:11px; line-height:1.38; text-shadow:0 1px 8px rgba(0,0,0,.6); }
.industries .industry-card:hover { transform:translateY(-3px); border-color:rgba(76,164,234,.78); box-shadow:0 22px 52px rgba(0,0,0,.34),0 0 0 1px rgba(21,132,228,.09); }
.industries .industry-card:hover::before { transform:scale(1.045); filter:saturate(.9) contrast(1.06) brightness(.78); }

.why-section { padding:48px 0 58px; }
.why-title { font-size:24px; margin-bottom:18px; }
.why-grid article {
  background:linear-gradient(150deg,rgba(8,24,39,.94),rgba(4,15,25,.92));
  border-color:#153650;
  border-radius:10px;
}
.why-grid article>span { background:rgba(16,117,216,.14); border:1px solid rgba(44,143,226,.16); }

.pricing-note {
  position:relative;
  overflow:hidden;
  margin-top:8px;
  margin-bottom:38px;
  padding:34px 36px;
  border-color:#25577f;
  background:
    radial-gradient(460px 230px at 90% 25%,rgba(24,139,245,.18),transparent 70%),
    linear-gradient(120deg,#071725,#09233a);
  box-shadow:0 24px 64px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035);
}

.final-cta {
  margin-bottom:54px;
  border-color:#21577f;
  background:
    radial-gradient(540px 260px at 78% 8%,rgba(20,137,246,.15),transparent 72%),
    linear-gradient(120deg,#061522,#08233a);
  box-shadow:0 32px 80px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035);
}
.demo-form { background:rgba(3,12,21,.72); border-color:#20415e; }
.demo-form input,.demo-form textarea { background:#071827; border-color:#244764; }
.site-footer { background:#01070d; border-top-color:rgba(77,151,211,.12); }

@media (max-width:1200px) {
  .hero-grid { grid-template-columns:1fr; }
  .workflow-wrap { max-width:980px; }
  .industry-layout { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  .container { width:min(calc(100% - 34px),1420px); }
  .workflow-card { grid-template-columns:110px 1fr; }
  .industries .industry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workflow-detail { border-top-color:#183752; }
}
@media (max-width:620px) {
  body { background-attachment:scroll; }
  .container { width:min(calc(100% - 24px),1420px); }
  .hero { padding-top:38px; padding-bottom:52px; }
  .hero h1 { font-size:42px; }
  .section-pad { padding:54px 0; }
  .section-pad.compact { padding:48px 0 56px; }
  .brand { gap:8px; }
  .brand .brand-mark { width:29px; height:29px; }
  .brand .brand-name { font-size:10px; letter-spacing:.2em; }
  .brand .brand-systems { font-size:6.5px; letter-spacing:.4em; }
  .industries .industry-grid { grid-template-columns:1fr; }
  .industries .industry-card { min-height:184px; padding-top:90px; }
  .pricing-note,.final-cta { border-radius:12px; }
  .workflow-label { font-size:10px; }
}
@media (max-width:420px) {
  .hero h1 { font-size:38px; }
  .lead { font-size:15px; }
}


/* 6 Oct finished-product tour */
.product-tour-section{padding-top:76px;padding-bottom:64px;background:linear-gradient(180deg,rgba(5,15,25,.16),rgba(8,22,36,.56),rgba(4,12,21,.2))}
.product-tour-heading{max-width:850px;margin-bottom:24px}
.product-tour-heading .section-title{margin-bottom:12px}
.product-tour-heading>p:last-child{margin:0;color:#9fb2c4;max-width:720px;font-size:15px}
.product-tour-frame{display:grid;grid-template-columns:185px minmax(0,1fr);overflow:hidden;border:1px solid #204561;border-radius:18px;background:linear-gradient(145deg,#071523,#091a2b);box-shadow:0 28px 80px rgba(0,0,0,.3),0 0 48px rgba(22,135,255,.05)}
.product-tour-nav{padding:19px 14px;background:rgba(3,13,22,.52);border-right:1px solid #17344d;display:flex;flex-direction:column;gap:6px}
.product-tour-brand{display:flex;align-items:center;gap:8px;margin:0 5px 17px;color:#eff7ff;font-size:9px;font-weight:800;letter-spacing:.12em}
.product-tour-brand img{width:26px;height:26px}.product-tour-brand span{display:grid}.product-tour-brand small{margin-top:2px;color:#5baeff;font-size:6px;letter-spacing:.24em}
.product-tour-nav-item{min-height:40px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid transparent;border-radius:8px;color:#829ab0;font-size:10px;font-weight:750;text-decoration:none}
.product-tour-nav-item:hover,.product-tour-nav-item:focus-visible{color:#eef7ff;border-color:#244b69;background:rgba(17,47,72,.5)}
.product-tour-nav-item.active{background:#0d2941;border-color:#20527a;color:#f0f7ff;box-shadow:inset 3px 0 0 #1687ff}
.product-tour-nav-spacer{flex:1;min-height:28px}
.product-tour-content{padding:22px}
.product-tour-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.07)}
.product-tour-topline>div{display:grid}.product-tour-topline>div>span{color:#6d88a1;text-transform:uppercase;letter-spacing:.11em;font-size:8px;font-weight:800}.product-tour-topline strong{margin-top:4px;font-size:14px}
.product-tour-open{flex:0 0 auto;color:#79baff;text-decoration:none;font-size:11px;font-weight:800}
.product-tour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.product-tour-card{min-height:138px;display:grid;grid-template-columns:36px 1fr;gap:10px;padding:14px;border:1px solid #19374f;border-radius:11px;background:rgba(7,20,32,.68)}
.product-tour-card-primary{grid-column:1/-1;min-height:128px;border-color:#235d8b;background:linear-gradient(135deg,rgba(17,63,100,.4),rgba(6,21,34,.75))}
.product-tour-number{width:30px;height:30px;display:grid;place-items:center;border:1px solid #244c6b;border-radius:8px;color:#73b9fa;background:#0b2032;font-size:9px;font-weight:850}
.product-tour-label{margin:0;color:#718ba3;text-transform:uppercase;letter-spacing:.09em;font-size:8px;font-weight:800}
.product-tour-card h3{margin:3px 0 5px;font-size:15px}.product-tour-card div>p:last-child{margin:0;color:#96aabd;font-size:10px;line-height:1.55}
.product-tour-boundary{display:flex;gap:10px;align-items:flex-start;margin-top:13px;padding:12px 13px;border:1px solid rgba(85,216,162,.18);border-radius:10px;background:rgba(44,128,94,.06)}
.product-tour-boundary>span{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:rgba(85,216,162,.1);color:#70deb1;font-size:10px;font-weight:900}
.product-tour-boundary p{margin:0;color:#879eaf;font-size:9px;line-height:1.55}.product-tour-boundary strong{color:#bed2c9}
@media(max-width:900px){.product-tour-frame{grid-template-columns:1fr}.product-tour-nav{display:none}.product-tour-content{padding:18px}}
@media(max-width:620px){.product-tour-section{padding-top:52px;padding-bottom:45px}.product-tour-heading>p:last-child{font-size:13px}.product-tour-topline{align-items:flex-start;flex-direction:column}.product-tour-open{min-height:44px;display:inline-flex;align-items:center}.product-tour-grid{grid-template-columns:1fr}.product-tour-card-primary{grid-column:auto}.product-tour-card{min-height:auto}.product-tour-content{padding:13px}.product-tour-boundary{align-items:flex-start}}

.pricing-note{align-items:flex-start}
.pricing-copy{min-width:0}
.core-inclusions{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.core-inclusions-title{margin:0 0 11px;color:#d7e5f3;font-size:12px;font-weight:850}
.core-inclusions ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px;margin:0;padding:0;list-style:none}
.core-inclusions li{display:grid;gap:2px;padding-left:15px;position:relative}
.core-inclusions li::before{content:"✓";position:absolute;left:0;top:1px;color:#59c99c;font-size:9px;font-weight:900}
.core-inclusions strong{color:#d8e4ef;font-size:11px}
.core-inclusions span{color:#94a9bc;font-size:10.5px;line-height:1.55}
@media(max-width:760px){.core-inclusions ul{grid-template-columns:1fr}.pricing-note{gap:22px}}