@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f5f4ee;--ink:#262922;--muted:#77796f;--line:#dddfd5;--gold:#e8be60;--violet:#9787b9;--green:#566b51;--body:'DM Sans',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:5px}.shell{max-width:1280px;margin:auto;padding-left:54px;padding-right:54px}.skip{position:fixed;top:-60px;background:var(--ink);color:white;padding:10px;z-index:20}.skip:focus{top:0}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{display:inline-flex;gap:9px;align-items:center;font:750 23px/1 var(--heading);letter-spacing:-1.2px}.wordmark img{flex-shrink:0}.wordmark .labs{font-weight:450;margin-left:3px}nav{display:flex;gap:31px;font-size:13px}nav a:hover,.text-link:hover{color:var(--green)}.header-cta{font-size:12px;padding:9px 0;border-bottom:1px solid #9ba08c;display:flex;gap:24px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding-top:65px;padding-bottom:87px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.9px;line-height:1.4;margin:0 0 25px}.small-cross{font-size:18px;vertical-align:middle;margin-right:9px;color:var(--green)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);font-weight:550}h1{font-size:clamp(44px,5.2vw,73px);line-height:1.1;letter-spacing:-4.3px;margin-bottom:25px}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.055em}.hero-intro{max-width:365px;font-size:15px;line-height:1.8;color:#676b61;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;gap:35px;padding:13px 19px;border:0;border-radius:5px;font-size:12px;font-weight:550}.dark{background:var(--ink);color:#fff}.dark:hover{background:#424c3a}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:16px}.hero-caption{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:10px;margin-top:43px}.dash{width:20px;height:1px;background:#9ca08e}.hero-visual{min-height:414px;position:relative;padding:28px;background:#eaece1;border:1px solid #e0e3d7;border-radius:8px;background-image:linear-gradient(#d9ddce70 1px,transparent 1px),linear-gradient(90deg,#d9ddce70 1px,transparent 1px);background-size:28px 28px}.visual-label{display:flex;justify-content:space-between;color:#838a75;font-size:8px;letter-spacing:1.3px;margin-bottom:22px}.app-window{background:#fff;box-shadow:0 14px 25px #3f4d2720;border:1px solid #dce0d5;border-radius:7px;overflow:hidden;transform:rotate(-2deg);margin:0 7px}.app-top{padding:12px 17px;display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700;border-bottom:1px solid #eeeee9}.app-logo{font:750 17px var(--heading)}.app-dot{color:#8c7aaa}.sample-badge{margin-left:auto;font-size:6px;background:#f2f1ec;color:#95958b;padding:3px 6px;letter-spacing:.7px;border-radius:3px}.app-body{padding:21px}.app-heading{display:flex;justify-content:space-between;font-size:9px;font-weight:600}.app-heading span:last-child{font-size:7px;color:#878b80}.mini-stats{display:flex;gap:38px;margin:18px 0 21px}.mini-stats small{font-size:7px;display:block;color:#8b8f83}.mini-stats strong{display:block;font:600 28px var(--heading);letter-spacing:-1.4px}.mini-stats strong span{font-size:16px}.mini-stats em{font-size:6.5px;color:#768b65;font-style:normal}.chart-heading{display:flex;justify-content:space-between;font-size:8px}.chart-heading b{font-weight:550}.chart-heading span{font-size:7px;color:#999d90}.bar-chart{display:flex;gap:19px;height:88px;border-bottom:1px solid #dedfd8;padding:9px 11px 0;margin-bottom:9px}.bar-chart>div{position:relative;flex:1;display:flex;align-items:end;justify-content:center}.bar-chart i{display:block;width:75%;height:var(--bar);background:#b9c3a6;border-radius:2px 2px 0 0;transform-origin:bottom;animation:rise .9s ease-out}.bar-chart>div:nth-child(2) i{background:#d4d9c4}.bar-chart>div:nth-child(3) i{background:#d4b26b}.bar-chart>div:nth-child(4) i{background:#9faa8f}.bar-chart span{position:absolute;bottom:-15px;font-size:6px;color:#868c7b}.chart-bottom{display:flex;justify-content:space-between;font-size:6px;color:#989c8f;margin-top:23px}.chart-bottom i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#829268;margin-right:3px}.visual-note{position:absolute;right:-15px;bottom:25px;background:var(--gold);padding:14px 20px;display:flex;align-items:center;gap:14px;border-radius:4px;box-shadow:0 9px 20px #59612a12;transform:rotate(2deg)}.note-icon{font-size:25px}.visual-note b{display:block;font-size:10px;font-weight:600}.visual-note small{font-size:8px;color:#6c592f}.visual-index{font-size:7px;color:#8b927e;letter-spacing:1.3px;position:absolute;bottom:12px;left:28px}.chapter-strip{border-block:1px solid var(--line)}.chapter-strip>.shell{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:21px;padding-bottom:21px}.chapter-strip>.shell>span{font-size:9px;letter-spacing:1px;color:#999d8f}.chapter-strip .shell>div{display:flex;gap:49px;align-items:center;font:550 14px var(--heading);color:#777e6c}.section{padding-top:86px;padding-bottom:86px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px}.section-heading h2,.studio h2,.closing h2{font-size:43px;line-height:1.17;letter-spacing:-2px;margin:0}.section-heading>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 4px}.product-row{display:grid;grid-template-columns:45px 1fr 1.1fr;gap:20px;padding:34px 0;border-top:1px solid var(--line)}.product-row:last-child{border-bottom:1px solid var(--line)}.product-number{font-size:10px;color:#969b8d;padding-top:6px}.product-title{display:grid;grid-template-columns:35px 1fr;gap:4px 12px;align-content:start;align-items:center}.product-icon{grid-row:span 2;height:35px;display:grid;place-items:center;border-radius:7px;font-size:19px;font-weight:650}.violet{background:#e7e1ef;color:#7a6696}.green{background:#e1e8db;color:#5b7451}.amber{background:#ede2c7;color:#95722f}.product-title h3{font-size:22px;letter-spacing:-.7px;margin:0}.tag{font-size:7px;letter-spacing:1px;color:#89907f}.product-description>p{font-size:16px;font-weight:500;letter-spacing:-.2px;margin-bottom:6px}.product-description>span{display:block;max-width:370px;font-size:12px;line-height:1.9;color:#7c8272}.product-links{display:flex;gap:25px;align-items:center;margin-top:16px;font-size:10px}.product-links button{padding:0;border:0;background:transparent;font-size:10px;font-weight:650;display:flex;gap:20px}.product-links a{color:#818875}.product-links button:hover,.product-links a:hover{text-decoration:underline}.development{font-size:8px;color:#8d8d7d}.development i{width:5px;height:5px;background:#ba9c59;display:inline-block;border-radius:50%;margin-right:4px}.approach{background:#292f25;color:#f1f2e9}.approach-top{display:flex;justify-content:space-between;align-items:center}.approach .eyebrow{color:#a4ad96}.approach-mark{font-size:62px;color:var(--gold);line-height:1}.approach h2{font-size:56px;letter-spacing:-2.5px;line-height:1.14;margin:0 0 48px}.approach h2 .serif{color:#ddc58d}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.principles article{border-top:1px solid #58604c;padding-top:16px}.principles article>span{font-size:9px;color:#939e84}.principles h3{font-size:16px;margin:12px 0 9px}.principles p{max-width:280px;font-size:12px;color:#a5ae99;line-height:1.85;margin:0}.studio-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.studio-lead{font-size:19px;line-height:1.6;letter-spacing:-.4px}.studio-grid>div>p:nth-child(2){font-size:13px;color:#7a806f;line-height:1.95}.studio .text-link{margin-top:9px}.closing{margin-bottom:70px;padding-top:34px;padding-bottom:34px;display:flex;align-items:center;justify-content:space-between;position:relative}.closing:before{content:'';position:absolute;inset:0 25px;background:#e8eadf;z-index:-1;border-radius:7px}.closing .eyebrow{margin-bottom:13px}.closing h2{font-size:37px}.closing .button{margin-right:20px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:27px!important;padding-bottom:30px!important}footer .wordmark{font-size:19px}footer>span,footer small{font-size:9px;color:#898e7d}dialog{max-width:530px;width:calc(100% - 32px);padding:42px;background:var(--paper);border:1px solid var(--line);border-radius:9px;box-shadow:0 30px 90px #0003;color:var(--ink)}dialog::backdrop{background:#22291f99;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:14px;right:16px;background:transparent;border:0;font-size:17px}dialog h2{font-size:34px;letter-spacing:-1.3px;line-height:1.2}dialog>p:not(.eyebrow){font-size:14px;color:#737c66}dialog ul{padding-left:19px;font-size:13px;line-height:2;color:#69765d;margin-bottom:25px}dialog .eyebrow{margin-bottom:13px}.button[hidden]{display:none}@keyframes rise{from{transform:scaleY(.1)}to{transform:scaleY(1)}}
@media(min-width:1400px){.hero{padding-top:85px;padding-bottom:105px}.hero-visual{min-height:440px;padding:30px}}
@media(max-width:1000px){.shell{padding-left:32px;padding-right:32px}.hero{gap:25px}h1{letter-spacing:-2.7px;font-size:55px}.hero-visual{padding:20px;min-height:365px}.app-body{padding:17px}.mini-stats{gap:23px}.hero-actions{gap:16px}.visual-note{right:-7px}.hero-intro{font-size:14px}.site-header{gap:16px}.wordmark{font-size:20px}nav{gap:22px}.header-cta{font-size:10px;gap:10px}.studio-grid{gap:45px}}
@media(max-width:760px){.shell{padding-left:23px;padding-right:23px}.site-header{height:84px;flex-wrap:wrap;position:relative}.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:transparent;font-size:12px;padding:10px 0}nav{display:none;position:absolute;top:74px;right:20px;left:20px;background:var(--paper);padding:20px;border:1px solid var(--line);border-radius:7px;z-index:5;box-shadow:0 12px 25px #0001}nav.open{display:flex;flex-direction:column;gap:18px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:55px;gap:45px}.hero h1{font-size:59px}.hero-intro{max-width:370px}.hero-caption{margin-top:29px}.hero-visual{max-width:490px;width:100%;justify-self:center;padding:24px;min-height:370px}.app-body{padding:19px}.visual-note{right:6px;bottom:22px}.hero .eyebrow{font-size:9px}.chapter-strip>.shell{display:block;padding-block:19px}.chapter-strip .shell>div{gap:25px;justify-content:space-between;font-size:12px;margin-top:12px}.section{padding-top:57px;padding-bottom:57px}.section-heading{align-items:start;flex-direction:column;gap:20px}.section-heading h2,.studio h2{font-size:38px}.section-heading>p{font-size:12px}.product-row{grid-template-columns:22px 1fr;padding:27px 0;gap:16px}.product-description{grid-column:2}.product-title h3{font-size:23px}.product-links{flex-wrap:wrap;gap:20px}.approach h2{font-size:44px;margin-bottom:30px}.approach-mark{font-size:43px}.principles{grid-template-columns:1fr;gap:24px}.principles p{max-width:none}.principles h3{margin-top:8px}.studio-grid{grid-template-columns:1fr;gap:26px}.studio-lead{font-size:18px}.closing{margin-bottom:44px;align-items:start;flex-direction:column;gap:24px;padding-left:42px;padding-right:42px}.closing:before{inset:0 16px}.closing h2{font-size:33px}.closing .button{margin-right:0}footer{flex-wrap:wrap;gap:16px}footer>span{display:none}dialog{padding:35px 25px}}
@media(max-width:370px){.hero h1{font-size:50px}.wordmark{font-size:18px}.hero-actions{gap:13px}.button{gap:19px;padding:12px 15px}.hero-visual{padding:16px}.visual-label{font-size:6px}.mini-stats{gap:22px}.bar-chart{gap:10px}.product-title h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}