:root{color-scheme:light;--bg:#fff8ea;--bg-2:#fffdf8;--surface:#ffffff;--surface-warm:#fff3d8;--surface-pink:#ffe8df;--ink:#171412;--muted:#675f57;--faint:#9a8f83;--line:rgba(42,34,26,0.12);--line-strong:rgba(42,34,26,0.22);--orange:#ff7a1a;--amber:#ffbf47;--rose:#ff8a72;--blue:#4568ff;--shadow:0 24px 70px rgba(59,40,18,0.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(255,190,74,.32),transparent 34rem),linear-gradient(180deg,var(--bg) 0,var(--bg-2) 42%,#ffffff 100%);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}main{width:min(1180px,calc(100% - 40px));margin:0 auto}.siteHeader{position:-webkit-sticky;position:sticky;top:12px;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:20px;gap:20px;margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,253,248,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.button,.navButton,.navLinks a{cursor:pointer}.brand{display:inline-flex;align-items:center;gap:10px;width:max-content;font-size:.94rem;font-weight:750}.brandMark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--ink);color:#fffdf8;font-size:.82rem}.navLinks{display:flex;align-items:center;gap:8px;justify-self:center}.navLinks a{padding:9px 12px;border-radius:999px;color:var(--muted);font-size:.9rem;transition:background .18s ease,color .18s ease}.navLinks a:hover{background:rgba(255,255,255,.8);color:var(--ink)}.navButton{justify-self:end;min-height:36px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);font-size:.9rem;font-weight:700}.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);align-items:center;grid-gap:clamp(28px,5vw,70px);gap:clamp(28px,5vw,70px);min-height:740px;padding:72px 0 84px}.heroCopy{max-width:630px}.eyebrow{margin:0 0 16px;color:#8a4b13;font-size:.78rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;max-width:720px;font-size:clamp(3.1rem,5.35vw,5.55rem);line-height:.95;letter-spacing:-.068em}h1,h2{font-weight:850}h2{margin-bottom:16px;font-size:clamp(2.25rem,4.5vw,4.7rem);line-height:.96;letter-spacing:-.06em}h3{margin-bottom:8px;font-size:1.12rem;line-height:1.25;letter-spacing:-.025em}.bento p,.lede,.sectionIntro p,.stepList p{color:var(--muted);font-size:1.08rem;line-height:1.72}.lede{max-width:590px;margin-bottom:30px}.heroActions{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--line-strong);border-radius:999px;font-size:.94rem;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(59,40,18,.12)}.button.primary{background:var(--ink);border-color:var(--ink);color:#fffdf8}.button.secondary{background:rgba(255,255,255,.8);color:var(--ink)}.screenStage{--parallax:0;position:relative;min-height:640px;perspective:1100px}.screenCard{position:absolute;width:430px;min-height:455px;padding:16px;border:1px solid rgba(42,34,26,.14);border-radius:28px;background:rgba(255,255,255,.86);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-style:preserve-3d;transition:transform .12s linear}.screen1{left:84px;top:20px;transform:translateY(calc(var(--parallax) * -36px)) rotate(-5deg);z-index:3}.screen2{left:210px;top:128px;transform:translateY(calc(var(--parallax) * 24px)) rotate(4deg) scale(.96);z-index:2}.screen3{left:16px;top:226px;transform:translateY(calc(var(--parallax) * -18px)) rotate(2deg) scale(.9);z-index:1}.screenBar,.shotHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--faint);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.screenTitle{padding:26px 4px 18px;font-size:2rem;line-height:1;letter-spacing:-.05em;font-weight:850}.screenMetrics{display:grid;grid-template-columns:1.25fr 1fr .82fr;grid-gap:10px;gap:10px;margin-bottom:14px}.screenMetrics span{height:92px;border-radius:20px;background:linear-gradient(135deg,rgba(255,122,26,.2),rgba(255,191,71,.36));border:1px solid rgba(42,34,26,.08)}.screenCard.stone .screenMetrics span{background:linear-gradient(135deg,rgba(69,104,255,.12),rgba(255,255,255,.8))}.screenCard.ink .screenMetrics span{background:linear-gradient(135deg,rgba(23,20,18,.12),rgba(255,138,114,.2))}.screenRows{display:grid;grid-gap:8px;gap:8px}.screenRows div{display:grid;grid-template-columns:32px 1fr 54px;align-items:center;grid-gap:10px;gap:10px;min-height:54px;padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.72)}.screenRows span{width:28px;height:28px;border-radius:10px;background:var(--surface-warm)}.screenRows p{margin:0;color:var(--ink);font-size:.92rem;font-weight:700}.screenRows strong{height:8px;border-radius:999px;background:var(--line-strong)}.logoStrip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.logoStrip>span{color:var(--faint);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.logoStrip div{display:flex;flex-wrap:wrap;gap:clamp(18px,4vw,42px)}.logoStrip p{margin:0;color:var(--muted);font-weight:850;letter-spacing:-.03em}.section{padding:96px 0}.sectionIntro{max-width:680px;margin-bottom:34px}.sectionIntro.centered{max-width:790px;margin-inline:auto;text-align:center}.visualSection{position:relative}.screenshotWall{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:repeat(2,280px);grid-gap:16px;gap:16px}.shot{overflow:hidden;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 18px 50px rgba(59,40,18,.08);padding:18px}.shotTall{grid-row:span 2}.shotHeader i{width:66px;height:10px;border-radius:999px;background:var(--surface-warm)}.timeline{display:grid;grid-gap:16px;gap:16px;padding:36px 14px}.timeline span{height:74px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(90deg,#fff7e8,#fff)}.kanban{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;padding-top:28px}.kanban span{height:184px;border-radius:22px;background:linear-gradient(180deg,#fff4d9,#fff);border:1px solid var(--line)}.quoteLines{display:grid;grid-gap:12px;gap:12px;padding-top:32px}.quoteLines span,.quoteLines strong{height:34px;border-radius:999px;background:#fff1df;border:1px solid var(--line)}.quoteLines strong{width:54%;background:var(--ink)}.bentoGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.bento{min-height:250px;padding:24px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.78);box-shadow:0 18px 50px rgba(59,40,18,.07)}.bento.large{grid-row:span 2;min-height:514px;background:linear-gradient(150deg,#ffffff,#fff1d0)}.bento.large,.bento.wide{grid-column:span 2}.bento span{display:block;width:42px;height:42px;margin-bottom:36px;border-radius:15px;background:linear-gradient(135deg,var(--orange),var(--amber))}.bento.large span{width:74px;height:74px;border-radius:24px}.bento h3{font-size:clamp(1.35rem,2.5vw,2.3rem);letter-spacing:-.055em}.bento p{margin-bottom:0}.split{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:clamp(40px,7vw,90px);gap:clamp(40px,7vw,90px);align-items:start}.stickyIntro{position:-webkit-sticky;position:sticky;top:112px}.stepList{display:grid;grid-gap:14px;gap:14px}.stepList article{display:grid;grid-template-columns:62px 1fr;grid-gap:18px;gap:18px;min-height:180px;padding:24px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 18px 50px rgba(59,40,18,.06)}.stepList span{color:var(--orange);font-size:1.5rem;font-weight:900;letter-spacing:-.06em}.stepList p{margin-bottom:0}.cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:20px 0 64px;padding:clamp(28px,5vw,54px);border:1px solid var(--line);border-radius:36px;background:linear-gradient(135deg,#1d1713,#3d2917 58%,#8a4b13);color:#fffdf8;box-shadow:var(--shadow)}.cta .eyebrow,.cta h2{color:inherit}.cta h2{max-width:800px;margin-bottom:0;font-size:clamp(2rem,4.4vw,4.6rem)}.cta .button.primary{background:#fffdf8;border-color:#fffdf8;color:var(--ink);flex:0 0 auto}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}.screen1,.screen2,.screen3{transform:none}}@media (max-width:980px){main{width:min(100% - 28px,1180px)}.siteHeader{grid-template-columns:1fr auto;border-radius:24px}.navLinks{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:62px}.screenStage{min-height:610px;max-width:640px;width:100%}.screen1{left:7%}.screen2{left:24%}.screen3{left:0}.logoStrip{align-items:flex-start;flex-direction:column}.screenshotWall,.split{grid-template-columns:1fr}.screenshotWall{grid-template-rows:auto}.shot,.shotTall{min-height:280px;grid-row:auto}.bentoGrid{grid-template-columns:1fr 1fr}.bento.large,.bento.wide{grid-column:span 2;min-height:310px}.stickyIntro{position:static}.cta{flex-direction:column;align-items:flex-start}}@media (max-width:580px){body{background:linear-gradient(180deg,var(--bg) 0,#fff 64%)}.siteHeader{top:8px}.navButton{display:none}.hero{padding:48px 0 58px;gap:22px}h1{font-size:clamp(3rem,14vw,4.15rem);line-height:.94;letter-spacing:-.06em}h2{font-size:clamp(2.3rem,12vw,3.5rem)}.bento p,.lede,.sectionIntro p,.stepList p{font-size:1rem;line-height:1.65}.button{width:100%}.screenStage{min-height:520px;transform:translateX(-8px)}.screenCard{width:min(340px,92vw);min-height:380px;border-radius:24px}.screen1{left:8px;top:8px}.screen2{left:34px;top:102px}.screen3{left:0;top:198px}.screenTitle{font-size:1.6rem}.screenMetrics span{height:68px}.screenRows div{min-height:46px}.section{padding:68px 0}.sectionIntro.centered{text-align:left}.bentoGrid{grid-template-columns:1fr}.bento.large,.bento.wide{grid-column:auto;min-height:250px}.stepList article{grid-template-columns:1fr;min-height:auto}}