/* LawFlux site system — editorial paper-and-ink, one accent, motion that explains */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--brand-cream);color:#26201a;font-family:var(--font-sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-serif);font-weight:600;letter-spacing:-0.012em;margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{max-width:1200px;margin:0 auto;padding:0 32px}
.eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--brand-burnt-orange)}
.display{font-size:clamp(38px,5.2vw,60px);line-height:1.08}
.h2{font-size:clamp(28px,3.4vw,40px);line-height:1.14}
.lede{font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:#4d4438}
.muted{color:#766b5b}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 26px;border-radius:12px;border:1px solid transparent;font-family:var(--font-sans);font-size:15px;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}
.btn-ink{background:#171310;color:var(--brand-cream)}
.btn-ink:hover{background:var(--brand-burnt-orange);color:var(--brand-cream)}
.btn-line{background:transparent;color:#26201a;border-color:#d9d0bf}
.btn-line:hover{border-color:#26201a;color:#26201a}
.btn-cream{background:var(--brand-cream);color:#26201a}
.btn-cream:hover{background:#fff;color:#26201a}
/* nav */
.nav{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--brand-cream) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid #e5decf}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:68px;max-width:1200px;margin:0 auto;padding:0 32px}
.wordmark{font-family:var(--font-serif);font-weight:600;font-size:17px;text-transform:uppercase;letter-spacing:.12em;color:#26201a}
.nav-links{display:flex;align-items:center;gap:30px;font-size:14.5px;font-weight:500;color:#4d4438}
.nav-links a:hover{color:var(--brand-burnt-orange)}
a.btn{text-decoration:none}
.nav .btn{height:40px;padding:0 18px;font-size:14px}
.nav-burger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;border:none;background:none;cursor:pointer;padding:0;flex-shrink:0}
.nav-burger span{display:block;height:2px;width:22px;background:#26201a;border-radius:2px;transition:transform .2s cubic-bezier(0,0,.2,1),opacity .2s}
.nav.open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav.open .nav-burger span:nth-child(2){opacity:0}
.nav.open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-menu{display:none}
/* sections */
.sec{padding:110px 0}
.sec-white{background:#fff}
.sec-dark{background:linear-gradient(to bottom,#201b14,#2e2619);color:#ece4d3}
.sec-dark .lede,.sec-dark .muted{color:#a2967f}
.rule{height:3px;width:46px;background:var(--brand-burnt-orange);border-radius:2px}
.kicker{display:grid;gap:18px;max-width:720px}
/* reveal */
.rv{opacity:0;transform:translateY(14px);transition:opacity .55s cubic-bezier(0,0,.2,1),transform .55s cubic-bezier(0,0,.2,1)}
.rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
/* product frame (scaled iframes) */
.pframe{border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgb(32 27 20/.16);background:#fff;border:1px solid #e9e2d4}
.pfit{width:100%;aspect-ratio:1280/800;overflow:hidden;position:relative}
.pfit iframe{position:absolute;inset:0;width:1280px;height:800px;border:0;transform-origin:top left;pointer-events:none}
/* hero animation stage */
.stage{position:relative;border-radius:20px;background:#fff;box-shadow:0 30px 80px rgb(32 27 20/.18);border:1px solid #e9e2d4;padding:26px;min-height:430px;display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;overflow:hidden}
.stage>*{min-width:0}
.inputs{display:flex;flex-direction:column;gap:10px;padding-top:6px}
.stg-lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a2967f}
.stg-cap{grid-column:1/-1;margin:2px 0 0;align-self:end;border-top:1px solid #f0ece1;padding-top:14px;font-size:12.5px;color:#766b5b;line-height:1.5}
.inchip{display:flex;align-items:center;gap:8px;border:1px solid #e5decf;border-radius:11px;background:var(--brand-cream);padding:9px 11px;font-size:12px;font-weight:500;color:#4d4438;opacity:.35;transition:opacity .4s,transform .5s cubic-bezier(0,0,.2,1),border-color .4s}
.inchip svg{flex-shrink:0;color:#a2967f}
.inchip.fly{opacity:1;border-color:var(--brand-burnt-orange);transform:translateX(12px)}
.inchip.spent{opacity:.5;transform:none}
.casecard{border:1px solid #eee8db;border-radius:16px;padding:20px 22px;display:grid;gap:13px;align-content:start;background:#fff;min-width:0}
.casecard>*{min-width:0}
.cc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cc-name{font-family:var(--font-serif);font-size:18px;font-weight:600;overflow-wrap:anywhere}
.factline{position:relative;display:grid;grid-template-columns:17px 1fr auto;gap:9px;align-items:start;font-size:13.5px;line-height:1.5;color:#26201a;min-height:24px}
.factline .sk{position:absolute;left:26px;top:5px;height:11px;border-radius:6px;background:#f0ece1;width:55%;transition:opacity .3s}
.factline .tx{opacity:0;transition:opacity .5s}
.factline.on .sk{opacity:0}
.factline.on .tx{opacity:1}
.factline .fic{color:#0f8a5f;opacity:0;transition:opacity .4s;margin-top:2px}
.factline.on .fic{opacity:1}
.factline .src{font-size:11px;color:#a2967f;white-space:nowrap;opacity:0;transition:opacity .5s;margin-top:2px}
.factline.on .src{opacity:1}
.unknown{display:grid;visibility:hidden;opacity:0;transition:opacity .45s;grid-template-columns:14px minmax(0,1fr);gap:8px;align-items:start;border:1px dashed var(--step-review-accent);background:var(--step-review-bg);color:var(--step-review-text);border-radius:10px;padding:8px 11px;font-size:12.5px;line-height:1.45}
.unknown.on{visibility:visible;opacity:1}
.unknown svg{margin-top:2px}
.decide{display:flex;flex-wrap:wrap;visibility:hidden;opacity:0;transition:opacity .45s;border-top:1px solid #f0ece1;padding-top:14px;align-items:center;justify-content:space-between;gap:10px;row-gap:12px}
.decide.on{visibility:visible;opacity:1}
.decide .dl{font-size:12.5px;color:#766b5b;white-space:nowrap}
.decide .splitwrap{position:relative;margin-left:auto;flex-shrink:0}
.decide .split{display:inline-flex}
.dmenu{position:absolute;bottom:calc(100% + 8px);right:0;display:none;min-width:132px;background:#fff;border:1px solid #e9e2d4;border-radius:12px;box-shadow:0 14px 40px rgb(32 27 20/.18);padding:5px;z-index:6}
.dmenu.on{display:grid;gap:1px;animation:layin .25s cubic-bezier(0,0,.2,1)}
@media (prefers-reduced-motion:reduce){.dmenu.on{animation:none}}
.dmenu span{padding:8px 12px;font-size:12.5px;font-weight:500;border-radius:8px;color:#26201a;white-space:nowrap}
.dmenu .dm-hl{background:#f3efe4}
.dmenu .dm-danger{color:var(--destructive)}
.s-chev.pressed{background:#453a2c}
.decide .s-main{background:#171310;color:var(--brand-cream);border-radius:9px 0 0 9px;padding:8px 16px;font-size:12.5px;font-weight:600;white-space:nowrap}
.decide .s-chev{display:flex;align-items:center;background:#171310;color:var(--brand-cream);border-radius:0 9px 9px 0;border-left:1px solid rgb(250 247 240/.28);padding:8px 9px}
.decide .db span.ink{background:#171310;border-color:#171310;color:var(--brand-cream)}
.ringwrap{display:flex;align-items:center;gap:9px}
.ring{position:relative;width:44px;height:44px}
.ring .pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:11px;font-weight:600}
.ring circle.track{fill:none;stroke:#f0ece1;stroke-width:4}
.ring circle.arc{fill:none;stroke:#171310;stroke-width:4;stroke-linecap:round;stroke-dasharray:0 103.7;transition:stroke-dasharray .8s cubic-bezier(0,0,.2,1)}
.ringlbl{font-size:11px;color:#766b5b;line-height:1.35}
/* compare */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}
.cmp{border-radius:18px;padding:28px;display:grid;gap:14px;align-content:start}
.cmp-l{background:#fff;border:1px solid #e9e2d4}
.cmp-r{background:#fff;border:1px solid #e9e2d4;box-shadow:0 20px 56px rgb(32 27 20/.12)}
.cmp h3{font-size:16px}
.cmp .big{font-family:var(--font-serif);font-size:40px;font-weight:600;line-height:1}
.field{height:12px;border-radius:6px;background:#f0ece1}
.cmprow{display:flex;align-items:center;gap:9px;font-size:13.5px}
/* loop stages */
.loop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:start}
.steps{display:grid;gap:6px}
.step{border-left:2px solid #e5decf;padding:20px 0 20px 26px;transition:border-color .3s}
.step .n{font-family:var(--font-mono);font-size:12px;color:#a2967f}
.step h3{font-size:20px;margin:5px 0 6px}
.step p{font-size:14.5px;color:#766b5b;line-height:1.55;max-width:44ch}
.step.on{border-color:var(--brand-burnt-orange)}
.step.on h3{color:var(--brand-burnt-orange)}
.loop-sticky{position:sticky;top:120px}
/* loop rail */
.looprail{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:48px}
.lr-btn{display:grid;gap:3px;text-align:left;border:none;background:transparent;border-top:2px solid #e5decf;padding:12px 8px 0 0;cursor:pointer;font-family:var(--font-sans);transition:border-color .25s}
.lr-btn .n{font-family:var(--font-mono);font-size:11.5px;color:#a2967f}
.lr-btn .t{font-size:14.5px;font-weight:600;color:#766b5b;transition:color .25s}
.lr-btn:hover .t{color:#26201a}
.lr-btn.done{border-color:#c9bda6}
.lr-btn.on{border-color:var(--brand-burnt-orange)}
.lr-btn.on .t{color:#26201a}
.lr-btn.on .n{color:var(--brand-burnt-orange)}
.loopcopy{position:relative;min-height:150px}
.loopcopy .lc{display:none}
.loopcopy .lc.on{display:grid;gap:12px;animation:layin .35s cubic-bezier(0,0,.2,1)}
.loopcopy h3{font-size:24px}
.loopcopy p{font-size:16px;line-height:1.6;color:#4d4438;max-width:46ch}
/* tabs */
.tabs{display:inline-flex;gap:4px;background:#efe9da;border-radius:12px;padding:4px}
.tab{border:none;border-radius:9px;padding:9px 20px;font-family:var(--font-sans);font-size:14px;font-weight:600;color:#766b5b;background:transparent;cursor:pointer;transition:all .15s}
.tab.on{background:#fff;color:#26201a;box-shadow:var(--shadow-sm)}
.panel{display:none}
.panel.on{display:block}
/* partner cards */
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.pcard{border-radius:14px;background:#fff;border:1px solid #e9e2d4;padding:18px;display:grid;gap:8px}
.pcard .nm{font-size:14px;font-weight:600}
.pcard .why{font-size:12.5px;color:#766b5b;line-height:1.45}
.flag{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;border-radius:9999px;padding:3px 10px;width:fit-content}
/* source demo */
.trust{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.claimcard{background:#fff;border:1px solid #e9e2d4;border-radius:18px;padding:30px;display:grid;gap:14px}
.hl{background:#fdf0e7;border-bottom:2px solid var(--brand-burnt-orange);cursor:pointer;padding:1px 2px;transition:background .15s}
.hl:hover{background:#fbe2d1}
.doccard{background:#fff;border:1px solid #e9e2d4;border-radius:18px;overflow:hidden;box-shadow:0 20px 56px rgb(32 27 20/.12);opacity:.45;transform:translateY(8px);transition:opacity .45s,transform .45s cubic-bezier(0,0,.2,1)}
.doccard.on{opacity:1;transform:none}
.doc-top{display:flex;align-items:center;gap:8px;border-bottom:1px solid #efe9da;background:#faf8f2;padding:11px 16px;font-family:var(--font-mono);font-size:11.5px;color:#766b5b}
.doc-b{padding:20px 22px;font-size:13.5px;line-height:1.7;color:#4d4438}
.doc-b mark{background:#fdf0e7;color:#26201a;padding:1px 3px;border-radius:3px;box-shadow:inset 0 -2px 0 var(--brand-burnt-orange)}
/* timeline */
.tl{display:flex;align-items:flex-start;gap:0;overflow:hidden}
.tlnode{flex:1;min-width:0;text-align:center;position:relative;padding-top:26px}
.tlnode:before{content:"";position:absolute;top:8px;left:0;right:0;height:2px;background:#4a3f33}
.tlnode:first-child:before{left:50%}
.tlnode:last-child:before{right:50%}
.tlnode .dot{position:absolute;top:2px;left:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:#4a3f33;border:2px solid #201b14;transition:background .3s}
.tlnode.hit .dot{background:var(--brand-burnt-orange)}
.tlnode .tt{font-size:12.5px;font-weight:600;color:#ece4d3}
.tlnode .ts{font-size:11px;color:#a2967f;margin-top:2px}
/* trust strip */
.trustgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:52px}
.tg{border-radius:14px;background:#fff;border:1px solid #e9e2d4;padding:16px;display:grid;gap:7px;justify-items:start;align-content:start}
.tg svg{color:var(--brand-burnt-orange)}
.tg .nm{font-size:13.5px;font-weight:600}
.tg .why{font-size:12px;color:#766b5b;line-height:1.45}
/* two-column splits (collapse on mobile) */
.split2{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
.split2-wide{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:start}
.split2-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.stick{position:sticky;top:100px}
/* subpage primitives */
.hero-sub{padding:96px 0 72px}
.stagegrid{display:grid;gap:72px}
.stagerow{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.stagerow.flip{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.stg-n{font-family:var(--font-mono);font-size:13px;color:var(--brand-burnt-orange)}
.qa{display:grid;gap:0;border-top:1px solid #e5decf}
.qa-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;padding:26px 0;border-bottom:1px solid #e5decf}
.qa-row .q{font-family:var(--font-serif);font-size:19px;font-weight:600;line-height:1.35}
.qa-row .a{font-size:15px;color:#4d4438;line-height:1.6}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cols4{grid-template-columns:repeat(4,1fr)}
.col-card{border-radius:16px;background:#fff;border:1px solid #e9e2d4;padding:24px;display:grid;gap:10px;align-content:start}
.col-card h3{font-size:17px}
.col-card ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.col-card li{position:relative;padding-left:16px;font-size:14px;color:#4d4438;line-height:1.5}
.col-card li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--brand-burnt-orange)}
.nodes{display:flex;flex-wrap:wrap;gap:9px}
.node{border:1px solid #d9d0bf;border-radius:9999px;background:#fff;padding:9px 16px;font-family:var(--font-sans);font-size:13.5px;font-weight:600;color:#4d4438;cursor:pointer;transition:all .15s}
.node:hover{border-color:#26201a}
.node.on{background:#171310;border-color:#171310;color:var(--brand-cream)}
.laynav{display:grid;gap:2px;margin-top:6px}
.laybtn{display:grid;gap:2px;text-align:left;border:none;background:transparent;border-left:2px solid #e5decf;padding:13px 0 13px 20px;cursor:pointer;font-family:var(--font-sans);transition:border-color .2s}
.laybtn .ln{font-size:15.5px;font-weight:600;color:#26201a;transition:color .2s}
.laybtn .ld{font-size:12.5px;color:#766b5b}
.laybtn:hover .ln{color:var(--brand-burnt-orange)}
.laybtn.on{border-color:var(--brand-burnt-orange)}
.laybtn.on .ln{color:var(--brand-burnt-orange)}
.laypanel{display:none}
.laypanel.on{display:grid;gap:0;animation:layin .35s cubic-bezier(0,0,.2,1)}
@keyframes layin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.laypanel.on{animation:none}}
.lp-h{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;padding-bottom:6px}
.lp-h .lp-n{margin-left:auto;font-family:var(--font-serif);font-size:15px;color:#26201a}
.lp-row{display:grid;grid-template-columns:14px 1fr;gap:10px;font-size:14.5px;line-height:1.55;padding:11px 0;border-top:1px solid #f6f2e9;color:#26201a}
.lp-row .dt{width:6px;height:6px;border-radius:50%;margin-top:8px;background:currentColor}
.lp-f{font-size:12.5px;color:#766b5b;border-top:1px solid #f6f2e9;padding-top:12px;line-height:1.55}
.ctaband{background:linear-gradient(to bottom,#201b14,#2e2619);color:var(--brand-cream)}
.ctaband .in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:64px 32px}
.ctaband h2{font-size:clamp(26px,3vw,36px);color:var(--brand-cream)}
.minidoc{border-radius:14px;background:#fff;border:1px solid #e9e2d4;overflow:hidden;box-shadow:0 18px 48px rgb(32 27 20/.1)}
.minidoc .top{display:flex;align-items:center;gap:8px;border-bottom:1px solid #efe9da;background:#faf8f2;padding:10px 15px;font-family:var(--font-mono);font-size:11px;color:#766b5b}
.minidoc .bd{padding:18px 20px;display:grid;gap:10px;font-size:13.5px;line-height:1.55;color:#4d4438}
@media (max-width:900px){.stagerow,.stagerow.flip{grid-template-columns:1fr}.cols3,.cols4{grid-template-columns:1fr}.qa-row{grid-template-columns:1fr;gap:8px}.split2,.split2-wide,.split2-hero{grid-template-columns:1fr;gap:36px}.stick{position:static}}
/* PI page */
.trio{display:grid;grid-template-columns:repeat(3,1fr)}
.trio>div{padding:0 30px;display:grid;gap:12px;align-content:start}
.trio>div:first-child{padding-left:0}
.trio>div:last-child{padding-right:0}
.trio>div+div{border-left:1px solid #e5dccb}
.mo-n{font-family:var(--font-serif);font-size:46px;line-height:1;color:#dfd5c0}
.trio h3{font-size:19px}
.trio .mo-p{font-size:14.5px;color:#4d4438;line-height:1.62}
.trio .mo-fix{border-top:1px solid #efe9da;padding-top:12px;font-size:13.5px;line-height:1.6}
.trio .mo-fix b{color:var(--brand-burnt-orange)}
.col-bare{background:none;border:none;padding:0;border-radius:0}
.mdx{display:grid;grid-template-columns:minmax(0,.52fr) minmax(0,1fr);gap:64px;align-items:start}
.mdx-list{display:grid;align-content:start}
.mdx-item{display:flex;align-items:baseline;gap:16px;padding:13px 4px 13px 14px;border:none;border-bottom:1px solid #e5dccb;border-left:2px solid transparent;background:none;font-family:var(--font-sans);text-align:left;cursor:pointer;color:#766b5b;transition:color .15s,border-color .15s}
.mdx-item:first-child{border-top:1px solid #e5dccb}
.mdx-item .n{font-family:var(--font-mono);font-size:11px;width:20px;flex-shrink:0}
.mdx-item .t{font-size:15px;font-weight:500}
.mdx-item:hover{color:#26201a}
.mdx-item.on{color:#26201a;border-left-color:var(--brand-burnt-orange)}
.mdx-item.on .t{font-family:var(--font-serif);font-size:16.5px;font-weight:600}
.mdx-item.on .n{color:var(--brand-burnt-orange)}
.mdx-detail{position:sticky;top:96px;background:#fff;border:1px solid #e9e2d4;border-radius:18px;padding:34px 36px;display:grid;gap:20px;box-shadow:0 24px 60px rgb(32 27 20/.08);overflow:hidden}
.mdx-detail .nd-n{position:absolute;top:22px;right:30px;font-family:var(--font-serif);font-size:44px;line-height:1;color:#f0ebdf}
.nd-t{font-size:23px;padding-right:64px}
.ndl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:#a2967f}
.nd-b,.nd-h{font-size:15.5px;color:#3d362c;line-height:1.65;margin:0}
.nd-hwrap{border-left:2px solid var(--brand-burnt-orange);padding-left:16px}
.duo{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e9e2d4;border-radius:18px;overflow:hidden}
.duo>div{padding:30px 34px;display:grid;gap:10px;align-content:start}
.duo>div+div{border-left:1px solid #efe9da}
.duo .sg-k{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--brand-burnt-orange)}
.duo h3{font-size:22px}
.duo p{font-size:14.5px;color:#4d4438;line-height:1.62;margin:0}
@media (max-width:900px){
.trio{grid-template-columns:1fr}
.trio>div{padding:20px 0;border-left:none}
.trio>div+div{border-left:none;border-top:1px solid #e5dccb}
.trio>div:first-child{padding-top:0}
.mdx{grid-template-columns:1fr;gap:28px}
.mdx-detail{position:static;padding:26px 24px}
.duo{grid-template-columns:1fr}
.duo>div+div{border-left:none;border-top:1px solid #efe9da}
}
/* how-it-works */
.lay-list{display:grid;align-content:start}
.lay-row{display:flex;align-items:flex-start;gap:14px;padding:14px 4px 14px 14px;border:none;border-bottom:1px solid #e5dccb;border-left:2px solid transparent;background:none;text-align:left;cursor:pointer;font-family:var(--font-sans);color:#26201a;transition:color .15s,border-color .15s}
.lay-row:first-child{border-top:1px solid #e5dccb}
.lay-row .n{font-family:var(--font-mono);font-size:11px;width:20px;color:#a2967f;flex-shrink:0;padding-top:3px}
.lay-row .mid{flex:1;min-width:0}
.lay-row .lt{font-size:15.5px;font-weight:600;display:block}
.lay-row .ld{font-size:13px;color:#766b5b;line-height:1.5;display:block;margin-top:2px}
.lay-row .dot{width:9px;height:9px;border-radius:50%;background:var(--brand-burnt-orange);flex-shrink:0;align-self:center;transition:background .15s}
.lay-row.on{border-left-color:var(--brand-burnt-orange)}
.lay-row:not(.on){color:#a2967f}
.lay-row:not(.on) .lt{font-weight:500}
.lay-row:not(.on) .ld{color:#b3a88f}
.lay-row:not(.on) .dot{background:#e0d8c6}
.qn{font-family:var(--font-mono);font-size:11px;color:var(--brand-burnt-orange);display:block;margin-bottom:6px}
[data-lay]{transition:opacity .3s}
[data-lay].off{opacity:.14}
/* security + company */
.creds{display:grid;grid-template-columns:repeat(5,1fr)}
.creds>div{padding:0 22px;display:grid;gap:8px;align-content:start}
.creds>div:first-child{padding-left:0}
.creds>div:last-child{padding-right:0}
.creds>div+div{border-left:1px solid #e5dccb}
.creds svg{color:var(--brand-burnt-orange)}
.creds .nm{font-family:var(--font-serif);font-size:17px;font-weight:600}
.creds .why{font-size:13px;color:#766b5b;line-height:1.5}
.quad{display:grid;grid-template-columns:repeat(4,1fr)}
.quad>div{padding:0 26px;display:grid;gap:8px;align-content:start}
.quad>div:first-child{padding-left:0}
.quad>div:last-child{padding-right:0}
.quad>div+div{border-left:1px solid #e5dccb}
.quad h3{font-size:19px}
.quad .qd{font-size:13.5px;color:#766b5b;line-height:1.55}
.duo ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.duo li{font-size:14px;color:#4d4438;line-height:1.55;position:relative;padding-left:14px}
.duo li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:var(--brand-burnt-orange)}
@media (max-width:900px){
.creds,.quad{grid-template-columns:1fr}
.creds>div,.quad>div{padding:16px 0;border-left:none}
.creds>div+div,.quad>div+div{border-left:none;border-top:1px solid #e5dccb}
.creds>div:first-child,.quad>div:first-child{padding-top:0}
}
/* contact agenda */
.agenda{display:grid}
.agenda>div{display:grid;grid-template-columns:88px 1fr;gap:16px;padding:17px 0;border-top:1px solid #4a3f33}
.agenda .an{font-family:var(--font-mono);font-size:11px;color:var(--brand-burnt-orange);padding-top:4px;letter-spacing:.04em}
.agenda h3{font-size:16.5px;color:var(--brand-cream);margin:0 0 4px;font-family:var(--font-serif);font-weight:600}
.agenda p{font-size:14px;color:#a2967f;line-height:1.6;margin:0}
@media (max-width:900px){.agenda>div{grid-template-columns:80px 1fr;gap:12px}}
/* legal prose */
.prose{max-width:820px;display:grid;gap:36px}
.prose .ps{display:grid;gap:10px}
.prose h2{font-size:20px;display:flex;align-items:baseline;gap:12px}
.prose .pn{font-family:var(--font-mono);font-size:12px;color:var(--brand-burnt-orange)}
.prose p{font-size:15px;line-height:1.65;color:#4d4438}
/* form */
.form{display:grid;gap:14px}
.form label{font-size:13px;font-weight:600;color:#ece4d3}
.form input,.form select{height:46px;width:100%;border-radius:11px;border:1px solid #d9d0bf;background:#fff;padding:0 14px;font-family:var(--font-sans);font-size:15px;color:#26201a}
.form input:focus,.form select:focus{outline:2px solid #171310;outline-offset:2px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
/* footer */
.footer{background:#171310;color:#a2967f;padding:56px 0 40px;font-size:13.5px}
.footer a{color:#ece4d3}
.footer a:hover{color:var(--brand-burnt-orange)}
.f-in{display:grid;gap:26px;max-width:1200px;margin:0 auto;padding:0 32px}
.f-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.f-note{font-size:12px;line-height:1.6;max-width:86ch;color:#766b5b}
@media (max-width:900px){
.nav-links{display:none}
.nav-in{gap:10px}
.nav .btn{height:36px;padding:0 12px;font-size:13px}
.nav-burger{display:flex}
.nav.open .nav-menu{display:grid;position:absolute;top:68px;left:0;right:0;background:var(--brand-cream);border-bottom:1px solid #e5decf;box-shadow:0 24px 48px rgb(32 27 20/.14);padding:8px 32px 20px}
.nav-menu a{padding:14px 0;font-size:16px;font-weight:500;color:#26201a;border-bottom:1px solid #eee7d8}
.nav-menu a:last-child{border-bottom:none}
.nav-menu a[aria-current="page"]{color:var(--brand-burnt-orange)}
.sec{padding:72px 0}
.inputs{flex-direction:row;flex-wrap:wrap}
.loop{grid-template-columns:1fr}
.loop-sticky{position:static}
.looprail{grid-template-columns:repeat(3,1fr);row-gap:16px;margin-bottom:32px}
.loopcopy{min-height:0}
.compare,.trust{grid-template-columns:1fr}
.pgrid{grid-template-columns:1fr}
.frow{grid-template-columns:1fr}
.trustgrid{grid-template-columns:1fr 1fr}
.tl{flex-wrap:wrap;gap:18px}
.tlnode{flex:1 1 40%}
.tlnode:before{display:none}
}
@media (max-width:1120px){
.stage{grid-template-columns:1fr;min-height:0}
.stage .inputs{flex-direction:row;flex-wrap:wrap}
}

/* the film band */
.film{position:relative;overflow:hidden}
.film .eyebrow{color:#a2967f}
.film-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:center;transition:opacity .4s ease}
.film-sub{margin:18px 0 0;font-size:16.5px;line-height:1.6;color:#a2967f;max-width:46ch}
.film-pill{display:inline-flex;align-items:center;gap:11px;margin-top:30px;height:50px;padding:0 26px;border-radius:12px;border:1px solid rgba(250,247,240,.34);background:transparent;color:var(--brand-cream);font-family:var(--font-sans);font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}
.film-pill:hover{background:var(--brand-burnt-orange);border-color:var(--brand-burnt-orange)}
.film-pill .dur{font-family:var(--font-mono);font-size:12px;font-weight:400;color:rgba(250,247,240,.72)}
.film-card{background:var(--brand-cream);border-radius:16px;padding:24px 26px;display:grid;gap:14px;box-shadow:0 34px 90px rgb(0 0 0/.4);max-width:440px;justify-self:end;width:100%}
.fc-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.fc-name{font-family:var(--font-serif);font-size:17px;font-weight:600;color:#26201a}
.fc-id{font-family:var(--font-mono);font-size:11px;color:#a2967f;white-space:nowrap}
.fc-l{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:#26201a}
.fc-l svg{flex-shrink:0;margin-top:3px;color:#7d7261}
.fc-l .src{font-family:var(--font-mono);font-size:11px;color:#a2967f;white-space:nowrap;margin-left:auto;padding-left:10px}
.fc-l.warn{color:#9a3d0c}.fc-l.warn svg{color:var(--brand-burnt-orange)}
.fc-dec{border-top:1px solid #e5dccb;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.fc-dec .dl{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#766b5b}
.fc-split{position:relative}
.fc-split .sp{display:inline-flex}
.fc-split .sm{background:#171310;color:var(--brand-cream);border-radius:9px 0 0 9px;padding:9px 17px;font-size:13px;font-weight:600}
.fc-split .sc{display:flex;align-items:center;background:#171310;color:var(--brand-cream);border-radius:0 9px 9px 0;border-left:1px solid rgb(250 247 240/.28);padding:9px 10px}
.fc-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:2;background:#fff;border:1px solid #e5dccb;border-radius:11px;box-shadow:0 16px 44px rgb(32 27 20/.18);padding:5px;display:grid;gap:1px;min-width:180px;opacity:0;transform:translateY(-4px);pointer-events:none}
.fc-menu span{font-size:13px;font-weight:500;color:#26201a;padding:8px 12px;border-radius:7px;text-align:left;white-space:nowrap}
@keyframes fbmenu{0%,30%{opacity:0;transform:translateY(-4px)}36%,78%{opacity:1;transform:none}86%,100%{opacity:0}}
@keyframes fbh1{0%,38%{background:transparent}42%,48%{background:#f5efe2}52%,100%{background:transparent}}
@keyframes fbh2{0%,52%{background:transparent}56%,62%{background:#f5efe2}66%,100%{background:transparent}}
@keyframes fbh3{0%,66%{background:transparent}70%,76%{background:#f5efe2}80%,100%{background:transparent}}
@keyframes fbchev{0%,28%{background:#171310}32%,80%{background:#453a2c}86%,100%{background:#171310}}
.fc-menu{animation:fbmenu 12s infinite}
.fc-menu span:nth-child(1){animation:fbh1 12s infinite}
.fc-menu span:nth-child(2){animation:fbh2 12s infinite}
.fc-menu span:nth-child(3){animation:fbh3 12s infinite}
.fc-split .sc{animation:fbchev 12s infinite}
@media (prefers-reduced-motion:reduce){.fc-menu,.fc-menu span,.fc-split .sc{animation:none!important}.fc-menu{opacity:1;transform:none}}
body{overflow-x:clip}
body.film-open{overflow:hidden}
.film-stage{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2147483000;margin:0;padding:0;border:0;display:none;place-items:center;background:#2A211A;opacity:0;transition:opacity .28s ease}
.film-stage.on{display:grid;opacity:1}
.film-player{position:relative;width:min(100vw,calc(100vh*16/9));aspect-ratio:16/9;background:#2A211A}
.film-crop{position:absolute;inset:0;overflow:hidden}
.film-crop video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;cursor:pointer}
.film-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:rgb(18 14 11/.55);display:none;place-items:center;pointer-events:none;color:var(--brand-cream)}
.film-player.paused .film-glyph{display:grid}
.film-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgb(250 247 240/.16);cursor:pointer;z-index:2}
.film-bar span{display:block;height:100%;width:0;background:var(--brand-burnt-orange)}
.film-ov{position:absolute;inset:0;z-index:3;display:none;place-items:center;background:rgb(42 33 26/.97);text-align:center;padding:24px}
.film-ov.on{display:grid}
.fo-in{display:grid;gap:16px;justify-items:center}
.fo-mark{font-family:var(--font-serif);font-weight:600;font-size:30px;color:var(--brand-cream);text-transform:uppercase;letter-spacing:.16em;text-indent:.16em}
.fo-sub{font-size:14px;color:#a2967f;max-width:38ch;margin:0}
.fo-row{display:flex;gap:12px;margin-top:4px;flex-wrap:wrap;justify-content:center}
.fo-btn{height:44px;padding:0 22px;border-radius:10px;font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;border:1px solid rgba(250,247,240,.34);background:transparent;color:var(--brand-cream);display:inline-flex;align-items:center;gap:9px;transition:background .2s,border-color .2s;text-decoration:none}
.fo-btn:hover{background:var(--brand-burnt-orange);border-color:var(--brand-burnt-orange);color:var(--brand-cream)}
.fo-btn.solid{background:var(--brand-cream);border-color:var(--brand-cream);color:#26201a}
.fo-btn.solid:hover{background:var(--brand-burnt-orange);border-color:var(--brand-burnt-orange);color:var(--brand-cream)}
.film-close{position:absolute;top:20px;right:24px;z-index:4;background:rgb(23 19 16/.72);border:1px solid rgb(250 247 240/.22);border-radius:8px;color:var(--brand-cream);font-family:var(--font-sans);font-size:12.5px;font-weight:600;cursor:pointer;padding:7px 12px;backdrop-filter:blur(4px)}
.film-close:hover{background:var(--brand-burnt-orange);border-color:var(--brand-burnt-orange)}
@media (max-width:960px){.film-wrap{grid-template-columns:1fr;gap:52px}.film-card{justify-self:start}.film-close{top:12px;right:12px}}