@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');
:root{--navy:#08233f;--blue:#086bd4;--muted:#5c6e81;--line:#dce5ee;--pale:#f1f6fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--navy);background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #4d9aff;outline-offset:5px}.wrap{max-width:1240px;margin:auto;width:calc(100% - 100px)}.header{max-width:1340px;margin:auto;padding:25px 50px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.wordmark{font-family:Manrope,Arial,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.5px;position:relative;line-height:1.3}.wordmark span{color:var(--blue)}.wordmark i{display:block;width:45px;height:3px;background:var(--blue);position:absolute;right:0;bottom:-5px;border-radius:4px}nav{display:flex;gap:32px;margin:auto;font-size:14px;font-weight:500}nav a:hover,.text-link:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:6px;padding:16px 22px;background:var(--blue);color:white;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#0756a9;transform:translateY(-2px)}.button.small{padding:11px 18px;font-size:13px}.hero{display:grid;grid-template-columns:0.9fr 1.25fr;gap:50px;align-items:center;min-height:700px;padding:75px 0 100px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;margin:0 0 22px}.eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:9px;vertical-align:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.13}h1{font-size:clamp(42px,4.65vw,66px);letter-spacing:-3px;margin-bottom:25px;font-weight:800}h1 em{font-style:normal;color:var(--blue)}.intro{color:var(--muted);font-size:17px;max-width:410px;line-height:1.8}.actions{display:flex;align-items:center;gap:25px;margin-top:31px}.text-link{font-size:14px;font-weight:700;display:inline-flex;gap:16px;align-items:center}.hero-note{font-size:12px;color:var(--muted);margin:23px 0 0}.hero-visual{position:relative;padding:28px 0 35px 12px}.hero-visual:before{content:'';position:absolute;inset:-32px -22px -25px -20px;border-radius:32px;background:radial-gradient(ellipse at 90% 15%,#d3e8ff,transparent 68%),#f0f5fb;z-index:-1}.visual-label{display:flex;align-items:center;font-size:10px;gap:7px;padding:0 0 15px;font-weight:600;color:#587087}.visual-label>span:last-child{margin-left:auto;font-size:8px;letter-spacing:1px}.live-dot{width:5px;height:5px;background:#086bd4;border-radius:50%}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;background:#fafcfe}.principles .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.principles span{color:var(--muted)}.principles b:before{content:'✓';color:var(--blue);margin-right:10px}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 90px;align-items:end;margin-bottom:45px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:17px}h2{font-size:42px;letter-spacing:-1.7px;font-weight:800;margin-bottom:23px}.section-heading p:last-child{max-width:420px;color:var(--muted);margin-bottom:23px}.workspace-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.feature-main{background:var(--pale);padding:35px 38px;border:1px solid var(--line);border-radius:12px}.section-number{font-size:10px;letter-spacing:1.4px;color:#557693;font-weight:700}h3{font-size:25px;letter-spacing:-.7px;margin:17px 0 15px}.feature-main>p,.feature-side p{font-size:14px;color:var(--muted);max-width:440px;line-height:1.8}.mini-board{background:#fff;border:1px solid var(--line);border-radius:7px;padding:17px;margin-top:30px;font-size:10px}.mini-board>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:8px;letter-spacing:1px}.mini-board p{display:flex;align-items:center;gap:14px;padding-top:15px;margin:0}.mini-board strong{width:105px;font-size:9px}.bar{display:block;border-radius:3px;background:#eaf3ff;border-left:3px solid var(--blue);font-size:8px;padding:7px 9px;flex:1}.bar.two{margin-left:28px}.bar.three{margin-left:55px}.mini-board>small{font-size:7px;display:block;text-align:right;color:var(--muted);margin-top:15px}.feature-side{display:grid;gap:22px}.feature-side article{border:1px solid var(--line);border-radius:12px;padding:30px 33px}.feature-side .icon{float:right;font-size:25px;color:var(--blue)}.feature-side h3{max-width:330px}.feature-side p{margin-bottom:0}.options{background:var(--navy);color:white}.options .eyebrow{color:#7fbaff}.options-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:37px}.options-heading>p{color:#b7cada;max-width:360px;font-size:15px;margin-bottom:25px}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 38px}.option-grid article{border-top:1px solid #ffffff26;padding:27px 0 30px}.option-grid article>span{color:#75aff0;font-size:11px}.option-grid h3{font-size:21px;letter-spacing:-.4px}.option-grid p{color:#b7cada;font-size:14px;max-width:320px;min-height:68px}.option-grid small{font-size:10px;color:#85bfff}.getting-started{display:grid;grid-template-columns:1fr 1fr;gap:100px}.getting-started>div>p:not(.eyebrow){color:var(--muted);max-width:400px;font-size:15px}.getting-started .text-link{margin-top:12px;color:var(--blue)}.steps{list-style:none;padding:0;margin:5px 0 0}.steps li{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:23px 0}.steps li:first-child{padding-top:0}.steps li>span{font-size:12px;color:var(--blue);margin-top:4px}.steps h3{font-size:20px;margin:0 0 10px}.steps p{font-size:14px;color:var(--muted);margin:0}.contact{display:flex;justify-content:space-between;align-items:center;gap:50px;background:var(--pale);border:1px solid #cee0f4;border-radius:14px;padding:50px 55px}.contact .eyebrow{color:var(--blue)}.contact h2{font-size:38px}.contact>div>p:not(.eyebrow){font-size:14px;max-width:450px;color:var(--muted);margin-bottom:0}.contact-action{flex:none}.contact-action .light{background:var(--navy);font-size:13px}.contact-action>p{font-size:12px!important;margin-top:17px;line-height:1.8}footer{display:flex;align-items:center;gap:25px;padding:40px 0 30px;font-size:12px;color:var(--muted)}footer .wordmark{font-size:23px;color:var(--navy)}footer small{margin-left:auto;font-size:10px}footer>a:last-child{font-size:11px}@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.header{padding:23px 30px}.hero{gap:30px;grid-template-columns:1fr 1.1fr}.hero-visual{padding-left:0}.demo-content{padding:10px}.demo aside{width:35px}.demo aside>span{width:26px}h1{font-size:48px}.actions{gap:16px}.actions .text-link{font-size:12px}.floating-note{right:0}.principles .wrap{font-size:11px}.section-heading{gap:0 40px}.getting-started{gap:60px}.contact{padding:40px 35px}.contact h2{font-size:32px}.contact .button{gap:15px}}@media(max-width:800px){nav{display:none}.header .button{margin-left:auto}.hero{grid-template-columns:1fr;gap:40px;padding:55px 0 65px}.hero-copy{max-width:600px}h1{font-size:58px}.intro{max-width:510px}.hero-visual{margin:10px 10px 0}.demo{min-height:390px}.roster>div{min-height:240px}.shift small{font-size:8px}.shift b{font-size:11px}.shift strong{font-size:10px}.shift p{font-size:9px}.shift>span{font-size:7px}.principles .wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px}.principles span{grid-column:1/-1}.section{padding-top:65px;padding-bottom:65px}.section-heading{grid-template-columns:1fr;gap:0}.section-heading p:last-child{max-width:540px;margin-bottom:0}.workspace-grid{grid-template-columns:1fr}.feature-side{grid-template-columns:1fr 1fr}.feature-side article{padding:25px}.feature-side h3{font-size:22px}.options-heading{display:block}.options-heading>p{max-width:500px}.option-grid{grid-template-columns:repeat(2,1fr);gap:0 25px}.getting-started{grid-template-columns:1fr;gap:35px}.contact{display:block}.contact-action{margin-top:25px}footer{flex-wrap:wrap;gap:15px}footer>span{display:none}}@media(max-width:480px){.wrap{width:calc(100% - 40px)}.header{padding:20px}.wordmark{font-size:28px}.header .button{font-size:11px;padding:9px 12px;gap:13px}.hero{padding-top:40px;gap:28px}h1{font-size:46px;letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:1.4px}.intro{font-size:15px}.actions{gap:20px;flex-wrap:wrap}.button{font-size:13px;padding:13px 17px}.hero-visual{margin:10px 0 0;padding-bottom:36px}.hero-visual:before{inset:-15px -10px -15px;border-radius:20px}.visual-label{font-size:8px}.visual-label>span:last-child{font-size:6px}.demo aside{display:none}.demo-content{padding:10px}.demo{min-height:340px}.roster>div{min-height:222px}.shift{padding:7px 4px;margin:4px}.shift small{font-size:5.5px}.shift b{font-size:8px}.shift strong{font-size:7px}.shift p{font-size:6.5px}.shift>span{font-size:5px}.floating-note{padding:9px 12px;bottom:0}.floating-note b{font-size:10px}.floating-note p{font-size:8px}.floating-note>span{width:26px;height:26px;font-size:12px}.principles .wrap{font-size:11px}.principles b{font-size:10px}h2{font-size:33px;letter-spacing:-1.2px}.feature-main{padding:26px 23px}.feature-side{grid-template-columns:1fr}.feature-main>p,.feature-side p{font-size:13px}.mini-board{padding:12px}.mini-board strong{width:78px;font-size:8px}.bar{font-size:6px;padding:6px}.option-grid{grid-template-columns:1fr}.option-grid article{padding:23px 0}.option-grid h3{margin-top:10px}.option-grid p{min-height:0;max-width:100%}.contact{padding:30px 25px}.contact h2{font-size:29px}.contact .button{font-size:11px;gap:15px}.steps li{gap:18px}footer{padding-top:30px}footer small{margin-left:auto}footer>a:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Product captures are unaltered screenshots, never recreated interface cards. */
.actual-product{margin:0;padding:24px 0}.actual-product:before{inset:-28px -22px;border-radius:24px}.screenshot-link{display:block;border:1px solid #c8d8e9;border-radius:8px;overflow:hidden;box-shadow:0 16px 35px #08233f12;background:#f2f6fb}.screenshot-link img{display:block;width:100%;height:auto}.actual-product figcaption,.actual-board figcaption{font-size:10px;color:var(--muted);line-height:1.8;margin-top:15px}.actual-product figcaption a,.actual-board figcaption a{color:var(--blue);font-weight:700}.actual-board{margin:28px 0 0}.actual-board .screenshot-link{box-shadow:none}.hero{grid-template-columns:.85fr 1.35fr}.feature-main{min-width:0}.hero-visual{min-width:0}@media(max-width:800px){.hero{grid-template-columns:1fr}.actual-product{margin:0 8px}}@media(max-width:480px){.actual-product{margin:0}.actual-product:before{inset:-12px -8px}.actual-product figcaption,.actual-board figcaption{font-size:9px}}

.data-section{background:#f6f9fd;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:25px}.data-heading .eyebrow{color:var(--blue)}.data-heading>p{font-size:17px;color:var(--muted);max-width:490px;margin-bottom:24px}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}.data-grid article{padding:27px 0;border-top:1px solid var(--line)}.data-grid article>span{font-size:11px;color:var(--blue);font-weight:700}.data-grid h3{font-size:20px;line-height:1.35;margin:12px 0}.data-grid p{font-size:14px;color:var(--muted);margin-bottom:0;line-height:1.8}.data-footnote{border-top:1px solid var(--line);padding-top:22px;margin:5px 0 0;font-size:13px;font-weight:600;color:#426180}@media(max-width:1100px){nav{gap:20px}.header{gap:25px}}@media(max-width:800px){.data-heading{grid-template-columns:1fr;gap:0}.data-heading>p{font-size:15px}.data-grid{grid-template-columns:repeat(2,1fr);gap:0 25px}}@media(max-width:480px){.data-grid{grid-template-columns:1fr}.data-grid article{padding:23px 0}.data-footnote{font-size:12px}}
