@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
/* Homepage-only stylesheet. Authenticated app styles remain unchanged. */
:root{color-scheme:light;--navy:#102c4c;--navy-deep:#061d30;--royal:#154e8b;--blue:#0079bc;--sky:#79d2f5;--ice:#e6f3fb;--ink:#1c2e43;--muted:#536b82;--line:#d9e7f1;--radius:18px;--shadow:0 12px 34px rgb(16 44 76 / 7%);font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif}h2{font-size:clamp(1.85rem,3vw,2.5rem);line-height:1.22;letter-spacing:-1.2px}h3{font-size:1.05rem;line-height:1.4;letter-spacing:-.3px}p{line-height:1.65}a{color:var(--blue);text-underline-offset:4px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button,a,input,textarea{outline-offset:5px}:focus-visible{outline:3px solid #0079bc}img{max-width:100%;height:auto;display:block}.wrap{width:calc(100% - 80px);max-width:1280px;margin-inline:auto}.section{padding-block:86px}.section-head{max-width:740px;margin:0 auto 40px;text-align:center}.section-head>p:not(.eyebrow){color:var(--muted);margin:16px auto 0;max-width:660px}.eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:2.2px;font-weight:800;color:var(--blue);margin-bottom:15px}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:13px 22px;border-radius:11px;border:1px solid transparent;background:var(--blue);color:#fff;font-weight:700;text-decoration:none;font-size:.9rem;line-height:1.4;transition:background .18s,box-shadow .18s}.btn:hover{background:#065e98;box-shadow:0 6px 16px #092d541a}.btn .icon{width:19px;height:19px}.btn-sky{background:var(--sky);color:var(--navy-deep)}.btn-sky:hover{background:#a3e3fc}.btn-glass{border-color:#92c7e8;background:#0d2a4299;color:white}.btn-glass:hover{background:#154e8b}.btn.secondary{background:#fff;color:var(--royal);border-color:#adcfe8}.btn.secondary:hover{background:var(--ice)}.skip-link{position:absolute;left:20px;top:-80px;z-index:20;padding:12px 20px;background:#fff;color:var(--navy);border-radius:8px}.skip-link:focus{top:12px}
/* Artwork is decorative; every control and all copy remain live HTML. */
.hero-dark{position:relative;isolation:isolate;background:var(--navy-deep) url('/assets/after-dark-hero.webp') center bottom/cover no-repeat;color:#fff;overflow:hidden;min-height:800px}.hero-dark:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061d3020,transparent 60%)}.hero-dark :focus-visible{outline-color:var(--sky)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px;position:relative;z-index:2}.brand-logo{width:165px;height:auto}.brand-reversed{filter:brightness(0) invert(1)}.lnav-links{display:flex;align-items:center;gap:30px}.lnav-links a{color:#e9f5ff;font-size:.88rem;font-weight:600;text-decoration:none;padding-block:12px}.lnav-links a:hover{text-decoration:underline}.lnav-links .btn{color:var(--navy-deep);min-height:44px;padding:11px 23px}.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;padding-top:74px;padding-bottom:230px;position:relative;z-index:1}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{color:#a5e6ff;margin-bottom:22px}.hero-copy h1{font-size:clamp(2.9rem,4.4vw,4.15rem);font-weight:800;line-height:1.07;letter-spacing:-2.5px}.hero-copy h1 span{color:var(--sky)}.hero-copy .lede{max-width:520px;color:#d0e5f4;font-size:1.13rem;margin-top:26px;line-height:1.65}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-ctas .btn{min-height:54px}.hero-preview{position:relative;min-width:0;margin-top:25px;perspective:1000px}.hero-dashboard{display:block;background:#fff;border-radius:18px;box-shadow:0 30px 80px #0008;overflow:hidden;transform:rotate(-2deg);position:relative;z-index:1;border:6px solid #f2fbff;text-decoration:none}.hero-dashboard img{width:100%;height:auto}.shot-bar{display:flex;gap:5px;align-items:center;padding:10px 12px;background:#f3f8fb}.shot-bar i{display:block;width:6px;height:6px;border-radius:100%;background:#bed3e2}.shot-bar span{font-size:7px;letter-spacing:1px;color:#5a7082;margin-left:auto}.preview-back{position:absolute;background:#b4eaff24;border:1px solid #d8f6ff8c;inset:-16px 12px 9px -12px;border-radius:18px;transform:rotate(-4deg)}.hero-chip{display:flex;align-items:center;gap:12px;position:absolute;z-index:2;max-width:260px;background:#fff;border:1px solid #e9f6ff;border-radius:13px;padding:17px;box-shadow:0 14px 35px #001d4440;color:var(--ink)}.hero-chip>.icon{width:39px;height:39px;padding:9px;border-radius:50%;background:var(--ice);color:#0079bc}.hero-chip strong{font-size:.78rem;display:block;line-height:1.5}.hero-chip small{font-size:.68rem;display:block;color:var(--muted);margin-top:3px}.chip-a{top:45px;right:-23px;transform:translateX(5%)}.chip-b{bottom:-23px;right:0}.preview-caption{color:#d1e7f5;font-size:.65rem;letter-spacing:.5px;margin:20px 0 0 8px}
.feature-band{background:white;border-bottom:1px solid #edf3f7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:37px;gap:34px}.feature-grid>div{display:flex;align-items:flex-start;gap:19px;padding-right:22px}.feature-grid>div:not(:last-child){border-right:1px solid var(--line)}.feature-grid .icon{width:54px;height:54px;padding:14px;background:var(--ice);border-radius:16px;color:var(--royal)}.feature-grid h2{font-size:1rem;letter-spacing:-.35px;margin:2px 0 8px}.feature-grid p{color:var(--muted);font-size:.84rem;line-height:1.6}.reassurance{background:linear-gradient(90deg,#e8f6fd,#f4fbff,#e8f6fd)}.reassurance ul{list-style:none;padding:20px 0;display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.reassurance li{display:flex;gap:10px;align-items:center;font-weight:600;font-size:.8rem;color:var(--royal)}.reassurance .icon{width:19px;height:19px;border-radius:50%;background:var(--blue);color:white;padding:3px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pillar{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;box-shadow:var(--shadow)}.icon-wrap{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--ice);color:var(--royal);margin-bottom:20px}.pillar h3{margin-bottom:12px}.pillar p{font-size:.87rem;color:var(--muted)}.benefits{padding-bottom:36px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin:52px 0 0}.step{position:relative}.step:not(:last-child):after{content:'→';position:absolute;right:-23px;top:10px;color:#73b8df;font-size:25px}.step .num{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ice);color:var(--royal);font-weight:800;font-size:1.1rem;margin-bottom:20px}.step h3{font-size:.98rem;margin-bottom:10px}.step p{font-size:.85rem;color:var(--muted)}
.showcase{position:relative;background:radial-gradient(ellipse at 0 30%,#ceebff99,transparent 55%),linear-gradient(120deg,#f3faff,#e6f3fb);overflow:hidden}.showcase:after{content:'';position:absolute;right:-10%;top:-320px;width:900px;height:500px;border:35px solid #fff7;transform:rotate(-20deg);border-radius:50%;pointer-events:none}.showcase .wrap{position:relative;z-index:1}.showcase-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:end;margin-bottom:44px}.showcase-heading>p{color:var(--muted);max-width:410px;justify-self:end;font-size:.97rem}.shots-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:start}.shots-grid figure{background:#fff;border:1px solid #d4e6f4;border-radius:16px;overflow:hidden;box-shadow:0 20px 45px #0e3f6820}.inventory-shot,.field-shot{transform:none}.shots-grid img{width:100%;height:auto}.shots-grid figcaption{padding:20px 24px;font-size:.8rem;color:var(--muted);line-height:1.6}.shots-grid figcaption strong{display:block;font-size:.9rem;color:var(--ink);margin-bottom:5px}.roles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.role{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px #10395a05;padding:23px 17px;border-radius:14px;text-align:center}.role .icon-wrap{margin:0 auto 16px;border-radius:50%}.role h3{font-size:.83rem;letter-spacing:-.1px;margin-bottom:9px}.role p{font-size:.75rem;color:var(--muted);line-height:1.6}.integrations-section{padding-top:24px;background:linear-gradient(#fff,#f8fcff)}.integrations{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.integration{padding:24px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.integration-head{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:18px}.integration-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#ecf3fa;color:var(--royal);font-weight:800;font-size:1.05rem}.integration h3{font-size:.98rem;margin-bottom:10px}.integration p{font-size:.81rem;color:var(--muted)}.badge{font-size:.62rem;font-weight:700;white-space:nowrap;border-radius:20px;background:#f0f4f7;color:#4d6377;padding:6px 9px}.brand-qbo .integration-logo{color:#22751b;background:#edf9ea}.brand-stripe .integration-logo{color:#5146ba;background:#f1eeff}.brand-docusign .integration-logo{background:#fff5d6;color:#765a05}.brand-gcal .integration-logo{background:#e8f0fe;color:#1a56c4}
.demo-section{background:radial-gradient(ellipse at 0 100%,#ceeaff,transparent 65%),linear-gradient(110deg,#e7f4fc,#f6fbff);position:relative;overflow:hidden}.demo-section:before{content:'';position:absolute;width:750px;height:370px;left:-350px;bottom:-200px;border:30px solid #ffffff80;border-radius:50%;transform:rotate(20deg);pointer-events:none}.demo-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center;position:relative}.demo-copy h2{font-size:clamp(2rem,3.2vw,2.8rem);max-width:400px}.demo-copy>p:not(.eyebrow){margin-top:23px;color:var(--muted);font-size:.95rem}.demo-detail{display:flex;gap:15px;align-items:center;margin-top:35px;color:var(--royal);font-size:.86rem;line-height:1.6}.demo-detail>.icon{width:48px;height:48px;padding:10px;border:1px solid #9cc9e7;border-radius:50%}.demo-form{position:relative;background:#fff;border:1px solid #dcecf7;border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:19px;box-shadow:var(--shadow)}.demo-form .hp{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;opacity:0;pointer-events:none}.demo-form label{display:block;font-size:.78rem;font-weight:600;color:var(--ink)}.demo-form input,.demo-form textarea{width:100%;padding:12px;border:1px solid #c9dbe8;border-radius:7px;margin-top:8px;font:inherit;min-height:44px;background:#fbfdff;color:var(--ink)}.demo-form textarea{resize:vertical;min-height:92px}.demo-form input:focus,.demo-form textarea:focus{background:#fff}.demo-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-form .demo-checkbox{display:flex;align-items:center;gap:9px;font-weight:400;line-height:1.5;padding-top:19px}.demo-checkbox input{width:18px;height:18px;min-height:18px;margin:0;flex-shrink:0;accent-color:var(--blue)}.demo-feedback{font-size:.82rem;color:var(--muted);line-height:1.5;min-height:0}.demo-feedback:empty{display:none}.demo-thanks{background:white;border:1px solid #72b7db;border-radius:18px;padding:40px;color:var(--royal);box-shadow:var(--shadow);font-size:1rem;font-weight:600}.form-noscript{padding:20px;background:#fff4d8;border-radius:10px;margin-top:12px}.demo-form .btn{width:100%}
.pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;align-items:stretch;margin-top:48px}.ptier{border:1px solid var(--line);border-radius:15px;background:#fff;padding:28px 20px;display:flex;flex-direction:column;position:relative;box-shadow:0 8px 24px #10395a05}.ptier h3{font-size:.95rem}.price{font-family:Manrope,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-1.3px;margin-top:12px;color:var(--navy)}.price small{font:500 .75rem 'DM Sans',sans-serif;letter-spacing:0;color:var(--muted)}.ptier ul{list-style:none;padding:0;margin:22px 0 28px;flex:1;display:flex;flex-direction:column;gap:12px}.ptier li{font-size:.75rem;color:var(--muted);line-height:1.55}.ptier .btn{margin-top:auto;width:100%;font-size:.8rem;padding:11px 8px}.ptier.featured{border:2px solid #0082c5;background:linear-gradient(145deg,#f3fbff,#e5f4fd);box-shadow:0 16px 36px #126da21c;padding:27px 19px}.ptag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:5px 13px;border-radius:20px;background:var(--navy);color:#fff;font-size:.62rem;white-space:nowrap;font-weight:700}.featured h3,.featured .price{color:#006aa8}.pricing-note{text-align:center;color:var(--muted);font-size:.77rem;line-height:1.8;max-width:930px;margin:26px auto 0}.pricing-section{padding-top:90px}
.final-cta{background:var(--navy-deep) url('/assets/after-dark-hero.webp') right 34%/cover no-repeat;position:relative;color:white;isolation:isolate}.final-cta:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061d30f5,#082a46da 55%,#082a4699)}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:64px}.final-cta h2{font-size:clamp(1.8rem,3vw,2.4rem)}.final-cta p{color:#c0dcec;margin-top:16px;font-size:.93rem}.final-cta .btn{flex-shrink:0}.final-cta :focus-visible{outline-color:var(--sky)}.lfoot{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:35px;color:var(--muted);font-size:.75rem}.lfoot img{width:132px;height:auto}.lfoot nav{display:flex;gap:26px}.lfoot a{color:var(--muted);text-decoration:none}.lfoot a:hover{text-decoration:underline}.lfoot p{margin-left:auto}
@media(min-width:1600px){.hero-dark{background-size:100% auto;min-height:870px}.hero-split{padding-top:100px;padding-bottom:260px}}
@media(max-width:1150px){.wrap{width:calc(100% - 56px)}.hero-split{gap:32px;padding-top:60px}.hero-copy h1{font-size:3.1rem;letter-spacing:-1.9px}.hero-copy .lede{font-size:1rem}.hero-ctas{gap:10px}.hero-ctas .btn{font-size:.8rem;padding:12px 16px}.hero-dark{min-height:740px}.hero-chip{max-width:210px;padding:12px}.chip-a{right:-8px}.roles{grid-template-columns:repeat(3,1fr)}.role{padding:25px}.role h3{font-size:1rem}.role p{font-size:.84rem}.integrations{gap:14px}.integration{padding:20px 16px}.integration-head{flex-wrap:wrap}.demo-layout{gap:45px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:26px 18px}.ptier li{font-size:.85rem}.showcase-heading{gap:40px}.hero-preview{margin-top:40px}.hero-chip strong{font-size:.7rem}.hero-chip small{font-size:.62rem}}
@media(max-width:850px){.hero-dark{background-position:35% bottom;background-size:auto 100%;min-height:0}.hero-split{grid-template-columns:1fr;gap:52px;padding-top:45px;padding-bottom:130px}.hero-copy{max-width:660px}.hero-copy h1{font-size:clamp(2.9rem,6.4vw,4rem);max-width:660px}.hero-copy .lede{max-width:530px;font-size:1.06rem}.hero-preview{max-width:580px;width:calc(100% - 40px);justify-self:end;margin-top:0}.hero-ctas .btn{font-size:.88rem}.hero-dark:before{background:linear-gradient(#061d30a8,#061d3040 55%,transparent)}.lnav-links{gap:18px}.brand-logo{width:140px}.feature-grid{gap:22px}.feature-grid>div{display:block;padding-right:18px}.feature-grid .icon{margin-bottom:18px}.feature-grid h2{font-size:.93rem}.feature-grid p{font-size:.79rem}.reassurance ul{gap:18px}.reassurance li{font-size:.7rem}.pillars{grid-template-columns:1fr}.pillar{display:grid;grid-template-columns:44px 1fr;column-gap:20px;padding:25px}.pillar .icon-wrap{grid-row:1/3;margin:0}.pillar p{font-size:.9rem}.steps{grid-template-columns:repeat(2,1fr);gap:36px}.step:nth-child(2):after{content:none}.shots-grid{grid-template-columns:1fr;gap:30px}.shots-grid figure{max-width:660px;width:100%;margin-inline:auto;transform:none}.showcase-heading{grid-template-columns:1fr;gap:20px}.showcase-heading>p{justify-self:start;max-width:550px}.integrations{grid-template-columns:repeat(2,1fr);gap:20px}.integration-head{flex-wrap:nowrap}.demo-layout{grid-template-columns:1fr;gap:35px}.demo-copy{max-width:600px}.demo-copy h2{max-width:none}.demo-detail{display:none}.pricing-grid{grid-template-columns:repeat(2,1fr)}.final-inner{align-items:flex-start;flex-direction:column}.section{padding-block:64px}.benefits{padding-bottom:15px}.chip-a{top:30px;right:-14px}.chip-b{bottom:-10px;right:-4px}.preview-caption{margin-top:25px}.lfoot{flex-wrap:wrap}.lfoot p{margin-left:0}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.site-header{flex-direction:column;align-items:flex-start;padding-top:20px;padding-bottom:15px;gap:18px}.brand-logo{width:138px}.lnav-links{width:100%;gap:8px;justify-content:space-between}.lnav-links a{font-size:.72rem;padding-block:12px}.lnav-links .btn{padding:10px 14px;font-size:.74rem}.hero-split{padding-top:28px;gap:42px;padding-bottom:115px}.hero-copy h1{font-size:clamp(2.5rem,9.2vw,3.4rem);letter-spacing:-1.6px;line-height:1.13}.hero-copy .eyebrow{font-size:.6rem;letter-spacing:1.8px;margin-bottom:17px}.hero-copy .lede{font-size:1rem;margin-top:22px}.hero-ctas{gap:12px;flex-direction:column;align-items:flex-start;margin-top:25px}.hero-ctas .btn{min-height:48px;width:100%;max-width:310px}.hero-preview{width:100%;max-width:420px;justify-self:center;padding-inline:3px}.hero-dashboard{border-width:4px;border-radius:11px;transform:rotate(-1deg)}.preview-back{inset:-8px 6px 5px -2px}.chip-a{display:none}.chip-b{right:3px;bottom:-15px;padding:10px 12px;max-width:220px}.hero-chip>.icon{width:32px;height:32px;padding:8px}.preview-caption{font-size:.57rem;margin:30px 0 0}.hero-dark{background-position:28% bottom}.feature-grid{grid-template-columns:1fr;padding-block:28px;gap:24px}.feature-grid>div{display:flex;gap:18px;padding:0!important;border:0!important}.feature-grid .icon{margin:0;width:48px;height:48px;padding:12px}.feature-grid h2{font-size:1rem;margin-bottom:6px}.feature-grid p{font-size:.82rem}.reassurance ul{align-items:flex-start;flex-direction:column;gap:13px;padding-block:20px;width:fit-content}.reassurance li{font-size:.78rem}.section{padding-block:50px}.benefits{padding-bottom:8px}.section-head{margin-bottom:30px;text-align:left}.section-head>p:not(.eyebrow){font-size:.9rem;margin-top:15px}.eyebrow{font-size:.64rem;letter-spacing:1.7px}h2{font-size:1.85rem;letter-spacing:-.8px}.pillar{padding:24px 20px;column-gap:16px}.pillar h3{font-size:1rem}.pillar p{font-size:.83rem}.steps{grid-template-columns:1fr;gap:28px;margin-top:32px}.step{display:grid;grid-template-columns:44px 1fr;column-gap:19px}.step .num{grid-row:1/3;width:44px;height:44px;font-size:.95rem}.step:after{display:none}.step h3{font-size:1rem}.step p{font-size:.86rem}.showcase-heading{margin-bottom:28px}.showcase-heading>p{font-size:.88rem}.shots-grid figcaption{padding:18px;font-size:.8rem}.shots-grid figure{border-radius:10px}.roles{grid-template-columns:1fr 1fr;gap:12px}.role{padding:22px 15px}.role .icon-wrap{width:40px;height:40px}.role h3{font-size:.82rem}.role p{font-size:.77rem}.integrations{grid-template-columns:1fr;gap:16px}.integration{padding:23px}.integration-head{margin-bottom:12px}.integration h3{font-size:1rem}.integration p{font-size:.85rem}.demo-copy h2{font-size:2rem}.demo-form{padding:24px 20px;gap:20px}.demo-row{grid-template-columns:1fr;gap:20px}.demo-form .demo-checkbox{padding-top:0}.demo-form label{font-size:.85rem}.demo-form input,.demo-form textarea{font-size:16px}.pricing-grid{grid-template-columns:1fr;gap:26px;margin-top:35px}.ptier{padding:28px}.ptier.featured{padding:27px}.ptier h3{font-size:1.1rem}.ptier ul{gap:13px}.ptier li{font-size:.9rem}.ptier .btn{font-size:.9rem}.pricing-note{text-align:left;font-size:.78rem}.final-inner{padding-block:48px;gap:28px}.final-cta h2{font-size:1.9rem}.final-cta p{font-size:.9rem}.lfoot{gap:22px;padding-block:30px}.lfoot>a{width:100%}.lfoot img{width:125px}.lfoot nav{gap:20px}.lfoot p{font-size:.67rem}.lfoot{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.hero-dark,.final-cta{background:#102c4c!important;print-color-adjust:exact}.btn{box-shadow:none}.hero-preview,.showcase figure{transform:none}.section{padding-block:30px}.site-header{break-inside:avoid}.demo-form{break-inside:avoid}.ptier{break-inside:avoid}}

/* Horizontal homepage identity: original building mark and accessible wordmark. */
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex-shrink:0}.brand span{font-family:Manrope,sans-serif;font-size:1.45rem;font-weight:800;letter-spacing:-.7px;white-space:nowrap}.brand .brand-mark{width:52px;height:auto;flex-shrink:0}.brand-light{color:#fff}.brand-light .brand-mark{filter:brightness(0) invert(1)}.lfoot .brand{width:auto}@media(max-width:850px){.brand span{font-size:1.2rem}.brand .brand-mark{width:44px}.brand{gap:10px}}
@media(min-width:851px){.hero-copy h1{font-size:clamp(2.75rem,3.9vw,3.5rem);letter-spacing:-2px}.hero-ctas .btn-ghost{background:#061d30b3}}

/* Match the approved hero: left edge recedes; glass layers extend to the right. */
@media(min-width:561px){.hero-dashboard{transform:perspective(1100px) rotateY(-12deg) rotateZ(1deg);transform-origin:center}.preview-back{inset:12px -20px 20px 20px;transform:perspective(1100px) rotateY(-12deg) rotateZ(1deg);background:#199fe832;border-color:#83ddff8c}}

.hero-art-preview{margin-top:-42px;position:relative;isolation:isolate}.hero-art{display:block;position:relative;z-index:1;width:115%;margin-left:-5%;filter:drop-shadow(0 20px 30px #00122550)}.hero-art img{display:block;width:100%;height:auto}.hero-art-preview .preview-caption{margin-top:-35px;text-align:center;position:relative;z-index:1}.hero-glow{position:absolute;top:-18%;left:-18%;right:-18%;bottom:8%;border-radius:42%;filter:blur(55px);opacity:0;z-index:0;pointer-events:none;transition:opacity 3.5s ease-in-out}.hero-glow.on{opacity:.9}.hero-glow-a{background:radial-gradient(circle at 50% 40%,var(--navy),var(--blue) 85%)}.hero-glow-b{background:radial-gradient(circle at 50% 40%,var(--blue),var(--sky) 85%)}@media(min-width:851px){.hero-split:has(.hero-art-preview){padding-bottom:95px}}@media(max-width:850px){.hero-art-preview{margin-top:-35px}.hero-art{width:110%;margin-left:-5%}}@media(max-width:560px){.hero-art-preview{margin-top:-20px}.hero-art-preview .preview-caption{margin-top:-20px}}

/* Approved reference layouts: product story, branded connections, walkthrough. */
.product-story{display:grid;grid-template-columns:1.3fr 1fr .48fr;gap:30px;align-items:center}.story-desktop{margin:0;background:white;border:7px solid #e8f7ff;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px #155b8130}.story-desktop img{width:100%;height:auto;display:block}.story-copy h2{font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.15;letter-spacing:-.9px}.story-copy>p:not(.eyebrow){font-size:.85rem;color:var(--muted);margin-top:16px}.story-benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.story-benefits h3{font-size:.85rem;line-height:1.4;margin-bottom:9px}.story-benefits p{font-size:.74rem;color:var(--muted)}.story-phone{margin:0;position:relative;padding:20px 7px 16px;border:4px solid #172733;background:white;border-radius:27px;box-shadow:0 20px 35px #183c5930}.phone-speaker{width:35%;height:5px;background:#172733;border-radius:9px;position:absolute;top:7px;left:32%}.phone-header{font-size:.65rem;font-weight:700;padding:4px 4px 12px}.phone-header span{float:right}.story-phone>img{width:100%;height:160px;object-fit:cover;border-radius:9px}.phone-result{text-align:center;padding:15px 3px 12px;font-size:.65rem}.scan-check{display:block;margin:0 auto 8px;background:#e4f7e9;color:#268145;border-radius:50%;width:23px;height:23px;font-size:15px}.phone-result strong{display:block}.phone-result p{margin-top:8px}.phone-result small{font-size:.58rem;color:var(--muted)}.phone-home{width:45%;height:3px;background:#172733;border-radius:5px;margin:7px auto 0}
.integrations{gap:22px}.integration{text-align:center;padding:25px 18px;display:flex;flex-direction:column;align-items:center}.integration-head{display:contents}.integration .integration-logo{background:transparent;width:48px;height:48px;margin-bottom:13px;border-radius:0}.integration-logo img{width:48px;height:48px;object-fit:contain}.integration h3{font-size:.9rem;margin-bottom:12px}.integration .badge{order:3;margin-top:14px;color:#b73d66;background:#ffedf3;font-size:.66rem;padding:6px 18px}.integration p{font-size:.73rem;max-width:240px}.demo-section{background:#edf8ff url('/assets/walkthrough-chair.webp') left bottom/cover no-repeat;min-height:590px}.demo-layout{grid-template-columns:1fr 1.05fr;align-items:start;gap:70px}.demo-copy h2{font-size:2.2rem;max-width:none}.demo-copy>p:not(.eyebrow){font-size:.95rem;max-width:420px}.demo-form{background:#ffffffed;box-shadow:0 20px 50px #3876a126}.demo-form button{background:linear-gradient(#0799d6,#0077b8)}.demo-copy{padding-top:20px}
.demo-section{background-image:linear-gradient(to bottom,#f5fbff 0%,#f5fbfff2 27%,#f5fbff00 57%),url('/assets/walkthrough-chair.webp');background-size:100% 100%}.integration p{flex:1}.integration .badge{flex-shrink:0}
@media(max-width:1000px){.product-story{grid-template-columns:1fr 1fr;gap:25px}.story-copy{grid-column:2;grid-row:1/3}.story-phone{max-width:165px;justify-self:center}.story-desktop{grid-column:1}.demo-layout{gap:35px}}
@media(max-width:650px){.product-story{grid-template-columns:1fr}.story-copy{grid-column:auto;grid-row:1}.story-desktop{grid-column:auto}.story-phone{width:165px}.story-copy h2{font-size:1.9rem}.story-benefits p{font-size:.85rem}.story-benefits h3{font-size:.95rem}.demo-layout{grid-template-columns:1fr}.demo-copy{min-height:280px}.demo-section{background-size:auto 600px;background-position:left top;background-repeat:no-repeat}.demo-copy h2{font-size:1.9rem}.integrations{grid-template-columns:1fr 1fr}.integration{padding:22px 12px}.integration p{font-size:.72rem}}

/* One continuous animated surface, textured with the approved hero artwork. */
.hero-dark>*{position:relative}
.hero-dark .ribbon-surface{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0}
.hero-dark .ribbon-surface.is-ready{opacity:1}
.hero-dark .site-header,.hero-dark .hero-split{z-index:1}
@media(prefers-reduced-motion:reduce){.hero-dark .ribbon-surface{display:none}}
.story-desktop{position:relative;container-type:inline-size}
.screenshot-brand{position:absolute;left:1.15%;top:2.8%;width:12.6%;height:10.5%;background:#fff;border-radius:1cqw;display:flex;align-items:center;justify-content:center;gap:.45cqw;color:#123b67;font-size:1.08cqw;font-weight:800;white-space:nowrap;letter-spacing:-.025cqw}
.screenshot-brand img{width:2.65cqw!important;height:auto!important}

/* Reference composition: inventory list, editorial copy, scanning phone. */
.showcase{padding-block:58px;overflow:clip;background:radial-gradient(ellipse at 75% 0%,#ffffff 0%,transparent 60%),linear-gradient(155deg,#ddf4ff,#f6fcff 53%,#d9f2ff)}
.showcase:after{top:auto;bottom:-270px;right:-4%;width:110%;height:460px;border:36px solid #ffffff70;transform:rotate(-12deg)}
.product-story{grid-template-columns:1.4fr 1fr .43fr;gap:34px;align-items:center}
.inventory-model{display:flex;aspect-ratio:1.17;background:#fff;border:5px solid #82aec7;border-left-color:#c1e5f8;border-radius:17px;transform:perspective(1100px) rotateY(22deg);box-shadow:0 22px 40px #25648928;container-type:inline-size;min-width:0}
.model-sidebar{width:21%;flex-shrink:0;background:linear-gradient(150deg,#062e51,#165a90);padding:3cqw 1.7cqw;color:#c7e5fa;display:flex;flex-direction:column;gap:3cqw;font-size:2cqw}
.model-brand{display:flex;align-items:center;gap:.7cqw;color:#fff;font-size:1.65cqw;font-weight:800;margin-bottom:1cqw;white-space:nowrap}
.model-brand img{width:4cqw;height:auto;filter:brightness(0) invert(1)}
.model-sidebar>span{padding:1.2cqw .5cqw;white-space:nowrap}.model-sidebar .selected{background:#267ab0;border-radius:1cqw;color:#fff}
.model-main{flex:1;padding:3cqw 2.3cqw;min-width:0;color:#183c59}
.model-toolbar{display:flex;align-items:center;gap:2cqw;font-size:2.8cqw;margin-bottom:3.2cqw}.model-toolbar>span{font-size:1.65cqw;color:#7a91a3}.model-toolbar .model-add{margin-left:auto;background:#008fcb;color:white;padding:1cqw;border-radius:.6cqw;white-space:nowrap}
.model-tabs{display:flex;justify-content:space-between;align-items:center;font-size:1.7cqw;color:#607e94;padding-bottom:2cqw;border-bottom:1px solid #ebf1f6}.model-tabs b{background:#dcf3ff;color:#087dc0;padding:1cqw 1.6cqw;border-radius:.7cqw}
.model-labels,.model-row{display:grid;grid-template-columns:1.8fr 1fr .6fr;gap:1cqw;align-items:center}
.model-labels{font-size:1.7cqw;color:#8295a5;padding:2cqw 0}
.model-row{border-bottom:1px solid #e5edf4;padding:1.5cqw 0;font-size:1.8cqw;min-height:11cqw}
.model-item{display:flex;align-items:center;gap:1.5cqw;min-width:0}.model-item>.piece-picture,.model-item>img{width:10cqw;height:9cqw;object-fit:cover;flex-shrink:0;border-radius:1cqw}.model-item strong{font-size:1.95cqw;display:block}.model-item small{font-size:1.6cqw;color:#748ca1;line-height:1.5}
.model-status{font-size:1.65cqw;background:#e4f8ef;color:#279b75;padding:.8cqw;border-radius:.9cqw;white-space:nowrap;justify-self:start}.model-status.reserved{background:#ffebef;color:#d06574}.model-status.cleaning{background:#e0f3ff;color:#168fd1}
.story-copy h2{font-size:clamp(1.6rem,2.7vw,2.35rem);line-height:1.12}.story-copy .eyebrow{font-size:.6rem;letter-spacing:2px}.story-copy>p:not(.eyebrow){font-size:.9rem}
.story-benefits{gap:20px;margin-top:30px}.story-benefits>div+div{border-left:1px solid #c8e3f1;padding-left:18px}
.story-phone{transform:rotate(3deg);border-color:#242b31;outline:2px solid #b9c3c9;outline-offset:1px;padding:22px 6px 12px;border-radius:26px}
.phone-scan-photo{position:relative;background:#e4e4df;border-radius:8px;overflow:hidden;aspect-ratio:.78;display:grid;place-items:center}.phone-scan-photo .piece-picture{width:100%;height:100%}.scan-corners{position:absolute;inset:13%;border:1px solid #ffffffbd;border-radius:8px}
.phone-result{position:relative;padding:16px 2px 10px 22px;text-align:left}.phone-result .scan-check{position:absolute;left:0;top:16px;width:18px;height:18px;font-size:12px;background:#28b581;color:white}.phone-result strong{font-size:.65rem}.phone-result p{margin-top:12px;font-size:.63rem}.phone-result small{font-size:.55rem}
@media(max-width:1000px) and (min-width:651px){.product-story{grid-template-columns:1.25fr 1fr .43fr;gap:20px}.story-copy{grid-column:auto;grid-row:auto}.story-phone{width:100%;max-width:none}.story-benefits{grid-template-columns:1fr;gap:14px}.story-benefits>div+div{border-left:0;padding-left:0}.story-copy h2{font-size:1.7rem}}
@media(max-width:650px){.product-story{grid-template-columns:1fr;gap:34px}.story-copy{grid-row:1}.inventory-model{grid-column:auto;max-width:520px;transform:none}.story-phone{width:170px;justify-self:center}.story-benefits{grid-template-columns:1fr 1fr}.showcase{padding-block:45px}}
.team-section{padding-top:30px}.team-photo{position:relative;display:flex;justify-content:center}
.team-photo-office img{width:100%;max-width:1220px;height:auto;display:block;
 -webkit-mask-image:radial-gradient(ellipse 62% 72% at center,#000 58%,transparent 100%);
 mask-image:radial-gradient(ellipse 62% 72% at center,#000 58%,transparent 100%)}
@media(max-width:650px){.team-section{padding-top:10px}}
.demo-copy{position:relative}.demo-accent{position:absolute;right:-55px;top:110px;width:300px;height:auto;filter:drop-shadow(0 16px 20px #0c33581f);pointer-events:none;z-index:1}
@media(max-width:1150px){.demo-accent{width:225px;right:-55px;top:148px}}
@media(max-width:850px){.demo-accent{display:none}}
.workflow .section-head{position:relative}.workflow-accent{position:absolute;top:-16px;right:-220px;width:220px;height:auto;filter:drop-shadow(0 18px 22px #0c33581f);pointer-events:none;z-index:1}
@media(max-width:1400px){.workflow-accent{right:-195px;width:195px}}
@media(max-width:1150px){.workflow-accent{right:-145px;width:145px}}
@media(max-width:1050px){.workflow-accent{right:-95px;width:95px}}
@media(max-width:950px){.workflow-accent{right:-70px;width:70px}}
@media(max-width:900px){.workflow-accent{display:none}}
.reassurance{position:relative}.reassurance-row{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap}
/* Negative vertical margins keep this flex item's contribution to the row's
   own height equal to the thin bar's real content height, so the character
   (much taller than the bar) can stand beside the checklist and overflow
   above/below it without stretching the bar itself. */
.reassurance-accent{width:135px;height:auto;flex-shrink:0;margin-block:-61px;filter:drop-shadow(0 10px 14px #0c33581f);pointer-events:none}
@media(max-width:850px){.reassurance-accent{display:none}}
/* Anchored to .roles (the grid itself), not the heading above it -- the
   heading's text box and this grid scale at different rates as the viewport
   widens, so anchoring to the heading let him drift away from the card at
   widths nobody actually tested (caught live on a real wide monitor). Anchor
   to the same box the card lives in and the gap stays constant at any width. */
/* Two copies, shown one at a time: below 1500px there isn't enough real
   margin between the page edge and the first card to anchor to the card
   itself without either clipping off-canvas or overlapping it (checked with
   real boundingBox() measurements, not assumed) -- so at those widths this
   copy anchors to the heading instead, same as the workflow/pricing accents.
   Above 1500px there's finally enough margin, and anchoring to the card
   avoids the drift-from-heading bug caught on a real wide monitor. */
.roles-section .section-head{position:relative}.roles-accent-narrow{position:absolute;top:-16px;left:-193px;width:190px;height:auto;filter:drop-shadow(0 18px 22px #0c33581f);pointer-events:none;z-index:1}
@media(min-width:1501px){.roles-accent-narrow{display:none}}
@media(max-width:1400px){.roles-accent-narrow{left:-142px;width:160px}}
@media(max-width:1150px){.roles-accent-narrow{left:-6px;width:130px}}
@media(max-width:1050px){.roles-accent-narrow{left:32px;width:90px}}
@media(max-width:950px){.roles-accent-narrow{left:58px;width:65px}}
@media(max-width:900px){.roles-accent-narrow{display:none}}
.roles{position:relative}.roles-accent-wide{display:none}
@media(min-width:1501px){.roles-accent-wide{display:block;position:absolute;left:-107px;bottom:calc(100% + 18px);width:100px;height:auto;filter:drop-shadow(0 18px 22px #0c33581f);pointer-events:none;z-index:1}}
.showcase-accent{display:none}
@media(max-width:650px){.showcase-accent{display:block;position:absolute;left:10px;top:800px;width:80px;height:auto;filter:drop-shadow(0 10px 14px #0c33581f);pointer-events:none;z-index:2}}
@media(max-width:400px){.showcase-accent{top:880px;left:8px;width:68px}}
@media(max-width:560px){.reassurance-accent{display:block;position:absolute;right:10px;left:auto;top:50%;transform:translateY(-50%);width:75px;margin:0;z-index:2}}
.pricing-section .section-head{position:relative}.pricing-accent2{position:absolute;top:-16px;right:-230px;width:190px;height:auto;filter:drop-shadow(0 18px 22px #0c33581f);pointer-events:none;z-index:1}
@media(max-width:1400px){.pricing-accent2{right:-170px;width:160px}}
@media(max-width:1150px){.pricing-accent2{right:-140px;width:130px}}
@media(max-width:1050px){.pricing-accent2{right:-98px;width:90px}}
@media(max-width:950px){.pricing-accent2{right:-70px;width:65px}}
@media(max-width:900px){.pricing-accent2{display:none}}
.final-cta-accent{position:absolute;left:70%;bottom:0;transform:translateX(-50%);width:140px;height:auto;filter:drop-shadow(0 18px 24px #00000080);pointer-events:none;z-index:1}
@media(max-width:1150px){.final-cta-accent{width:115px}}
@media(max-width:900px){.final-cta-accent{display:none}}