:root{--ink:#171512;--ink2:#252019;--ivory:#f5f0e6;--paper:#fffdf8;--sand:#e8dfcf;--gold:#a87822;--gold2:#d5b674;--muted:#746c60;--line:rgba(31,26,20,.15);--good:#3f6e5a;--warn:#916c25;--risk:#8d453d;--shadow:0 20px 55px rgba(25,20,14,.12);--max:1180px;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);line-height:1.62;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip{position:absolute;left:-9999px;top:8px;background:var(--paper);padding:10px 14px;z-index:99}.skip:focus{left:8px}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.narrow{width:min(820px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(245,240,230,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.navrow{min-height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:12px;min-width:235px}.brandmark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(168,120,34,.55);border-radius:50%;background:var(--ink);color:var(--gold2);font:700 16px var(--serif);letter-spacing:.08em}.brandcopy strong{display:block;font:700 17px var(--serif);letter-spacing:.025em}.brandcopy span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.17em}.navlinks{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-left:auto;font-size:13px}.navlinks a{padding:29px 0 25px;border-bottom:3px solid transparent}.navlinks a:hover,.navlinks a[aria-current='page']{border-bottom-color:var(--gold)}.navcta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid var(--ink);font-weight:700;font-size:13px;letter-spacing:.02em;transition:.18s}.navcta{background:var(--ink);color:white;padding:0 17px;min-height:42px}.button:hover,.navcta:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(25,20,14,.12)}.button.dark{background:var(--ink);color:white}.button.gold{background:var(--gold);border-color:var(--gold);color:white}.button.light{border-color:rgba(255,255,255,.55);color:white}.menu{display:none;margin-left:auto;background:none;border:1px solid var(--line);padding:9px 12px;font-weight:700}.mobile-nav{display:none;border-top:1px solid var(--line);padding:10px 20px 20px}.mobile-nav.open{display:grid}.mobile-nav a{padding:12px 0;border-bottom:1px solid var(--line)}
.hero{padding:88px 0 72px;position:relative;overflow:hidden}.hero.dark{background:var(--ink);color:white}.hero::after{content:'';position:absolute;width:460px;height:460px;border:1px solid rgba(168,120,34,.22);border-radius:50%;right:-170px;top:-220px;box-shadow:0 0 0 35px rgba(168,120,34,.04),0 0 0 70px rgba(168,120,34,.03)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:62px;align-items:center;position:relative;z-index:1}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:var(--gold);margin-bottom:18px}.hero h1,.page-hero h1{font:500 clamp(42px,6vw,76px)/.98 var(--serif);letter-spacing:-.04em;margin:0 0 25px;max-width:880px}.page-hero h1{font-size:clamp(40px,5vw,68px)}.lead{font-size:clamp(18px,2vw,22px);line-height:1.55;color:var(--muted);max-width:780px}.dark .lead{color:#d6cec0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.microline{margin-top:24px;color:var(--muted);font-size:12px}.dark .microline{color:#aaa296}.hero-card{background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);padding:28px}.hero-card.darkcard{background:#24201a;color:white;border-color:rgba(255,255,255,.12)}.statusline{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px;font-size:12px}.darkcard .statusline{border-color:rgba(255,255,255,.12)}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px rgba(63,110,90,.13);display:inline-block;margin-right:8px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{padding:16px;border:1px solid var(--line);background:rgba(245,240,230,.42)}.darkcard .metric{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.04)}.metric small{display:block;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:9px}.darkcard .metric small{color:#aaa296}.metric strong{display:block;font:600 26px var(--serif);margin:5px 0}.metric span{font-size:12px;color:var(--muted)}.darkcard .metric span{color:#c4bdb2}.section{padding:82px 0}.section.alt{background:var(--paper)}.section.dark{background:var(--ink);color:white}.section-head{display:grid;grid-template-columns:.58fr 1fr;gap:40px;align-items:end;margin-bottom:38px}.section-head h2{font:500 clamp(32px,4.2vw,54px)/1.05 var(--serif);letter-spacing:-.03em;margin:0}.section-head p{margin:0;color:var(--muted);font-size:18px}.dark .section-head p{color:#bdb5a9}.grid2,.grid3,.grid4{display:grid;gap:18px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);background:var(--paper);padding:25px;position:relative}.alt .card{background:var(--ivory)}.dark .card{background:#211e19;border-color:rgba(255,255,255,.12)}.card .num{font:600 12px var(--serif);color:var(--gold);letter-spacing:.12em}.card h3{font:600 23px/1.12 var(--serif);margin:14px 0 10px}.card p{color:var(--muted);margin:0}.dark .card p{color:#bdb5a9}.card ul,.clean-list{padding:0;margin:15px 0 0;list-style:none}.card li,.clean-list li{border-top:1px solid var(--line);padding:10px 0;font-size:14px}.dark .card li{border-color:rgba(255,255,255,.12)}.kicker{display:inline-block;color:var(--gold);font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.panel{border:1px solid var(--line);background:var(--paper);padding:30px}.dark .panel{background:#211e19;border-color:rgba(255,255,255,.12)}.panel h2,.panel h3{font-family:var(--serif);margin-top:0}.quote{font:500 clamp(25px,3vw,38px)/1.25 var(--serif);border-left:3px solid var(--gold);padding-left:25px}.label{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);font-weight:700}.band{background:linear-gradient(135deg,#272119,#151310);color:white;padding:54px 0}.band-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.band h2{font:500 clamp(30px,4vw,49px)/1.08 var(--serif);margin:0 0 15px}.band p{color:#c7bfb4;margin:0}.page-hero{padding:78px 0 58px;border-bottom:1px solid var(--line);background:var(--paper)}.crumbs{font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px}.notice{padding:16px 18px;border-left:4px solid var(--gold);background:#f1e8d8;font-size:14px}.notice.darknotice{background:#24201a;color:#d7d0c4;border-color:var(--gold)}.table-wrap{overflow-x:auto;border:1px solid var(--line);background:var(--paper)}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:15px 16px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}th{background:#ece3d4;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.status{display:inline-flex;padding:5px 8px;border:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.status.good{color:var(--good);border-color:rgba(63,110,90,.4)}.status.warn{color:var(--warn);border-color:rgba(145,108,37,.4)}.status.risk{color:var(--risk);border-color:rgba(141,69,61,.4)}
.form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form label{font-size:12px;font-weight:700}.form input,.form select,.form textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #a9a092;background:#fffefb;color:var(--ink);border-radius:0}.form textarea{min-height:145px;resize:vertical}.hidden{display:none!important}.fine{font-size:12px;color:var(--muted)}.portrait{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;border:1px solid var(--line);filter:saturate(.82) contrast(.96)}.founder-grid{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start}.legal{font-size:13px;color:var(--muted)}.footer{background:#11100e;color:white;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px}.footer h3{font:600 18px var(--serif);margin-top:0}.footer p,.footer a{color:#bdb5a9;font-size:13px}.footer nav{display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:25px;color:#8e887e;font-size:11px}.footer-mark{display:flex;align-items:center;gap:12px;margin-bottom:14px}.footer-mark .brandmark{border-color:rgba(213,182,116,.45)}
.demo-shell{background:#151310;color:white;min-height:100vh}.demo-top{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12);position:sticky;top:0;background:rgba(21,19,16,.96);z-index:20}.demo-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-nav{display:flex;gap:8px;flex-wrap:wrap}.tab-button{border:1px solid rgba(255,255,255,.16);background:transparent;color:#ddd5c9;padding:10px 14px;cursor:pointer}.tab-button.active{background:var(--gold);border-color:var(--gold);color:white}.demo-main{padding:36px 0 70px}.demo-banner{display:flex;justify-content:space-between;gap:24px;padding:22px;border:1px solid rgba(255,255,255,.13);background:#211e19;margin-bottom:22px}.demo-banner h1{font:500 38px var(--serif);margin:0 0 8px}.demo-banner p{margin:0;color:#aaa296}.demo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.demo-metric{border:1px solid rgba(255,255,255,.13);padding:18px;background:#1d1a16}.demo-metric small{color:#9f978c;text-transform:uppercase;font-size:9px;letter-spacing:.12em}.demo-metric strong{display:block;font:600 30px var(--serif);margin:5px 0}.tab-panel{display:none}.tab-panel.active{display:block}.demo-card{border:1px solid rgba(255,255,255,.13);background:#1d1a16;padding:22px;margin-top:14px}.demo-card h2,.demo-card h3{font-family:var(--serif);margin-top:0}.demo-table table{color:white}.demo-table th{background:#29241d;color:#d2c9bc}.demo-table td,.demo-table th{border-color:rgba(255,255,255,.1)}.demo-table select{background:#151310;color:white;border:1px solid rgba(255,255,255,.2);padding:7px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.filter{border:1px solid rgba(255,255,255,.16);padding:8px 12px;background:transparent;color:#d9d1c5;cursor:pointer}.filter.active{background:#5d4823}.checklist label{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1);font-weight:400}.mt18{margin-top:18px}.mt30{margin-top:30px}.center{text-align:center}.pillrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.pill{display:inline-flex;border:1px solid var(--line);padding:7px 10px;font-size:11px}.dark .pill{border-color:rgba(255,255,255,.16);color:#cfc7bb}
@media(max-width:1050px){.navlinks{display:none}.menu{display:block}.navcta{margin-left:0}.hero-grid,.section-head,.split,.band-grid{grid-template-columns:1fr}.hero-card{max-width:620px}.grid4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:720px){.container,.narrow{width:min(100% - 28px,var(--max))}.navrow{min-height:66px}.brand{min-width:0}.brandcopy strong{font-size:15px}.brandcopy span{font-size:9px}.navcta{display:none}.hero{padding:64px 0 54px}.hero-grid{gap:34px}.hero h1,.page-hero h1{font-size:44px}.page-hero{padding:54px 0 40px}.section{padding:60px 0}.grid2,.grid3,.grid4,.form-grid,.founder-grid,.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.metric-grid,.demo-grid{grid-template-columns:1fr 1fr}.demo-head,.demo-banner,.footer-bottom{align-items:flex-start;flex-direction:column}.demo-nav{overflow:auto;flex-wrap:nowrap;width:100%;padding-bottom:3px}.tab-button{white-space:nowrap}.hero-card,.panel,.card{padding:21px}.section-head{gap:14px}.section-head p{font-size:16px}.actions .button{width:100%}.founder-grid{gap:25px}.portrait{max-width:300px}.footer-bottom{gap:9px}.demo-banner h1{font-size:31px}}
@media(max-width:430px){.metric-grid,.demo-grid{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:39px}.brandmark{width:37px;height:37px}.menu{font-size:12px}.hero-card{padding:18px}}
@media print{.site-header,.footer,.demo-top,.actions,.filter-row,.button{display:none!important}body,.demo-shell{background:white;color:black}.section,.page-hero,.hero{padding:20px 0}.demo-card,.demo-metric,.demo-banner{background:white;color:black;border-color:#bbb;break-inside:avoid}.demo-table table{color:black}.tab-panel{display:block!important}}


/* Official LSSCO identity supplied 5 August 2026 */
.brand-logo-shell{display:grid;place-items:center;width:62px;height:56px;flex:0 0 auto;padding:3px;background:#090806;border:1px solid rgba(168,120,34,.45);box-shadow:0 8px 24px rgba(25,20,14,.12);overflow:hidden}
.brand-logo{display:block;width:100%;height:100%;object-fit:contain}
.hero-brand-crest{display:block;width:184px;max-width:42vw;height:auto;margin:0 0 22px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.2))}
.footer-mark{align-items:flex-start}
.footer-logo{display:block;width:128px;height:auto;flex:0 0 auto;margin-top:-9px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.22))}
@media(max-width:720px){.brand-logo-shell{width:52px;height:48px;padding:2px}.hero-brand-crest{width:150px;margin-bottom:18px}.footer-logo{width:112px}}
@media(max-width:430px){.brand-logo-shell{width:47px;height:43px}.brand{gap:9px}.brandcopy strong{font-size:14px}.hero-brand-crest{width:132px}}


/* Mobile viewport containment and logo scale — release 2026-08-05 r2 */
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
.site-header,main,.footer,.hero,.page-hero,.section,.band{width:100%;max-width:100%}
.container,.narrow,.navrow,.hero-grid,.hero-grid>*,.section-head>*,.split>*,.band-grid>*{min-width:0}
.brand{flex:1 1 auto;min-width:0}
.brandcopy{min-width:0}
.menu{flex:0 0 auto}
.hero-card,.panel,.card,.actions,.button{max-width:100%}
.hero h1,.page-hero h1,.lead,.eyebrow,.brandcopy strong,.brandcopy span{overflow-wrap:break-word}
.hero-brand-crest{width:164px;max-width:36vw;margin-bottom:20px}
@media(max-width:720px){
  .container,.narrow{width:calc(100% - 28px);max-width:none;margin-left:14px;margin-right:14px}
  .navrow{gap:10px}
  .brand{gap:9px}
  .brand-logo-shell{width:48px;height:44px;padding:2px}
  .brandcopy strong{font-size:14px;line-height:1.15}
  .brandcopy span{font-size:8.5px;line-height:1.35;letter-spacing:.15em}
  .menu{padding:9px 11px}
  .hero{padding:56px 0 48px}
  .hero-brand-crest{width:122px;max-width:33vw;margin-bottom:16px}
  .hero h1,.page-hero h1{font-size:clamp(38px,10.5vw,42px)}
  .hero-grid{width:100%;gap:30px}
}
@media(max-width:430px){
  .container,.narrow{width:calc(100% - 24px);margin-left:12px;margin-right:12px}
  .brand-logo-shell{width:44px;height:41px}
  .brandcopy strong{font-size:13.5px}
  .menu{padding:8px 10px}
  .hero-brand-crest{width:116px;max-width:34vw;margin-bottom:14px}
  .hero h1,.page-hero h1{font-size:clamp(36px,10.2vw,39px)}
}
@media(max-width:350px){
  .brandcopy span{display:none}
  .brandcopy strong{font-size:13px}
  .brand-logo-shell{width:40px;height:37px}
  .menu{padding:8px 9px}
}


/* Secure Operations mobile record patch — release 2026-08-06 r3 */
.demo-top{top:76px}
.demo-head,.demo-head>*,.demo-main,.demo-main>*,.demo-banner>*,.demo-grid>*,.tab-panel,.grid2,.grid2>*,.demo-card,.demo-card>*,.table-wrap,.demo-table{min-width:0}
.demo-nav{max-width:100%;min-width:0}
.demo-card h2,.demo-card h3,.demo-card p,.demo-card li,.demo-banner h1,.demo-banner p,.notice{overflow-wrap:break-word;word-break:normal}
.demo-table{max-width:100%;background:#1d1a16;border-color:rgba(255,255,255,.13)}
.demo-table table{background:#1d1a16}
.demo-table tbody,.demo-table tr,.demo-table td{background:#1d1a16}
.demo-card ol{margin:15px 0 0;padding-left:1.35rem}
.demo-card ol li{padding:5px 0}
.footer-mark>div{min-width:0}

@media(max-width:720px){
  .demo-top{position:relative;top:auto;padding:16px 0}
  .demo-head{gap:14px}
  .demo-head>div strong{font-size:18px!important;line-height:1.2!important;overflow-wrap:break-word}
  .demo-nav{display:flex;flex-wrap:nowrap;gap:8px;width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 0 8px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .tab-button{flex:0 0 auto;min-height:44px;padding:10px 13px;font-size:14px;line-height:1.2;white-space:nowrap;scroll-snap-align:start}
  .demo-main{padding:24px 0 52px}
  .demo-banner{padding:18px;gap:16px}
  .demo-banner h1{font-size:clamp(27px,8vw,32px);line-height:1.06;margin-bottom:9px}
  .demo-banner p{font-size:14px;line-height:1.55}
  .demo-banner .actions{width:100%;margin-top:14px}
  .demo-banner .actions .button{min-height:42px}
  .demo-grid{gap:10px;margin:14px 0}
  .demo-metric{padding:15px}
  .demo-card{width:100%;max-width:100%;overflow:hidden;padding:18px;margin-top:12px}
  .demo-card h2{font-size:clamp(25px,7.3vw,31px);line-height:1.08;margin-bottom:12px}
  .demo-card h3{font-size:clamp(20px,5.8vw,24px);line-height:1.15}
  .demo-card p,.demo-card li{font-size:14px;line-height:1.55}
  .clean-list li{padding:10px 0}
  .filter-row{gap:8px}
  .filter{min-height:42px;padding:8px 11px}

  /* Tables become readable stacked records on phones. */
  .demo-table{overflow:visible;border:0;background:transparent}
  .demo-table table,.demo-table thead,.demo-table tbody,.demo-table tr,.demo-table th,.demo-table td{display:block;width:100%;min-width:0;max-width:100%}
  .demo-table table{min-width:0;background:transparent}
  .demo-table thead{display:none}
  .demo-table tbody{display:grid;gap:12px}
  .demo-table tr{padding:11px 13px;border:1px solid rgba(255,255,255,.13);background:#171512}
  .demo-table td{display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);align-items:start;gap:10px;padding:8px 0;border:0;border-bottom:1px solid rgba(255,255,255,.09);background:#171512;color:#f5efe5;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
  .demo-table td:last-child{border-bottom:0}
  .demo-table td::before{content:attr(data-label);color:#aaa296;font-size:9px;line-height:1.35;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
  .demo-table td>[class^="status"],.demo-table td>.status{justify-self:start}
  .demo-table select{width:100%;max-width:100%}
}

@media(max-width:430px){
  .demo-head>div strong{font-size:17px!important}
  .tab-button{font-size:13px;padding:9px 12px}
  .demo-banner{padding:16px}
  .demo-card{padding:16px}
  .demo-card h2{font-size:clamp(23px,7vw,28px)}
  .demo-card p,.demo-card li{font-size:13.5px}
  .demo-table td{grid-template-columns:minmax(82px,32%) minmax(0,1fr);gap:8px;font-size:12.5px}
  .demo-table td::before{font-size:8.5px}
  .footer-mark{align-items:flex-start;gap:10px}
  .footer-logo{width:90px}
}

@media(max-width:350px){
  .demo-table td{grid-template-columns:1fr;gap:3px}
  .demo-table td::before{margin-bottom:1px}
}

/* Final phone readability corrections — release 2026-08-06 r3.1 */
.demo-page .button.light{background:transparent;color:#fff;-webkit-appearance:none;appearance:none}
.demo-page .button.light:hover{background:rgba(255,255,255,.06)}
@media(max-width:720px){
  .demo-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding:2px 0 4px;scroll-snap-type:none}
  .tab-button{width:100%;min-width:0;white-space:normal;text-align:center;line-height:1.2}
}


/* SiteWorks commercial outreach alignment — release 2026-09-12 r4 */
.sprint-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.sprint-fact{border:1px solid var(--line);background:var(--paper);padding:18px;min-width:0}
.sprint-fact small{display:block;color:var(--muted);font-size:9px;line-height:1.35;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.sprint-fact strong{display:block;font:600 29px/1.05 var(--serif);margin:6px 0 5px}
.sprint-fact span{display:block;color:var(--muted);font-size:13px;line-height:1.45}
.dark .sprint-fact{background:#211e19;border-color:rgba(255,255,255,.12)}
.dark .sprint-fact small,.dark .sprint-fact span{color:#bdb5a9}
.offer-rule{border-left:3px solid var(--gold);padding:4px 0 4px 18px;margin:24px 0 0;max-width:760px}
.offer-rule strong{display:block;font:600 20px var(--serif);margin-bottom:4px}
.offer-rule span{color:var(--muted);font-size:14px}
.dark .offer-rule span{color:#bdb5a9}
.proof-status{font:600 13px var(--serif);letter-spacing:.08em;color:var(--gold);text-transform:uppercase}
.proof-note{font-size:12px;color:var(--muted);margin-top:14px;max-width:800px}
.dark .proof-note{color:#aaa296}
.card.emphasis{border-color:rgba(168,120,34,.5);box-shadow:0 14px 38px rgba(25,20,14,.08)}
@media(max-width:720px){.sprint-facts{grid-template-columns:1fr}.sprint-fact{padding:16px}.sprint-fact strong{font-size:26px}.offer-rule{padding-left:14px}}

.form input[type="checkbox"]{display:inline-block;width:auto;margin:0 8px 0 0;padding:0;vertical-align:middle}


/* Commercial development extension — 2026-10-16. Preserves SiteWorks routes and visual system. */
.commercial-hero{background:linear-gradient(155deg,#f5f0e6,#ebe2d3)}
.commercial-display{font:500 clamp(31px,4.1vw,49px)/1.1 var(--serif);letter-spacing:-.018em;margin:12px 0 20px;overflow-wrap:break-word}
.commercial-offer-grid{align-items:start}
.commercial-offer-panel{background:var(--paper)}
.commercial-price{font:500 clamp(42px,5.6vw,66px)/1.05 var(--serif);letter-spacing:-.025em;margin:14px 0 18px;overflow-wrap:break-word}
.commercial-price span{display:block;font:500 13px/1.5 var(--sans);letter-spacing:0;color:var(--muted);margin:9px 0 0}
.commercial-divider{border-top:1px solid var(--line);margin:14px 0 24px}
.commercial-facts{grid-template-columns:1fr;gap:7px;margin-top:18px}
.commercial-facts .sprint-fact{background:#f5f0e6;padding:12px 15px}
.commercial-facts .sprint-fact strong{font-size:24px}
.commercial-home{background:#eae0d0}
.commercial-home-card{background:#faf6ee}
.commercial-home-card .commercial-price{font-size:clamp(40px,5vw,56px)}
.proof-boundary{font-size:13px;line-height:1.6;color:var(--muted);max-width:870px;margin:22px 0}
.inline-link{border-bottom:1px solid var(--gold);text-underline-offset:3px}
.inline-link:hover{color:#896019}
.checkbox-line{line-height:1.5}
.form select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:white;color:var(--ink);padding:12px}
@media(max-width:720px){.commercial-display{font-size:clamp(31px,8.4vw,42px)}.commercial-home-card .commercial-price{font-size:42px}.commercial-facts{grid-template-columns:1fr}}
@media(max-width:380px){.commercial-price{font-size:38px}}


/* LSSCO / Editorial system / 16 October 2026
   Intent: documentary, architectural, quiet. Never use ornamental card grids
   where an indexed record or ruled list conveys the information. */
:root{
 --ink:#20292d;--ink2:#293438;--ivory:#e9eae5;--paper:#f7f7f3;
 --sand:#dddeda;--gold:#977448;--gold2:#ad946d;--muted:#515e61;
 --line:rgba(32,41,45,.25);--good:#376c5b;--warn:#846c43;--risk:#8a4b46;
 --shadow:none;--max:1220px;
 --serif:'Helvetica Neue',Helvetica,Arial,sans-serif;
 --sans:'Helvetica Neue',Helvetica,Arial,sans-serif;
 --mono:'Courier New',Courier,monospace;
}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.64;letter-spacing:.001em}
::selection{background:#c1cabf;color:#182326}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #688c80;outline-offset:4px}
.container{width:min(var(--max),calc(100% - 104px))}
.narrow{width:min(860px,calc(100% - 104px))}
.site-header{background:rgba(248,249,246,.97);border-color:var(--line);backdrop-filter:none}
.navrow{min-height:84px;gap:25px}
.brand{min-width:250px;gap:15px}
.brand-logo-shell{width:51px;height:53px;padding:2px;background:#111;border:0;box-shadow:none;border-radius:0}
.brand-logo{object-fit:contain}
.brandcopy strong{font-family:var(--sans);font-size:15px;font-weight:700;letter-spacing:-.012em}
.brandcopy span{font-size:10px;letter-spacing:.01em;text-transform:none;color:#6a7170;margin-top:1px}
.navlinks{gap:24px;font-size:12px;font-weight:600;letter-spacing:.015em}
.navlinks a{border-bottom:1px solid transparent;padding:30px 0 27px}
.navlinks a:hover,.navlinks a[aria-current='page']{border-color:var(--ink)}
.navcta{background:transparent;color:var(--ink);min-height:40px;border:0;border-bottom:1px solid var(--ink);padding:1px 0 0;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:none}
.navcta:hover,.button:hover{transform:none;box-shadow:none;opacity:.68}
.menu{font-size:12px;min-height:42px;text-transform:uppercase;letter-spacing:.09em;background:transparent}
/* Reject the decorative circular backdrop and boxed app-like hero metrics. */
.hero{padding:98px 0 98px}
.hero::after{content:none}
.hero.dark{background:var(--ink);color:var(--paper)}
.hero-grid{grid-template-columns:minmax(0,1.14fr) minmax(285px,.58fr);gap:clamp(55px,9vw,152px);align-items:end}
.hero-brand-crest{display:none}
.eyebrow,.kicker,.label,.crumbs,.num,.statusline,.proof-status{
 font-family:var(--mono);font-weight:400;letter-spacing:.06em;text-transform:uppercase
}
.eyebrow,.kicker{font-size:11px;color:#806b50}
.dark .eyebrow,.dark .kicker{color:#c5b79e}
.hero h1{font-family:var(--sans);font-weight:650;font-size:clamp(51px,6vw,90px);line-height:.98;letter-spacing:-.062em;max-width:12.5ch;margin:0 0 32px;text-wrap:balance}
.page-hero h1{font-family:var(--sans);font-weight:650;font-size:clamp(49px,5.6vw,78px);line-height:1.015;letter-spacing:-.052em;max-width:17ch;margin:0 0 23px;text-wrap:balance}
.hero .lead,.page-hero .lead{font-size:clamp(17px,1.55vw,21px);line-height:1.56;font-weight:400;letter-spacing:-.01em;max-width:56ch}
.hero.dark .lead{color:#d1d7d5}
.microline,.fine{font-size:12px;letter-spacing:0;line-height:1.6}
.dark .microline{color:#bdc3be}
.hero-card,.hero-card.darkcard{padding:30px 0 0;background:transparent;border:0;border-top:1px solid #69767a;box-shadow:none;color:var(--paper)}
.hero-card h2{font:600 30px/1.1 var(--sans)!important;letter-spacing:-.04em;margin:20px 0!important;max-width:16ch}
.hero-card p{color:#c0c8c5!important;font-size:15px;line-height:1.55;max-width:42ch}
.statusline{padding-bottom:12px;margin-bottom:20px;color:#cad0cc;font-size:10px;border-color:#657178;letter-spacing:.03em}
.status-dot{display:none}
.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 16px;margin-top:25px}
.metric,.darkcard .metric{background:transparent;border:0;border-top:1px solid rgba(255,255,255,.23);padding:12px 0 4px}
.metric small,.darkcard .metric small{font:400 10px var(--mono);letter-spacing:0;color:#c5cac5;text-transform:none}
.metric strong{font:600 30px/1.2 var(--sans);letter-spacing:-.035em;margin:10px 0 0}
.metric span,.darkcard .metric span{display:block;color:#bfc7c3;font-size:12px}
/* Each section is a page spread, not a carousel of services. */
.section{padding:99px 0 110px;border-top:1px solid var(--line)}
.section.alt{background:#eff0ec}
.section.dark{background:#263035;color:#f3f4f0;border-color:rgba(255,255,255,.16)}
.section-head{grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:clamp(32px,7vw,95px);align-items:end;margin-bottom:49px}
.section-head h2,.split h2,.panel h2,.band h2{font-family:var(--sans);font-weight:650;letter-spacing:-.048em;line-height:1.07}
.section-head h2{font-size:clamp(34px,4.25vw,57px);max-width:19ch}
.section-head p{font-size:16px;line-height:1.6;max-width:45ch;color:var(--muted);margin:0 0 3px}
.dark .section-head p{color:#cbd3ce}
.grid2,.grid3,.grid4{gap:0 clamp(26px,5vw,68px)}
.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card,.alt .card,.dark .card,.card.emphasis{background:transparent;border:0;border-top:1px solid var(--line);box-shadow:none;padding:21px 2px 34px 0;margin:0;min-width:0}
.dark .card{border-color:rgba(255,255,255,.25)}
.card .num{font:400 11px/1.5 var(--mono);color:#65706f;letter-spacing:.035em}
.dark .card .num{color:#c2c8c4}
.card h3{font:650 clamp(20px,1.85vw,27px)/1.18 var(--sans);letter-spacing:-.03em;margin:17px 0 12px;max-width:28ch}
.card p{font-size:15px;line-height:1.69;max-width:52ch;color:#536163}
.dark .card p{color:#cad2ce}
.card li,.clean-list li{padding:13px 0;border-color:var(--line);line-height:1.5}
.split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,9vw,135px)}
.split h2:not(.commercial-display){font-size:clamp(31px,4vw,51px);line-height:1.1;margin:11px 0 20px}
.split p{max-width:62ch}
.panel,.dark .panel{border:0;border-top:1px solid var(--line);background:transparent;padding:26px 0 3px}
.dark .panel{border-color:rgba(255,255,255,.28)}
.panel h2{font-size:clamp(25px,2.9vw,38px)}
.panel p{color:var(--muted);max-width:55ch}
.dark .panel p{color:#cad2ce}
.section .lead{font-size:clamp(16px,1.45vw,19px);line-height:1.62}
.quote{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;font:600 clamp(25px,3.4vw,43px)/1.16 var(--sans);letter-spacing:-.025em}
/* Calls to action behave as editorial links, not app buttons. */
.actions{gap:20px 26px;margin-top:27px}
.button,.navcta,.button.dark,.button.gold,.button.light,.dark .button,.dark .button.dark,.dark .button.gold,.dark .button.light{
 display:inline-flex;align-items:center;justify-content:flex-start;min-height:42px;
 padding:4px 0 5px;background:transparent;box-shadow:none;border:0;border-bottom:1px solid currentColor;
 color:inherit;border-radius:0;font-size:13px;font-weight:700;letter-spacing:-.003em;text-align:left;text-decoration:none
}
.button::after,.navcta::after{content:'↗';display:inline-block;margin-left:15px;font-size:16px;line-height:1}
.dark .button,.hero.dark .button{color:#f1f4f0}
.button:hover,.navcta:hover{background:transparent;opacity:.7}
/* Dark section starts with underlying rules, not separate black card tiles. */
.band{background:#293338;padding:62px 0}
.band h2{font-size:clamp(30px,4vw,52px)}
.band p{color:#c8d0ce}
.page-hero{background:#f7f7f3;border-bottom:1px solid var(--line);padding:87px 0 82px}
.crumbs{color:#697475;letter-spacing:.02em;font-size:11px;margin-bottom:34px}
.page-hero .kicker{display:block;margin-bottom:17px}
.page-hero .lead{color:#46565a}
.commercial-hero{background:#edece7}
.commercial-hero .container{position:relative}
.commercial-hero .lead{max-width:59ch}
.page-commercial .commercial-hero h1{max-width:15ch}
.commercial-folio{border-top:1px solid var(--line);padding:16px 0 0;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}
.commercial-folio__label{font:400 11px var(--mono);letter-spacing:.05em;text-transform:uppercase;margin:0 0 35px;color:#506063}
.commercial-folio__item{display:grid;grid-template-columns:47px minmax(0,1fr);gap:8px;border-top:1px solid var(--line);padding:16px 0}
.commercial-folio__item b{font:400 11px var(--mono);color:#6d797a}
.commercial-folio__item span{font-size:16px;font-weight:600;letter-spacing:-.018em;line-height:1.28}
.commercial-page-hero-grid{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(245px,.5fr);gap:clamp(45px,8vw,115px);align-items:end}
.commercial-display{font:650 clamp(34px,4.1vw,57px)/1.08 var(--sans);letter-spacing:-.052em;max-width:15ch;margin:9px 0 20px}
.commercial-price{font:650 clamp(47px,6vw,78px)/1.05 var(--sans);letter-spacing:-.06em;margin:17px 0 18px}
.commercial-price span{font-size:13px;color:#5b6969;letter-spacing:0;margin-top:8px}
.commercial-offer-panel{background:transparent;border:0;border-top:1px solid var(--ink)}
.commercial-divider{border-color:var(--line)}
.sprint-facts,.commercial-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.sprint-fact,.dark .sprint-fact,.commercial-facts .sprint-fact{padding:14px 0;border:0;border-top:1px solid var(--line);background:transparent}
.dark .sprint-fact{border-color:rgba(255,255,255,.27)}
.sprint-fact small{font:400 10px var(--mono);letter-spacing:0;color:#637070;text-transform:none}
.sprint-fact strong,.commercial-facts .sprint-fact strong{font:650 26px var(--sans);letter-spacing:-.04em;margin:10px 0 7px}
.sprint-fact span{font-size:13px;line-height:1.5;color:#596767}
.dark .sprint-fact span,.dark .sprint-fact small{color:#c8d0ce}
.commercial-facts{grid-template-columns:1fr;gap:0}
.commercial-facts .sprint-fact{display:grid;grid-template-columns:72px 100px 1fr;gap:10px;align-items:center;padding:16px 0}
.commercial-facts .sprint-fact strong{margin:0;font-size:25px}
.offer-rule{border:0;border-top:1px solid var(--line);padding:17px 0 0;margin:34px 0 0;max-width:720px}
.offer-rule strong{font:650 20px/1.26 var(--sans);letter-spacing:-.018em}
.offer-rule span{font-size:14px;color:#596767}
.proof-status{font:400 11px var(--mono);letter-spacing:.07em;color:#b1bfbd}
.proof-boundary{max-width:79ch;border-top:1px solid var(--line);padding:21px 0 0;margin:17px 0 0;font-size:12px;line-height:1.65}
.inline-link{border-bottom-color:#687576}
.inline-link:hover{color:#273b3e}
.commercial-home{background:#dfe4df}
.commercial-home-card{background:transparent}
.commercial-home-card .commercial-price{font-size:clamp(45px,5vw,65px)}
/* The three proof statements and deliverables are treated as a formal register. */
.page-commercial .grid3,.page-evidence .grid3,.page-operations .grid3{display:block}
.page-commercial .grid3 .card,.page-evidence .grid3 .card,.page-operations .grid3 .card{
 display:grid;grid-template-columns:minmax(105px,.18fr) minmax(225px,.72fr) minmax(0,1.1fr);gap:18px 30px;
 padding:22px 0 26px;align-items:start
}
.page-commercial .grid3 .card h3,.page-evidence .grid3 .card h3,.page-operations .grid3 .card h3{margin:0}
.page-commercial .grid3 .card p,.page-evidence .grid3 .card p,.page-operations .grid3 .card p{max-width:63ch}
/* Remove shiny status/badge affordances from ordinary information. */
.status{border:0;border-bottom:1px solid currentColor;padding:2px 0;letter-spacing:.02em}
.notice{background:#e9ece7;border-left:2px solid var(--ink)}
.table-wrap{box-shadow:none}
th{background:#e2e5df}
/* Case evidence, simple quotations, and actual records have genuine functional frames. */
.form{gap:17px}
.form input,.form select,.form textarea{background:#fdfdf9;border:1px solid #a9b0ac;padding:14px}
.form label{font-size:12px;letter-spacing:.005em}
.fine{color:#59676a}
.portrait{filter:grayscale(1);border:0;aspect-ratio:4/5;object-fit:cover}
.footer{background:#1e292e;padding:69px 0 28px}
.footer-grid{grid-template-columns:1.35fr .7fr .7fr;gap:70px}
.footer h3{font-family:var(--sans);font-size:15px;font-weight:700;letter-spacing:-.01em}
.footer a,.footer p{font-size:13px;color:#c4cdcb}
.footer nav{gap:11px}
.footer-logo{width:88px;height:auto;margin-top:0;filter:none}
.footer-bottom{margin-top:60px;color:#a6b1af}
/* The demonstration is data-heavy by nature. Restyle its chrome, retain function. */
.demo-shell{background:#1d282c}
.demo-top{background:#1d282c}
.demo-banner,.demo-card,.demo-metric{background:#273438;border-color:#546267;box-shadow:none}
.demo-metric strong{font-family:var(--sans)}
.demo-banner h1{font:650 clamp(29px,3.2vw,46px)/1.1 var(--sans);letter-spacing:-.04em}
.demo-card h2,.demo-card h3{font-family:var(--sans)}
.tab-button.active{background:#e3e8e2;color:#1d292e;border-color:#e3e8e2}
.demo-table{background:#243135}
/* Story rhythm and mobile reading order */
@media(max-width:1080px){
 .container,.narrow{width:calc(100% - 72px)}
 .navlinks{gap:13px}
 .navrow{gap:15px}
 .brand{min-width:207px}
 .hero-grid{gap:52px;grid-template-columns:minmax(0,1.1fr) minmax(250px,.75fr)}
 .commercial-page-hero-grid{gap:50px}
 .page-commercial .grid3 .card,.page-evidence .grid3 .card,.page-operations .grid3 .card{grid-template-columns:90px 1fr 1.2fr;gap:20px}
}
@media(max-width:820px){
 .container,.narrow{width:calc(100% - 48px);margin-left:auto;margin-right:auto}
 .navrow{min-height:74px}
 .brand-logo-shell{width:48px;height:48px}
 .hero{padding:72px 0 74px}
 .hero-grid{grid-template-columns:1fr;gap:54px}
 .hero h1{font-size:clamp(47px,8.6vw,68px);max-width:15ch}
 .hero-card{max-width:610px}
 .page-hero{padding:69px 0 70px}
 .page-hero h1{font-size:clamp(46px,7.8vw,67px)}
 .commercial-page-hero-grid{grid-template-columns:1fr;gap:43px}
 .commercial-folio{max-width:650px}
 .commercial-folio__label{margin-bottom:9px}
 .section{padding:70px 0 77px}
 .section-head{grid-template-columns:1fr;gap:18px;margin-bottom:31px}
 .section-head h2{max-width:22ch}
 .section-head p{max-width:67ch}
 .split{gap:40px}
 .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-commercial .grid3 .card,.page-evidence .grid3 .card,.page-operations .grid3 .card{grid-template-columns:76px 1fr;gap:10px 24px}
 .page-commercial .grid3 .card p,.page-evidence .grid3 .card p,.page-operations .grid3 .card p{grid-column:2}
 .footer-grid{gap:34px}
}
@media(max-width:720px){
 .container,.narrow{width:calc(100% - 40px);margin-left:20px;margin-right:20px}
 .brand{min-width:0;gap:11px}
 .brand-logo-shell{width:45px;height:45px;padding:0}
 .brandcopy strong{font-size:14px}
 .brandcopy span{font-size:9px;letter-spacing:0;line-height:1.4}
 .menu{border:1px solid var(--line);padding:9px 12px;letter-spacing:.03em}
 .mobile-nav{background:var(--paper);padding:4px 20px 20px}
 .hero h1{font-size:clamp(45px,10vw,58px)}
 .page-hero h1{font-size:clamp(42px,9.1vw,58px)}
 .page-hero{padding:60px 0 62px}
 .section{padding:61px 0 70px}
 .section-head h2{font-size:clamp(32px,7.1vw,44px)}
 .grid3,.grid4,.grid2{grid-template-columns:1fr;gap:0}
 .card,.dark .card,.alt .card{padding:18px 0 25px}
 .card h3{font-size:23px}
 .card p{font-size:15px;max-width:66ch}
 .split{grid-template-columns:1fr;gap:35px}
 .actions{gap:9px 23px}
 .actions .button{width:auto;max-width:100%;justify-content:flex-start;min-height:44px}
 .sprint-facts{grid-template-columns:1fr;gap:0}
 .commercial-facts{grid-template-columns:1fr}
 .commercial-facts .sprint-fact{grid-template-columns:65px 90px 1fr;gap:8px}
 .commercial-facts .sprint-fact strong{font-size:23px}
 .page-commercial .grid3 .card,.page-evidence .grid3 .card,.page-operations .grid3 .card{grid-template-columns:55px 1fr;gap:9px 17px;padding:19px 0 27px}
 .page-commercial .grid3 .card h3,.page-evidence .grid3 .card h3,.page-operations .grid3 .card h3{font-size:22px}
 .page-commercial .grid3 .card p,.page-evidence .grid3 .card p,.page-operations .grid3 .card p{font-size:14.5px}
 .footer{padding:48px 0 25px}
 .footer-grid{grid-template-columns:1fr;gap:25px}
 .footer-bottom{margin-top:37px}
 .demo-banner,.demo-card,.demo-metric{border-color:#536267}
}
@media(max-width:430px){
 .container,.narrow{width:calc(100% - 34px);margin-left:17px;margin-right:17px}
 .hero{padding:52px 0 61px}
 .hero h1{font-size:clamp(39px,10.5vw,47px);letter-spacing:-.055em}
 .page-hero h1{font-size:clamp(39px,10vw,46px)}
 .hero .lead,.page-hero .lead{font-size:16px}
 .hero-card{padding-top:20px}
 .hero-card h2{font-size:27px!important}
 .metric-grid{gap:12px}
 .metric strong{font-size:27px}
 .commercial-price{font-size:52px}
 .commercial-facts .sprint-fact{display:block}
 .commercial-facts .sprint-fact strong{margin:8px 0}
 .commercial-display{font-size:36px}
 .button,.navcta{overflow-wrap:anywhere}
}
@media print{
 body{background:white;color:#161616}
 .section,.page-hero,.hero{background:white;color:#161616;border-color:#bbb}
 .card,.panel{break-inside:avoid}
 .footer{background:white;color:#161616}
}
/* Phone header uses the menu as the single navigation action. The destination
   remains in the expanded mobile navigation, so nothing disappears. */
@media(max-width:720px){
 .navrow>.navcta{display:none!important}
 .brand{flex:1 1 auto;width:auto;max-width:calc(100% - 83px)}
 .brandcopy{width:auto;max-width:100%}
 .brandcopy strong{font-size:14px;line-height:1.24;white-space:normal}
 .brandcopy span{font-size:9px;line-height:1.25;letter-spacing:0}
 .navrow{gap:12px}
 .menu{display:block;flex:0 0 auto;margin-left:auto}
}
@media(max-width:390px){
 .brandcopy strong{font-size:13.4px}
 .brandcopy span{font-size:8.5px}
}