/* Stitchr's Glide-inspired editorial theme. */
:root{--ink:#18221b;--muted:#697168;--lime:#c8fa72;--line:#e3e8df;--paper:#ffffff}body{background:var(--paper);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}h1,h2,h3{font-weight:400;letter-spacing:-.055em}.serif{font:inherit;color:inherit}.wrap{width:min(1280px,calc(100% - 96px))}.button{background:#c8fa72;color:#18221b;border-radius:5px;padding:17px 23px;font-size:14px;font-weight:500}.button:hover{background:#b8eb60;color:#18221b}.button span{border-left:1px solid #18221b33;padding-left:20px}.button.small{font-size:13px;padding:12px 18px}.button:focus-visible,a:focus-visible,button:focus-visible{outline-color:#c8fa72}.wordmark{font-size:36px;font-weight:600;letter-spacing:-2px}.wordmark span{color:#c8fa72}header{position:absolute;top:0;left:48px;width:calc(100% - 96px);height:100px;color:#ffffff;z-index:5;border-bottom:1px solid #18221b20}nav{font-size:14px;gap:40px}nav a:hover{color:#90bc4c}.hero.wrap{width:100%;margin:0;min-height:790px;height:min(920px,100svh);padding:170px max(48px,calc((100vw - 1280px)/2)) 100px;text-align:left;background:#18221b;color:#ffffff;overflow:hidden;isolation:isolate}.hero-art,.closing-art{position:absolute;inset:0;background:#18221b url('assets/thread-landscape.webp') center/cover no-repeat;z-index:-2;animation:landscape-drift 24s ease-in-out infinite alternate}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#18221bb3,transparent 85%),linear-gradient(0deg,#18221b55,transparent 30%)}.hero-content{width:720px;max-width:100%;position:relative}.hero .intro-needle{margin:0 0 15px;width:150px;height:45px}.hero .eyebrow{justify-content:flex-start;font-size:12px;letter-spacing:.1em;margin:0 0 24px;font-weight:400}.hero h1{font-size:clamp(60px,6.8vw,96px);line-height:1;letter-spacing:-.065em;font-weight:400}.hero h1 .serif{color:#668c35}.hero-copy{margin:26px 0;max-width:460px;font-size:17px;line-height:1.65;color:#697168;filter:none!important}.hero h1{filter:none!important}.hero-caption{font-size:12px;color:#697168;margin-top:18px}.hero-bottom{position:absolute!important;bottom:27px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #18221b20;padding-top:20px;font-size:11px;letter-spacing:.07em}.hero-bottom a{font-size:12px;letter-spacing:0}#particle-field{inset:0;width:100%;height:100%;opacity:.25;z-index:-1}.canvas-heading{display:grid;grid-template-columns:1fr 1fr;padding-top:105px;padding-bottom:42px;align-items:end;gap:20px}.canvas-heading .eyebrow{grid-column:1/-1;color:#697168;font-size:12px;font-weight:400}.canvas-heading h2{font-size:56px}.canvas-heading>p:last-child{justify-self:end;font-size:17px;line-height:1.6;color:var(--muted);padding-bottom:4px}.builder{background:#f1f5eb;border:1px solid #dfe6d6;border-radius:8px;box-shadow:none;padding:26px 36px 24px}.builder-top{font-size:11px;font-weight:400}.builder-top .muted{font-size:12px}.case-switch{background:#e3eadb;border-radius:5px}.case-switch button{font-size:14px;padding:11px 24px;border-radius:3px}.case-switch button[aria-pressed=true]{background:#18221b;color:#ffffff;box-shadow:none}.idea-card{background:#ffffff;border-color:#dfe6d6;border-radius:7px;padding:26px 32px}.step-tag{font-size:11px;font-weight:400;color:#697168}.idea-card p{font-size:25px;line-height:1.4}.needs span{font-size:12px;border-color:#dfe6d6;color:#697168;background:#ffffff;padding:5px 9px}.canvas-flow span{background:#b2ce8f}.canvas-flow b{background:#c8fa72;border-radius:4px;color:#18221b;box-shadow:none}.stack-title h2{font-size:28px}.stack-status{font-size:12px;color:#18221b;background:transparent;border:1px solid #bfcdb1;border-radius:4px;padding:10px 13px}.stack-status:hover{background:#ffffff}.stack-grid{gap:40px 28px}.tool{background:#ffffff;border-color:#dfe6d6;border-radius:6px;padding:22px 17px;box-shadow:none}.tool-icon{background:#f1f5eb;border-radius:5px}.text-icon{color:#18221b}.tool h3{font-size:16px;font-weight:500}.tool p{font-size:12px;line-height:1.45}.connected{color:#608c2a;top:7px;right:10px;font-size:12px}.tool.stitched{border-color:#a9c67e}#thread-guide{stroke:#c6d6b1}#thread{stroke:#c8fa72;stroke-width:2.3}#needle{filter:drop-shadow(0 2px 2px #18221b55)}.stack-bottom{font-size:12px;gap:18px}.stack-bottom b{color:#18221b}.how{padding-block:115px 95px}.section-intro{text-align:left;display:grid;grid-template-columns:1fr 2fr;gap:40px}.section-intro .eyebrow{justify-content:flex-start;align-self:start;font-size:12px;font-weight:400;margin-top:9px}.section-intro h2{font-size:49px}.steps{gap:48px;margin-left:calc(33.33% + 12px);margin-top:42px}.steps article{border-color:#d5dfcb}.steps article>span{color:#6f9738;font-size:13px}.steps h3{font-size:23px}.steps p{font-size:15px;line-height:1.6}.results{background:#18221b;padding:90px 0 42px;color:#ffffff}.results:before{background:radial-gradient(ellipse at 75% 30%,#6c945522,transparent 65%)}.result-heading{margin-bottom:50px}.result-heading h2{font-size:58px}.result-heading .eyebrow{color:#b7de88;font-size:12px;font-weight:400}.result-heading>p{font-size:16px;color:#b9c5b4}.outputs{grid-template-columns:.85fr 85px 1.3fr}.output-label{color:#b7c5ae;font-size:12px;font-weight:400}.phone{border-color:#3e4a40;background:#ffffff}.phone-bar{background:#ffffff}.product-copy .button{background:#c8fa72;color:#18221b;font-size:14px}.product-copy>p{font-size:13px}.product-copy .order-status{font-size:12px;min-height:37px}.product-copy h3{font-size:29px}.product-visual>span{font-size:11px}.tiny{font-size:11px;color:#7b8970}.purchase>span{font-size:12px}.phone-bar{font-size:18px}.output-caption{color:#abb8a4;font-size:13px}.dashboard{background:#ffffff;border-color:#3e4a40;border-radius:7px;min-height:540px}.dash-header{background:#ffffff}.dash-header strong{font-size:14px}.dash-greeting h3{font-size:30px}.today{font-size:12px;background:#ffffff}.metrics>div{background:#ffffff;border-color:#e3e8df}.metrics span{font-size:12px}.metrics strong{font-size:29px;font-weight:400}.metrics small{font-size:11px;color:#7b8970}.chart-header{font-size:13px}.chart-header span{font-size:12px}.chart{height:115px;background:repeating-linear-gradient(to top,transparent 0,transparent 36px,#e3e8df 37px,#e3e8df 38px)}.chart-days{font-size:11px}.activity-head{font-size:13px}.sample-pill{font-size:10px}.order-row{font-size:12px;padding:11px 0}.order-row b{font-size:11px;background:#eaf2e1;color:#547039}.workflow{font-size:12px;color:#b7c5ae;border-color:#34422e}.workflow i{color:#9bb780}.workflow span.active{color:#c8fa72}.demo-note{font-size:12px;color:#9cae90;max-width:650px;margin:12px auto 0}.sync-link span{background:#627b4d}.sync-link b{color:#c8fa72}.closing.wrap{width:100%;max-width:none;position:relative;isolation:isolate;overflow:hidden;margin:0;padding:110px 32px 60px;background:#18221b;color:#ffffff}.closing-art{background-position:center 70%;opacity:.55}.closing:before{content:'';position:absolute;inset:0;background:#18221b66;z-index:-1}.closing .eyebrow{color:#aace89;font-size:12px;font-weight:400}.closing h2{font-size:60px}.closing>p:not(.eyebrow){color:#c2cdbb;font-size:17px}.brand-row{background:#ffffff;color:#18221b;width:fit-content;max-width:100%;margin:60px auto 0;padding:20px 28px;border-radius:5px;font-size:14px}.brand-row .more-tools{color:#697168;font-size:12px}footer.wrap{width:100%;padding:40px 48px;background:#ffffff;border:0;font-size:12px}footer .wordmark{font-size:40px}footer>span:nth-child(2){font-size:12px}#motion-toggle{font-size:12px}.motion-paused .hero-art,.motion-paused .closing-art{animation:none}@keyframes landscape-drift{to{transform:scale(1.07) translateY(-1%)}}
@media(max-width:1000px){.hero.wrap{padding-inline:40px;min-height:760px}.wrap{width:calc(100% - 64px)}.hero h1{font-size:76px}.canvas-heading h2{font-size:45px}.tool{padding:18px 12px}.tool p{font-size:11px}.section-intro h2{font-size:40px}.steps{margin-left:0}.result-heading h2{font-size:48px}.outputs{grid-template-columns:.9fr 35px 1.2fr}.metrics strong{font-size:24px}.dashboard-body{padding:17px}.order-row{font-size:11px}.workflow{gap:12px}.closing h2{font-size:52px}}
@media(max-width:720px){header{left:22px;width:calc(100% - 44px);height:82px}.wordmark{font-size:32px}.button.small{font-size:12px;padding:11px 13px}.button.small span{padding-left:10px}.hero.wrap{padding:130px 24px 100px;height:auto;min-height:780px}.hero-art{background-position:60% center}.hero-art:after{background:linear-gradient(90deg,#18221bc2,#18221b22)}.hero .intro-needle{width:125px;height:44px}.hero .eyebrow{font-size:11px;margin-bottom:23px}.hero h1{font-size:clamp(48px,10.2vw,70px);line-height:1.05}.hero-copy{font-size:16px;max-width:355px;margin:24px 0}.hero .button{font-size:14px;padding:16px 18px}.hero-caption{font-size:12px}.hero-bottom{left:24px;right:24px;font-size:9px;gap:15px}.hero-bottom a{font-size:11px;white-space:nowrap}.wrap{width:calc(100% - 40px)}.canvas-heading{display:block;padding-top:65px;padding-bottom:30px}.canvas-heading .eyebrow{font-size:11px;margin-bottom:20px}.canvas-heading h2{font-size:42px}.canvas-heading>p:last-child{font-size:15px;margin-top:20px}.builder{padding:20px 15px}.builder-top{font-size:10px}.builder-top .muted{font-size:10px}.case-switch button{font-size:13px;padding:9px 15px}.idea-card{padding:21px 18px}.idea-card p{font-size:23px}.needs span{font-size:11px;padding:4px 6px}.step-tag{font-size:10px}.stack-title h2{font-size:23px}.stack-status{font-size:11px;max-width:90px;padding:7px;line-height:1.4}.stack-grid{gap:34px 17px}.tool{padding:17px 12px;min-height:133px}.tool h3{font-size:15px;line-height:1.2}.tool p{font-size:11px;line-height:1.5}.tool-icon{width:37px;height:37px}.stack-bottom{font-size:11px;gap:10px;max-width:100%;margin-top:24px}.how{padding:65px 0}.section-intro{display:block}.section-intro .eyebrow{margin-bottom:22px;font-size:11px}.section-intro h2{font-size:36px}.steps{grid-template-columns:1fr;margin-top:30px;gap:22px}.steps article{display:grid;grid-template-columns:32px 1fr;gap:8px 12px;padding-top:20px}.steps article>span{grid-row:1/3}.steps h3{font-size:24px;margin:0}.steps p{grid-column:2;max-width:100%;font-size:15px}.results{padding:60px 0 35px}.result-heading h2{font-size:42px}.result-heading>p{font-size:15px}.result-heading .eyebrow{font-size:11px}.outputs{display:flex}.customer{max-width:360px}.business{max-width:480px}.dashboard{min-height:0}.dashboard-body{padding:17px}.metrics strong{font-size:25px}.metrics>div{padding:10px}.metrics span{font-size:11px}.chart-header{font-size:12px}.chart-header span{font-size:11px}.order-row{font-size:11px}.workflow{font-size:12px;line-height:1.4}.demo-note{font-size:11px;max-width:330px}.closing.wrap{padding:70px 22px 45px}.closing h2{font-size:40px}.closing>p:not(.eyebrow){font-size:15px}.brand-row{padding:18px 15px;max-width:340px;margin-top:40px;font-size:12px}footer.wrap{padding:30px 22px;gap:15px}footer .wordmark{font-size:35px}footer>span:nth-child(2){font-size:11px}footer>span:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-art,.closing-art{animation:none}}

.hero>.hero-art{position:absolute!important;inset:0;z-index:-2!important}.hero.wrap{height:auto;min-height:900px;padding-top:140px}.hero .hero-bottom{z-index:2}.product-complete .phone:after,.product-complete .dashboard:after{background:linear-gradient(115deg,transparent 25%,#d8ffac5c 48%,transparent 70%)}@media(max-width:720px){.hero.wrap{min-height:800px;padding-top:125px}}

/* Consistent vector icons on iOS, Android, and desktop. */
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.15em;flex-shrink:0;overflow:visible}.button .ui-icon{width:18px;height:18px}.wordmark .ui-icon{width:27px;height:27px}.tool-icon .ui-icon{width:26px;height:26px}.mini-mark{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;padding:5px}.mini-mark .ui-icon{width:20px;height:20px}.connected .ui-icon{width:13px;height:13px}.canvas-flow b{display:flex;align-items:center;justify-content:center}.canvas-flow b .ui-icon{width:23px;height:23px}.sync-link b .ui-icon{width:24px;height:24px}.phone-bar .ui-icon{width:18px;height:18px}.hero-bottom a,.stack-status{display:inline-flex;gap:8px;align-items:center;justify-content:center}.stack-bottom .ui-icon{margin-right:5px}
header{color:#18221b}.hero.wrap{background:#fff;color:#18221b}.hero-art{filter:grayscale(1) sepia(1) hue-rotate(34deg) saturate(1.25);opacity:.2}.hero-art:after{background:linear-gradient(90deg,#ffffffee,#ffffff77),linear-gradient(180deg,#ffffff77,transparent)}.hero h1 .serif{color:#668c35}.hero-copy,.hero-caption{color:#697168}.hero-bottom{border-color:#18221b20}header{border-color:#18221b20}.hero .intro-needle{filter:none}.case-switch button[aria-pressed=true]{background:#fff;color:#18221b;box-shadow:0 2px 6px #1724110d}.closing-art{filter:grayscale(1) sepia(1) hue-rotate(34deg) saturate(1.2)}.closing .eyebrow{color:#c8fa72}.hero .eyebrow .dot{background:#8eb44e}.wordmark span{color:#82b645}.hero-art:after{background:linear-gradient(90deg,#fffffff2,#ffffff66)}
