:root{--blue:#1355b2;--deep:#0d3f88;--pale:#e5effd;--rose:#f5569b;--rose-deep:#c92e73;--rose-pale:#fde8f1;--cloud:#f8fafd;--ink:#17263d;--body:#43536a;--muted:#718198;--line:#e1e8f1;--max:1200px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}a:focus-visible,button:focus-visible{outline:3px solid var(--rose);outline-offset:4px}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.eyebrow:before{width:7px;height:7px;border-radius:50%;background:var(--rose);content:""}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;border-radius:8px;background:var(--blue);color:#fff;font-size:13px;font-weight:780;transition:background .2s,transform .2s}.button:hover{background:var(--deep);transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:13px;font-weight:790}.text-link:hover{color:var(--rose-deep)}
.topbar{height:74px;border-bottom:1px solid var(--line);background:#fff}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--deep);font-size:23px;font-weight:850;letter-spacing:-.05em}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--blue);color:#fff;font-size:14px}.navlinks{display:flex;align-items:center;gap:30px;color:var(--body);font-size:13px;font-weight:680}.navlinks a:hover,.navlinks a[aria-current]{color:var(--blue)}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);font-size:24px;cursor:pointer}
.hero{text-align:center;padding:100px 0 92px}.hero .wrap{max-width:980px}.crumb{margin-bottom:36px;color:var(--muted);font-size:11px;text-align:left}.crumb span{margin:0 7px;color:#acb9c9}.hero h1{max-width:920px;margin:21px auto 22px;font-size:clamp(46px,6vw,76px);line-height:1.04;letter-spacing:-.07em}.hero p{max-width:680px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:28px}.hero-image{height:440px;overflow:hidden;margin-top:55px;border-radius:15px;background:var(--cloud)}.hero-image img{width:100%;height:100%;display:block;object-fit:cover}.hero-image.tall img{object-position:center 32%}
.section{padding:92px 0}.section.cloud{background:var(--cloud)}.section-head{max-width:770px;margin-bottom:34px}.section-head h2{margin:14px 0 12px;font-size:clamp(35px,4.3vw,53px);line-height:1.09;letter-spacing:-.06em}.section-head p{max-width:670px;color:var(--muted);font-size:14px;line-height:1.7}.section-head.center{margin:0 auto 42px;text-align:center}.section-head.center p{margin-inline:auto}
.category-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.category-card{min-height:425px;display:flex;flex-direction:column;overflow:hidden;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:background .2s}.category-card:hover{background:#f9fbfe}.category-card img{display:block;width:100%;height:205px;object-fit:cover;border-radius:8px}.category-card .content{display:flex;flex:1;flex-direction:column;padding:19px 3px 5px}.category-card small{margin-bottom:10px;color:var(--rose-deep);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.category-card strong{font-size:27px;line-height:1.16;letter-spacing:-.045em}.category-card p{margin:10px 0 22px;color:var(--muted);font-size:12px;line-height:1.65}.category-card .arrow{margin-top:auto;color:var(--blue);font-size:12px;font-weight:800}.research-card{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:27px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.research-card small{display:block;margin-bottom:9px;color:var(--rose-deep);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.research-card h3{margin:0 0 8px;font-size:24px;letter-spacing:-.045em}.research-card p{max-width:640px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.research-card>span{padding:9px 12px;border-radius:5px;background:var(--pale);color:var(--deep);font-size:10px;font-weight:800;white-space:nowrap}
.steps{border-top:1px solid #d5e0ed}.step{display:grid;grid-template-columns:70px .9fr 1.15fr;align-items:start;gap:26px;padding:26px 0;border-bottom:1px solid #d5e0ed}.step>span{color:var(--rose-deep);font-size:11px;font-weight:850}.step h3{margin:0;font-size:21px;line-height:1.22;letter-spacing:-.04em}.step p{max-width:590px;margin:0;color:var(--body);font-size:13px;line-height:1.7}.feature-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:66px}.feature-split h2{margin:14px 0 15px;font-size:clamp(35px,4.2vw,52px);line-height:1.09;letter-spacing:-.06em}.feature-split p{color:var(--body);font-size:14px;line-height:1.72}.feature-photo{height:420px;overflow:hidden;border-radius:14px;background:#e7edf4}.feature-photo img{width:100%;height:100%;display:block;object-fit:cover}.feature-photo.tall img{object-position:center 35%}.feature-note{margin-top:21px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.6}
.planned-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.planned-card{min-height:135px;display:flex;flex-direction:column;justify-content:space-between;padding:21px 23px;border:1px solid #dfe7f1;border-radius:9px;background:#fff}.planned-card small{color:var(--rose-deep);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.planned-card strong{max-width:470px;font-size:19px;line-height:1.28;letter-spacing:-.035em}.planned-note{margin:14px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.link-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:31px}.line-link{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d7e2ee;font-size:14px;font-weight:770}.line-link span{color:var(--blue);font-size:19px}.line-link:hover{color:var(--blue)}.subhead{margin:46px 0 10px;font-size:24px;letter-spacing:-.045em}
.demo-canvas{padding:22px;border-radius:17px;background:linear-gradient(135deg,#e7f1fe,#fcebf3)}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.demo-window{overflow:hidden;border:1px solid #dce6f0;border-radius:10px;background:#fff;box-shadow:0 12px 25px rgba(23,38,61,.055)}.demo-head{display:flex;justify-content:space-between;gap:9px;padding:15px 17px;border-bottom:1px solid #e8edf3}.demo-head strong{font-size:12px}.demo-head span{color:var(--muted);font-size:9px}.demo-body{min-height:220px;padding:17px}.demo-body>small{display:block;margin-bottom:12px;color:var(--blue);font-size:9px;font-weight:850;letter-spacing:.07em}.demo-row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #ecf0f5;color:var(--muted);font-size:10px}.demo-row b{color:var(--ink);text-align:right}.demo-row:last-child{border:0}
.closing{padding:76px 0}.closing-card{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:47px 53px;border-radius:16px;background:var(--deep);color:#fff}.closing-card .eyebrow{color:#bed3f6}.closing-card h2{max-width:610px;margin:13px 0 8px;font-size:clamp(31px,3.8vw,46px);line-height:1.1;letter-spacing:-.055em}.closing-card p{margin:0;color:#c6d5ec;font-size:13px;line-height:1.6}.closing .button{flex:none;background:#fff;color:var(--deep)}footer{padding:27px 0;border-top:1px solid var(--line)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.footer-links{display:flex;gap:24px}.footer-links a:hover{color:var(--blue)}.caption{margin:10px 2px 0;color:var(--muted);font-size:10px;text-align:right}
@media(max-width:760px){.wrap{width:min(var(--max),calc(100% - 36px))}.topbar{height:66px}.navlinks{display:none;position:absolute;z-index:10;top:66px;left:0;right:0;padding:15px 20px 20px;border-bottom:1px solid var(--line);background:#fff;box-shadow:0 12px 25px rgba(23,38,61,.08)}.navlinks.open{display:flex;flex-direction:column;align-items:stretch;gap:18px}.navlinks .button{align-self:flex-start}.menu-toggle{display:block}.hero{padding:56px 0 66px}.hero h1{font-size:clamp(43px,10vw,61px)}.hero-image{height:280px;margin-top:40px}.section{padding:70px 0}.section-head h2,.feature-split h2{font-size:38px}.category-grid,.feature-split,.planned-grid,.link-grid,.demo-grid{grid-template-columns:1fr}.feature-photo{height:340px}.step{grid-template-columns:42px 1fr;gap:13px}.step p{grid-column:2}.research-card{grid-template-columns:1fr}.closing{padding:55px 0}.closing-card{align-items:flex-start;flex-direction:column;padding:36px 27px}.footer-row{align-items:flex-start;flex-wrap:wrap}}@media(max-width:460px){.hero p{font-size:15px}.category-card{min-height:0}.category-card img{height:185px}.category-card strong{font-size:23px}.feature-photo{height:270px}.demo-canvas{padding:11px}.footer-links{gap:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.category-card{transition:none}}

.category-card .category-outcome{display:block;margin:-3px 0 16px;color:#52647e;font-size:11px;font-weight:680;line-height:1.45}
.guide-example{background:#f8fafd}.guide-example-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:20px}.guide-example-main,.guide-example-aside{padding:31px;border:1px solid #dce5f1;border-radius:16px;background:#fff}.guide-example-aside{background:#eef4fc}.guide-kicker{color:#1355b2;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.guide-example h3{margin:12px 0 20px;font-size:clamp(23px,2.4vw,30px);line-height:1.16;letter-spacing:-.045em}.guide-example p{color:#52647e;font-size:13px;line-height:1.7}.guide-checklist{list-style:none;counter-reset:guide;display:grid;gap:0;margin:0;padding:0}.guide-checklist li{counter-increment:guide;display:grid;grid-template-columns:34px 135px 1fr;gap:10px;align-items:start;padding:18px 0;border-top:1px solid #e0e8f2}.guide-checklist li:before{content:counter(guide,decimal-leading-zero);color:#c92e73;font-size:11px;font-weight:850}.guide-checklist strong{font-size:13px}.guide-checklist span{color:#52647e;font-size:12px;line-height:1.6}.guide-detail-row{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:16px 0;border-top:1px solid #e0e8f2;font-size:13px}.guide-detail-row span{color:#718198}.guide-detail-row strong{font-weight:740}.guide-aside-note{margin-top:22px;padding-top:18px;border-top:1px solid #d6e2f0}
@media(max-width:850px){.guide-example-grid{grid-template-columns:1fr}}@media(max-width:560px){.guide-example-main,.guide-example-aside{padding:23px}.guide-checklist li{grid-template-columns:30px 1fr;row-gap:4px}.guide-checklist li span{grid-column:2}.guide-detail-row{grid-template-columns:1fr;gap:5px}}

/* Centered resource heroes follow the pricing hero's soft tint-to-white fade. */
.hero.hero--gradient{background:linear-gradient(180deg,var(--hero-wash) 0%,#f8fafd 68%,#fff 100%)}
.hero--resource-hub{--hero-wash:#eaf1ff}
.hero--starting{--hero-wash:#fff2e4}
.hero--service-design{--hero-wash:#f2edfc}
.hero--pet-care{--hero-wash:#e8f7f2}
.hero--inventory{--hero-wash:#ffede8}
