/* Homepage art direction: ink, violet and warm paper. No external assets or motion required. */
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 95% 15%,#d9d4ff 0,transparent 48%),radial-gradient(ellipse at 0 100%,#f8dfcf 0,transparent 52%),#f8f6f3;border-bottom:1px solid #ded9e6;padding-block:clamp(40px,5vw,80px)}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#0b1b2e05 1px,transparent 1px),linear-gradient(90deg,#0b1b2e05 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000)}
.heroEyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;font:600 12px/1.5 var(--lw-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--lw-accent-text)}
.heroEyebrow:before{content:"";width:26px;height:2px;background:currentColor}
.hero h1{font-size:clamp(44px,4.8vw,68px);line-height:1.07;letter-spacing:-.035em;max-width:17ch}
.hero .lede{margin-top:24px;font-size:18px;line-height:1.7}
.hero .ctaRow{margin-top:28px}
.hero .ctaRow .lw-btn{min-height:56px;padding-inline:28px;box-shadow:0 8px 20px #0b1b2e1a}
.heroFacts{padding-block:16px;border-block:1px solid #0b1b2e1f;max-width:54ch}
.firmInvite{background:#ffffff9c;border-color:#0b1b2e20;border-left:3px solid var(--lw-accent);box-shadow:none}
.exhibit{padding:22px;border:1px solid #ffffffcc;border-radius:22px;background:#ffffff66;box-shadow:0 24px 70px -35px #2b245266}
.sceneTabs{width:100%;display:flex;background:#e8e4ee;border-color:#d8d3e0}
.sceneTabs button{flex:1}
.sheet{border-color:#d9dce5;border-radius:12px;overflow:hidden;box-shadow:0 10px 28px -16px #0b1b2e40}
.sheetHead{background:#f8f9fc}
.briefSheet{border-top:3px solid var(--lw-accent);box-shadow:0 18px 30px -22px #0b1b2e80}
.briefTitle{font-size:25px;letter-spacing:-.02em}
.exhibit figcaption{font-size:12.5px;line-height:1.6;margin-top:20px}
#how.section{padding-block:clamp(48px,6vw,88px);background:#fcfbf9}
#how .howHead{margin-bottom:30px}
#how .howHead .h2{font-size:clamp(32px,3.3vw,44px)}
#how .steps{gap:18px}
#how .steps li{position:relative;padding:26px 28px;border:1px solid var(--lw-line);border-radius:14px;background:white;box-shadow:0 4px 18px -14px #0b1b2e55}
#how .steps h3:before{color:var(--lw-accent-text);letter-spacing:.1em}
#how .steps .demoDoc{max-width:100%;border-radius:8px;border:1px solid var(--lw-line);box-shadow:none}
#how .howNext{max-width:680px;margin:26px auto 0;background:#eeeaf9;border:0;border-left:3px solid var(--lw-accent)}
#different{background:linear-gradient(130deg,#eae7f6,#f1f4fa);border-block:1px solid #dcdcea}
.cmpTable{border-radius:14px;overflow:hidden;box-shadow:0 12px 40px -28px #0b1b2e60}
.sitPanel{background:#fcfbff;border:1px solid var(--lw-line);border-radius:0 0 14px 14px}
.sitTabs button[aria-selected="true"]{box-shadow:inset 0 -3px var(--lw-accent)}
#faq{background:#fcfbf9}
.closing{position:relative;background:radial-gradient(ellipse at 85% 0%,#403777 0,transparent 65%),var(--lw-ink);border-top:1px solid #ffffff22;padding-block:clamp(64px,8vw,110px)}
.closing h2{max-width:18ch;line-height:1.12;letter-spacing:-.03em}
.closing .lw-btn{box-shadow:0 8px 30px #0003}
@media(min-width:1001px){.heroGrid{gap:48px;align-items:center}.exhibit{margin-left:0}}
@media(max-width:1000px){.exhibit{width:100%;max-width:680px;justify-self:center}.hero h1{max-width:20ch}.hero .lede{max-width:62ch}.hero .firmInvite{max-width:680px}}
@media(max-width:640px){
 .hero{padding-top:30px;padding-bottom:40px}
 .heroEyebrow{font-size:11px;letter-spacing:.09em;margin-bottom:18px}
 .hero h1{font-size:clamp(34px,9vw,48px);line-height:1.1;max-width:17ch}
 .hero .lede{font-size:17px;line-height:1.65;margin-top:20px}
 .hero .ctaRow{gap:14px}
 .heroFacts{margin-top:22px;padding-block:14px}
 .exhibit{padding:12px;border-radius:16px;margin-top:30px;box-shadow:0 16px 40px -28px #2b245266}
 .sceneTabs button{padding-inline:6px;font-size:13px}
 .exhibit .said{font-size:18px;line-height:1.6}
 .exhibit .rows dd{font-size:15px;line-height:1.55}
 .exhibit .sheetHead{font-size:12px;padding-inline:14px}
 .exhibit .briefTitle{font-size:23px}
 .exhibit figcaption{margin:16px 4px 2px}
 #how .steps li{padding:22px 20px}
 #how .steps h3{font-size:22px}
 .closing h2{font-size:clamp(34px,9vw,46px)}
}
@media(forced-colors:active){.hero,.exhibit,.closing,#different{background:Canvas;color:CanvasText}.hero:before{display:none}.heroEyebrow,.closing h2{color:CanvasText}}
/* A concrete contents list replaces the broad comparisons with other services. */
.briefContents{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.briefContents li{padding:26px;background:var(--lw-white);border:1px solid var(--lw-line);border-radius:12px}
.briefContents h3{font-size:24px;line-height:1.25;margin-bottom:12px}
.briefContents p{color:var(--lw-body);font-size:16px;line-height:1.65}
@media(max-width:900px){.briefContents{grid-template-columns:minmax(0,1fr)}.briefContents li{padding:22px}}