:root{--ink:#101715;--paper:#f4f2eb;--sage:#b9c8b7;--pink:#e5b5a9;--blue:#b0c5cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #e5b5a9;outline-offset:6px}header,main,footer{max-width:1440px;margin:auto}header{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff22}.wordmark{font-size:26px;letter-spacing:-1px;font-weight:600}.wordmark span{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;margin-top:8px;font-weight:400}nav{display:flex;gap:30px;font-size:13px;color:#c0c6c0}.login{font-size:13px;border:1px solid #66716a;padding:13px 19px;border-radius:30px}.hero{padding:68px 6% 0;position:relative;overflow:hidden}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2px;font-weight:600}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--sage);border-radius:50%;margin-right:8px}h1{font-size:clamp(64px,7.8vw,112px);line-height:1.01;font-weight:400;letter-spacing:-6px;margin:35px 0 40px;position:relative;z-index:1}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--pink)}.hero-bottom{position:relative;z-index:1;display:flex;align-items:end;gap:45px;padding-bottom:65px}.hero p{font-size:17px;color:#bdc5bf;line-height:1.6;margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:17px 23px;border-radius:32px;font-size:13px;font-weight:600;transition:transform .2s}.button:hover{transform:translateY(-3px)}.light{background:var(--paper);color:var(--ink)}.dark{background:var(--ink);color:var(--paper)}.brand-art{position:absolute;right:-50px;top:15px;width:58%;opacity:.88;pointer-events:none}.brand-art img{display:block;width:100%}.hero-index{border-top:1px solid #ffffff26;display:flex;justify-content:space-between;padding:24px 0;color:#b8c4ba;font-size:11px;letter-spacing:1px}.intro{padding:95px 6% 65px;display:grid;grid-template-columns:2fr 1fr;gap:24px}.intro .eyebrow{grid-column:1/-1;color:var(--sage)}h2{font-size:clamp(30px,3.7vw,52px);font-weight:400;letter-spacing:-2px;line-height:1.12;margin:0}h2 span{color:#84968b}.intro p{align-self:end;color:#b2beb6;font-size:15px;line-height:1.7;max-width:310px}.product{margin:0 4% 22px;border-radius:18px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:55px;color:var(--ink)}.analytics{background:#c7d1c0}.hub{background:#e6c0b4}.content{background:#bfd0d8}.product-top{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:10px;margin-bottom:33px;text-transform:uppercase;letter-spacing:1px}.product-top b{font-weight:400;border:1px solid #10171544;border-radius:20px;padding:7px 10px;font-size:9px}.product h2{font-size:41px;letter-spacing:-1.8px}.product p{font-size:15px;line-height:1.6;max-width:430px}.product ul{list-style:none;padding:0;margin:25px 0;font-size:12px;line-height:1.65}.product li{margin:10px 0;padding-left:19px;position:relative}.product li:before{content:'↗';position:absolute;left:0}.product-copy>small{display:block;font-size:10px;margin-top:15px;opacity:.65}.mock{align-self:center;background:#f8f7f1;padding:26px;border-radius:12px;box-shadow:0 16px 28px #18251e14;transform:rotate(-1deg)}.mock-head{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding-bottom:20px;border-bottom:1px solid #ddd}.mock-head span{font-size:9px;color:#6b776e}.metric-demo{display:flex;justify-content:space-between;padding:25px 0}.metric-demo small{display:block;font-size:10px;color:#6b776e}.metric-demo b{font-size:21px;display:block;margin-top:8px;font-weight:400}.bars{height:150px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #ccc}.bars i{height:var(--h);background:#567b65;flex:1;border-radius:3px 3px 0 0}.bars i:nth-child(3n){background:#a8b9a0}.mock-foot{display:flex;justify-content:space-between;color:#758275;font-size:10px;padding:14px 0}.insight{background:#e9ede5;border-radius:8px;padding:18px;font-size:13px;margin-top:15px}.insight span{display:block;font-size:11px;line-height:1.6;margin-top:9px;color:#667263}.hub-mock{transform:rotate(1deg)}.product-sample{display:flex;align-items:center;gap:25px;padding:28px 0}.bottle{width:65px;height:115px;border-radius:12px 12px 16px 16px;background:linear-gradient(90deg,#d4b59b,#f1dcc4,#cbae96);position:relative;margin:10px 16px}.bottle:before{content:'';position:absolute;top:-12px;left:13px;width:39px;height:18px;background:#343b33;border-radius:5px}.bottle:after{content:'PRODUCT';position:absolute;left:4px;top:50px;font-size:9px;letter-spacing:1px}.product-sample small{font-size:10px;color:#777}.product-sample h3{font-size:21px;font-weight:400}.pill{font-size:10px;border-radius:20px;padding:7px 10px;background:#ead8c5}.steps>div{display:flex;align-items:center;gap:15px;padding:15px 0;border-top:1px solid #deded5;font-size:12px}.steps b{color:#9a8977;font-size:10px}.steps i{margin-left:auto;font-size:10px;font-style:normal;color:#798372}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.kanban>div>small{font-size:9px;color:#778177}.kanban article{background:white;padding:10px;border-radius:6px;margin-top:12px}.thumb{display:grid;place-items:center;height:90px;border-radius:4px;font-size:30px}.peach{background:#e5beb1}.sage{background:#c3d1bf}.blue{background:#b9ced8}.kanban b{font-size:11px;display:block;margin-top:12px;line-height:1.4}.kanban p{font-size:9px}.approach{padding:90px 6%}.approach h2{margin:25px 0 45px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.principles article{border-top:1px solid #47554b;padding-top:23px}.principles article>span{color:#b0c1b0;font-size:12px}.principles h3{font-size:21px;font-weight:400}.principles p{color:#a7b3a9;font-size:14px;line-height:1.7}.access{background:var(--paper);color:var(--ink);padding:70px 6%;border-radius:20px;margin:0 4% 55px}.access h2{margin:22px 0}.access>p{font-size:15px;color:#6c766b;line-height:1.6;max-width:610px}.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.access-grid>a,.access-grid>div{border:1px solid #cbd1c5;border-radius:10px;padding:25px}.access-grid>a:hover{background:#e5eade}.access-grid span{font-size:11px;color:#8e9c89}.access-grid h3{font-size:23px;font-weight:400}.access-grid p{font-size:12px;color:#6a7568;line-height:1.5}.access-grid b{font-size:12px;display:block;margin-top:30px}.access .access-note{font-size:11px;margin-top:25px}footer{padding:0 6% 40px;display:flex;justify-content:space-between;align-items:center;gap:30px}footer>span,footer>a:last-child{font-size:11px;color:#aab7ac}@media(max-width:900px){nav{display:none}.brand-art{right:-90px;top:90px;width:65%;opacity:.32}.hero-bottom{gap:25px}.product{padding:30px;gap:25px}.product h2{font-size:32px}.mock{padding:18px}.intro{grid-template-columns:1fr}.intro p{max-width:550px}.product-top{align-items:start;flex-direction:column;gap:8px}.access-grid{gap:10px}.access-grid>a,.access-grid>div{padding:18px}}@media(max-width:640px){header{padding:22px 6%}.wordmark{font-size:22px}.wordmark span{font-size:7px}.login{font-size:11px;padding:10px}.hero{padding-top:45px}h1{letter-spacing:-3px;font-size:66px}.brand-art{top:50px;width:95%;right:-110px;opacity:.18}.hero-bottom{flex-direction:column;align-items:start;padding-bottom:38px}.hero-index{font-size:8px;gap:10px}.intro{padding:60px 6% 35px}.product{grid-template-columns:1fr;padding:26px;gap:35px}.product-top{flex-direction:row}.product h2{font-size:35px}.mock{transform:none}.approach{padding:55px 7%}.principles,.access-grid{grid-template-columns:1fr;gap:24px}.access{padding:38px 7%}.access-grid b{margin-top:15px}footer{flex-wrap:wrap}footer>span{max-width:160px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.brand-art{mask-image:radial-gradient(ellipse 65% 52% at 55% 48%,#000 45%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 65% 52% at 55% 48%,#000 45%,transparent 100%)}.hero-index{position:relative;z-index:2}