/* Professional firms — ivory, ink and quiet brass. Scoped to this LP. */
:root{--night:#263f4b;--ink:#273d47;--blue:#345f6b;--mint:#ad8d5a;--serif:var(--sans);--paper:#f7f5ef;--mist:#edf1ee;--shadow:0 22px 70px #293d4710}
body{background:#fbfaf6}.shell{width:min(1280px,calc(100% - 80px))}.section{padding:110px 0}h1,h2,h3{overflow-wrap:anywhere}
.button{border-radius:10px;min-height:52px}.button--primary,.button--dark{background:#304f5b}.button--primary:hover,.button--dark:hover{background:#203d48}.button--line{border-color:#d2d9d6;background:#ffffff70}.button--light{background:#304f5b;color:white}.button--small{min-height:42px}
.site-header{background:#fbfaf6ed;border-color:#e4e5de}.site-header__inner{gap:32px}.site-header .brand::after{content:'FOR\a PROFESSIONALS';white-space:pre;font:600 9px/1.6 var(--latin);letter-spacing:.13em;border-left:1px solid #cbd3d0;margin-left:18px;padding-left:18px;color:#74817d}.desktop-nav{gap:24px}
.hero{padding-top:130px;background:radial-gradient(ellipse at 88% 45%,#e7ebe3 0,transparent 52%),#fbfaf6;overflow:hidden}.hero__inner{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:30px;padding-bottom:58px}.hero__copy{min-width:0}.hero h1{font-family:var(--sans);font-weight:750;font-size:clamp(34px,3.9vw,55px);line-height:1.42;letter-spacing:-.055em}.hero h1>span{white-space:nowrap}.hero h1 em{color:#406d6e}.hero h1 em::after{background:#ccd9cf;height:.1em;bottom:.10em}.hero__lead{max-width:510px;line-height:2.1;color:#67746f}.hero .eyebrow{display:block;font-size:12px;letter-spacing:.04em}.hero .eyebrow>span{display:block;font-size:10px;letter-spacing:.17em;margin-bottom:10px;color:#8a784f}.hero__actions{gap:12px}.hero__facts{gap:10px;grid-template-columns:1fr;margin-top:25px;border:0;padding:0}.hero__facts div{border:0;padding:0;display:flex;gap:12px;align-items:center}.hero__facts dt{font-size:10px;color:#ad8d5a}.hero__facts dd{font-size:12px;color:#65756f}.hero__marquee{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;border-color:#dce2da;color:#677770;padding-block:24px;font-size:12px}
.office-art{min-width:0;margin:0;position:relative}.office-eyeline{display:flex;justify-content:space-between;gap:10px;font:500 9px/1.6 var(--latin);letter-spacing:.12em;color:#7e8981;padding:0 15px}.office-stage{position:relative;width:100%;aspect-ratio:10/9}.office-halo{position:absolute;inset:8% 1% 6%;background:radial-gradient(ellipse,#e2e8d9 0,#eee9dc55 48%,transparent 70%);border-radius:50%}.office-stage canvas,.office-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.office-stage canvas{opacity:0;transition:opacity .6s}.has-office canvas{opacity:1}.has-office .office-fallback{opacity:0}.office-caption{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:0 14px}.office-caption span{display:block;font:500 8px/1.7 var(--latin);letter-spacing:.13em;color:#8b968c}.office-caption b{display:block;margin-top:6px;color:#526b67;font-size:13px}.office-caption button{border:1px solid #cdd5cb;background:#ffffff90;padding:9px 12px;border-radius:20px;white-space:nowrap;font-size:10px;cursor:pointer}.office-art figcaption{margin:12px 14px 0;color:#8b948a;font-size:9px}
.section-no{font:600 10px/1.7 var(--latin);letter-spacing:.16em;color:#8b754c}.section-intro h2,.product-statement h2,.flow-heading h2,.practice-heading h2,.compare-heading h2,.security-copy h2,.pricing-heading h2,.faq-heading h2,.trial-copy h2{font-family:var(--sans);font-size:clamp(30px,3.5vw,44px);font-weight:700;line-height:1.55;letter-spacing:-.045em}.section-intro__body p,.practice-heading>p{color:#63726b}
.section--paper{background:#f4f2eb}.section--white{background:#fbfaf6}.section--mist{background:#edf2ee}.section--ink{background:#f8f7f2;color:#273d47}.product-statement h2,.product-statement h2 span{color:#304f5b}.product-statement>p{color:#6a7870}.section-no--light{color:#9b855e}
.incident-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:transparent;border:0;box-shadow:none;overflow:visible}.incident-board__head{grid-column:1/-1;background:none;border:0;padding:0 0 12px;color:#52665e}.incident-board__head span{color:#9b855e}.incident-board__head strong{font-size:13px}.incident-board__head small{color:#7a877f}.incident-row{position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;gap:15px;padding:27px;background:#fffef9;border:1px solid #dce1d6;border-radius:20px;min-height:220px;box-shadow:0 12px 32px #304a3f05}.incident-row__index{font:500 12px var(--latin);color:#aa916d}.incident-row>div{width:100%;min-width:0}.incident-row b{font-size:17px}.incident-row p{font-size:13px;line-height:1.9;margin-top:10px}.incident-row>.owner{font-size:10px}.incident-row .status{font-size:10px}
.actual-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border:0;margin-top:45px}.actual-features article{position:relative;padding:25px;border:1px solid #dce3db;border-radius:19px;background:#fffefb;min-height:275px;transition:transform .3s,box-shadow .3s,border-color .3s}.actual-features article>span{color:#947f58;font-size:9px}.actual-features h3{font-family:var(--sans);margin:21px 0 12px;color:#304f5b;font-size:17px;font-weight:700;line-height:1.7}.actual-features p{color:#6c7971;font-size:13px}.actual-features small{color:#8d988d;font-size:10px}.feature-glyph{display:flex;align-items:center;justify-content:center;width:49px;height:49px;margin-top:18px;border-radius:14px;background:#eef2e9;color:#708a76}.feature-glyph svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.actual-features .feature-glyph+h3{margin-top:17px}.product-scope{color:#6f7c72!important;border-color:#d7dfd6!important;background:#edf2e9!important;border-radius:12px}
.office-preview{margin-top:58px}.office-preview>p{color:#7e8980;font-size:11px}.office-preview .hero-app{box-shadow:0 18px 50px #304a4210;border-radius:20px;border-color:#d4ded5}.office-preview .hero-app__body{grid-template-columns:42px 24% minmax(210px,1fr) 18%;height:365px}.office-preview .hero-app__bar{background:#304f5b}.office-preview .hero-app__rail{background:#304f5b}.office-preview .hero-app figcaption{font-size:11px;text-align:left;color:#6e7972}.office-preview .hero-app__messages{padding:22px}.office-preview .preview-message{font-size:12px}.office-preview .preview-task b{font-size:12px}.office-preview .preview-task small,.office-preview .hero-app__meta strong{font-size:10px}
.case-flow li{border:1px solid #d6dfd5;border-radius:16px;background:#fffdf8;margin-bottom:14px;padding-inline:25px;transition:transform .3s}.case-flow li:hover{background:#fffdf8}.case-flow__number{color:#a48c61}.practice-shell{border-radius:22px;overflow:hidden;border-color:#d7e0d8;box-shadow:var(--shadow)}.practice-tabs{gap:0;background:#e9eee8}.practice-tabs button{font-size:12px;min-width:0;padding:20px 10px}.practice-tabs button[aria-selected=true]{background:#fffefa;color:#365951}.practice-tabs button[aria-selected=true]::after{background:#859979}.practice-panel{background:#fffefa;animation:office-panel-in .42s ease both}.practice-panel__title h3{font-family:var(--sans);font-size:25px}.status-flow span{border-radius:8px;background:#edf2e9;color:#54735e}.tag-list span{border-radius:6px}.compare-table-wrap{border-radius:18px;overflow:auto;box-shadow:var(--shadow)}.compare-table thead th{background:#304f5b}.compare-table thead th:nth-child(3){background:#59776b}.compare-table tbody td:last-child{background:#edf3eb}
.section--security{background:#304a51;border-radius:30px;margin:0 20px;padding:88px 0;color:#f7f5ed}.security-copy h2 span{color:#d7c5a4}.security-specs article{background:#ffffff06;border:1px solid #ffffff1a;border-radius:14px;padding:20px}.security-specs{gap:14px}.security-specs h3{font-family:var(--sans);font-size:16px}.security-specs p{font-size:12px}
.price-grid{gap:20px}.price-card{border-radius:20px;background:#fffef9;border:1px solid #d9e0d5;box-shadow:none;transition:transform .3s,box-shadow .3s}.price-card--featured{background:#304f5b;border-color:#304f5b}.price-card__label{border-radius:19px 19px 0 0;background:#6f887b}.price-card__head h3{font-family:var(--sans)}.price-card--featured .button{background:#d6c6a4;color:#304f5b}.price-card--featured .price-card__head span{color:#d6c6a4}.faq-list details{background:#fffdf8;border:1px solid #dce3d9;border-radius:12px;margin-bottom:10px;padding-inline:23px}.faq-list summary{font-size:14px}.faq-list p{color:#647368;font-size:13px}
.trial{background:#e9eee6;color:#304f5b}.trial-copy p{color:#637369}.trial-copy li{color:#4f685b}.trial-copy h2{color:#304f5b}.trial-form-wrap{border:1px solid #d5ddd0;border-radius:21px;overflow:hidden;box-shadow:0 22px 50px #304f5b0b}.trial-form__head{background:#304f5b}.trial-form{background:#fffdf8}.trial-form input{border-radius:8px}.related{background:#fbfaf6}.related__inner{align-items:start}.related-links{display:grid;gap:12px}.related-links a{border:1px solid #dbe2d6;border-radius:14px;padding:22px;background:#fffef9;transition:transform .25s}.related h2{font-family:var(--sans);font-size:23px}.footer{background:#293f47}.mobile-trial{background:#304f5b}
[data-motion-card].is-inview{animation:office-panel-in .6s both;animation-delay:var(--card-delay,0ms)}
@keyframes office-panel-in{from{transform:translateY(15px)}to{transform:translateY(0)}}
@media(hover:hover){.actual-features article:hover,.price-card:hover,.incident-row:hover{transform:translateY(-5px);box-shadow:0 16px 40px #334d4010;border-color:#b5c5b4}.related-links a:hover{transform:translateX(4px)}}
@media(max-width:1120px){.shell{width:calc(100% - 48px)}.hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.hero h1{font-size:3.75vw}.hero__actions .button{padding-inline:17px;font-size:12px}.actual-features{grid-template-columns:repeat(2,minmax(0,1fr))}.office-caption{align-items:start}.office-caption b{font-size:11px}.site-header .brand::after{display:none}.incident-row{padding:22px}.incident-row b{font-size:16px}}
@media(max-width:900px){.section{padding:78px 0}.hero__inner{grid-template-columns:1fr;gap:38px}.hero__copy{max-width:650px}.hero h1{font-size:clamp(33px,5.8vw,48px)}.hero__lead{max-width:590px}.hero__facts{grid-template-columns:repeat(3,1fr)}.hero__facts div{display:block}.office-art{width:min(590px,100%);margin:auto}.hero{padding-top:111px}.incident-board{grid-template-columns:1fr}.incident-row{min-height:0;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center}.incident-row>.owner{grid-column:2}.incident-row>div{width:auto}.office-preview .hero-app__body{grid-template-columns:34px 28% 1fr}.office-preview .hero-app__meta{display:none}.section--security{margin:0 12px;border-radius:23px}.security-specs article{padding:16px}}
@media(max-width:620px){.shell{width:calc(100% - 36px)}.section{padding:64px 0}.hero{padding-top:96px}.hero__inner{padding-bottom:32px;gap:35px}.breadcrumbs{font-size:10px;margin-bottom:24px}.hero h1{font-size:clamp(29px,7.4vw,42px);line-height:1.46;letter-spacing:-.06em}.hero__lead{font-size:14px;line-height:2}.hero__actions{flex-direction:row;gap:8px}.hero__actions .button{font-size:11px;padding-inline:13px;min-height:49px}.hero__facts{grid-template-columns:1fr;gap:7px;margin-top:20px}.hero__facts div{display:flex}.hero__facts dd{font-size:11px}.hero__marquee{gap:12px;font-size:10px}.hero__marquee i{display:none}.office-caption{padding:0 5px}.office-caption b{font-size:11px}.office-caption span{font-size:7px}.office-caption button{font-size:9px;padding:8px}.office-eyeline{padding:0 5px;font-size:7px}.office-art figcaption{margin-left:5px;font-size:8px}.section-intro h2,.product-statement h2,.flow-heading h2,.practice-heading h2,.compare-heading h2,.security-copy h2,.pricing-heading h2,.faq-heading h2,.trial-copy h2{font-size:clamp(25px,6.5vw,33px);letter-spacing:-.04em}.actual-features{gap:10px}.actual-features article{padding:18px 16px;min-height:285px}.actual-features h3{font-size:15px;line-height:1.65}.actual-features p{font-size:12px}.actual-features small{font-size:9px}.actual-features article>span{font-size:8px;letter-spacing:.05em}.feature-glyph{width:40px;height:40px;border-radius:11px}.incident-board__head{flex-wrap:wrap;gap:8px}.incident-board__head small{display:none}.incident-row{grid-template-columns:17px minmax(0,1fr);padding:20px;gap:10px}.incident-row .status{grid-column:2;justify-self:start}.incident-row>.owner{display:none}.incident-row b{font-size:16px}.office-preview .hero-app__body{grid-template-columns:1fr;height:auto}.office-preview .hero-app__rail,.office-preview .hero-app__rooms{display:none}.office-preview .hero-app__chat{min-height:310px}.office-preview .hero-app figcaption{font-size:10px}.practice-tabs{display:flex;overflow-x:auto}.practice-tabs button{flex:0 0 auto;font-size:11px;padding:17px 13px;min-height:53px}.practice-panel{padding:25px 20px}.practice-panel__title h3{font-size:21px}.price-card{border-radius:17px}.related__inner{display:block}.related-links{margin-top:25px}.related-links a{padding:18px}.related-links b{font-size:13px}.faq-list details{padding-inline:16px}.faq-list summary{font-size:13px}.trial__inner{gap:28px}.trial-copy h2{font-size:clamp(24px,6.2vw,31px)}}
.product-statement{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;align-items:end}.product-statement .section-no{grid-column:1/-1;grid-row:auto;margin:0}.product-statement h2{grid-column:1;grid-row:2;margin:0}.product-statement p:not(.section-no){grid-column:2;grid-row:2;max-width:none;margin:0;color:#65776b;font-size:14px;line-height:2.1}.menu-button{margin-left:auto}
.security-layout{grid-template-columns:.9fr 1.1fr;gap:55px}.security-copy h2{font-size:clamp(29px,2.8vw,39px)}.security-specs{border:0}.security-specs article{min-height:190px}.security-specs h3{margin-top:23px}
@media(max-width:900px){.security-layout{grid-template-columns:1fr;gap:35px}}
@media(max-width:900px){.product-statement{grid-template-columns:1fr;gap:18px}.product-statement h2,.product-statement p:not(.section-no){grid-column:1;grid-row:auto}.product-statement p:not(.section-no){font-size:13px}}
@media(max-width:620px){.hero__actions .button{width:auto;flex:1;padding-inline:9px;gap:8px}.hero__actions .button--line{flex:.8}.breadcrumbs{margin-bottom:19px}.hero .eyebrow{margin-bottom:18px}.hero .eyebrow>span{font-size:8px}.hero__lead{margin-top:20px}.hero__facts{display:flex;flex-wrap:wrap;gap:6px 14px}.hero__facts div{gap:6px}.hero__facts dd{font-size:10px}.hero__facts dt{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-motion-card],.practice-panel{animation:none!important}.button,.actual-features article,.price-card,.related-links a{transition:none!important}}