@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');
.hero .real-product{padding:35px 0;align-self:center}.real-product .visual-label{margin-bottom:22px}.product-image-link{display:block;position:relative;border:1px solid #c2cbbd;border-radius:7px;overflow:hidden;box-shadow:0 18px 45px #233c3217;background:#fff}.product-screenshot{display:block;width:100%;height:auto}.image-zoom{display:block;padding:12px 16px;background:#e9eee1;font-size:11px;font-weight:600}.real-caption{font-size:10px;line-height:1.5;color:#617066;margin-top:17px;max-width:450px}.exports{border-top:1px solid #dcded2}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 0}.export-grid article{background:#fffefa;border:1px solid #dcded2;border-radius:6px;padding:28px}.channel-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#e9eee1;border-radius:8px;font-family:Georgia,serif;font-size:29px;color:#233c32}.channel-label{font-size:8px;letter-spacing:1.4px;font-weight:700;margin:24px 0 9px}.export-grid h3{font-size:28px;letter-spacing:-1px}.export-grid article>p:not(.channel-label){font-size:14px;color:#617066;margin:18px 0}.export-status{display:inline-block;border-top:1px solid #dcded2;width:100%;padding-top:16px;font-size:10px;font-weight:700}.export-footnote{font-size:11px;color:#617066;max-width:780px}.custom{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid #dcded2;background:#eeeee3;align-items:center}.custom>div>p:not(.eyebrow){font-size:17px}.custom .custom-detail{font-size:13px!important;color:#617066}.custom .text-link{display:inline-block;margin-top:12px}@media(max-width:700px){.export-grid,.custom{grid-template-columns:1fr}.export-grid article{padding:24px}.export-grid{gap:16px}.hero .real-product{margin-top:30px;padding:15px 0}.custom{gap:18px}.real-caption{font-size:10px}}
:root{--paper:#f7f6ef;--ink:#233c32;--muted:#617066;--orange:#d85b37;--line:#dcded2;--white:#fffefa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,input,summary,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,Arial,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-icon{background:var(--ink);color:var(--paper);display:inline-flex;align-items:center;justify-content:center;width:36px;height:38px;border-radius:5px;font-size:23px;font-weight:800;letter-spacing:-4px;padding-right:4px}.brand-icon span{color:#ed9771;font-size:21px;transform:translateY(4px)}nav{display:flex;gap:32px;font-size:14px}nav a:hover,.text-link:hover,.email:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:white;padding:16px 22px;border:0;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#385a47;transform:translateY(-2px)}.small{padding:11px 18px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;padding:86px 5% 80px;min-height:680px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;margin:0 0 24px}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:6px}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.1;letter-spacing:-2px;margin:0}h1{font-size:clamp(46px,5.4vw,79px);font-weight:800}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.intro{font-size:21px;line-height:1.45;max-width:450px;margin:29px 0 14px}.subcopy{color:var(--muted);max-width:435px;font-size:15px}.hero-actions{display:flex;align-items:center;gap:24px;margin:30px 0 17px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:700}.quiet{font-size:11px;color:var(--muted)}.hero-visual{position:relative;padding:38px 0 46px;min-width:0}.visual-label{display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1.2px;margin-bottom:44px}.stack{position:absolute;border:1px solid #bcc8b2;border-radius:10px;inset:100px 10px 61px;background:#e5e9db}.stack.back{transform:rotate(-7deg)}.stack.middle{transform:rotate(4deg);background:#d5dfcc}.inventory-preview{position:relative;background:var(--white);border:1px solid #ccd3c5;border-radius:9px;box-shadow:0 22px 44px #233c3214;transform:rotate(-1deg);overflow:hidden}.window-bar{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:11px}.mini-brand{font-weight:bold;font-size:17px}.mini-brand span{color:var(--orange)}.sample-tag{font-size:6px;letter-spacing:1px;margin-left:auto;color:var(--muted)}.preview-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 18px}.tiny{font-size:7px;letter-spacing:1px;color:var(--muted)}.preview-heading h2{font-size:21px;letter-spacing:-.7px;margin-top:6px}.count{font-size:8px;background:#efefe6;padding:4px 7px;border-radius:3px}.table-head,.sample-row{display:grid;grid-template-columns:1.6fr .8fr .7fr;gap:10px;align-items:center;padding:12px 18px}.table-head{font-size:7px;letter-spacing:1px;border-block:1px solid var(--line);background:#f8f8f1}.sample-row{font-size:8px;border-bottom:1px solid #eceee5;min-height:73px}.sample-row>div{display:flex;gap:10px;align-items:center}.sample-row b{font-size:9px;display:block}.sample-row small{font-size:7px;color:var(--muted)}.comic{width:29px;height:41px;border-radius:2px;display:flex;align-items:end;padding:3px;color:white;font-size:11px;font-weight:bold;flex-shrink:0;background:repeating-linear-gradient(125deg,#c95939 0 8px,#e39956 8px 16px)}.art-two{background:repeating-linear-gradient(45deg,#475d71 0 8px,#809ca5 8px 16px)}.art-three{background:repeating-linear-gradient(130deg,#697844 0 8px,#bec379 8px 16px)}.pill{font-size:7px;padding:4px 7px;background:#e9efdf;color:#496238;border-radius:3px;justify-self:start}.pill.amber{background:#faecd6;color:#885e2a}.preview-footer{padding:15px 18px;display:flex;justify-content:space-between;font-size:8px}.preview-footer .dot{width:5px;height:5px}.floating-note{position:absolute;bottom:20px;right:-10px;background:#fdf9ea;border:1px solid #e1d5bc;box-shadow:0 7px 20px #233c3210;transform:rotate(3deg);display:flex;gap:12px;padding:16px 20px;border-radius:4px;font-size:11px}.floating-note small{display:block;font-size:9px;color:var(--muted)}.note-icon{font-size:18px;color:var(--orange)}.visual-caption{position:relative;font-size:8px;color:var(--muted);text-align:left;margin:20px 0 -44px}.principles{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:23px 5%;max-width:1440px;margin:auto;font-size:9px;letter-spacing:1.4px;font-weight:700}.section{padding:78px 5%;max-width:1440px;margin:auto}.section-top{display:flex;justify-content:space-between;gap:20px}.section-number{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.section-title{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;margin:15px 0 48px}h2{font-size:clamp(32px,3.5vw,48px);font-weight:700}.section-title>p,.tool-intro>p{font-size:15px;color:var(--muted);max-width:380px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid #aebdab;padding-top:22px}.step-number{font-size:11px;color:var(--orange);display:block;margin-bottom:31px}.steps h3{font-size:21px;letter-spacing:-.6px}.steps p{font-size:14px;color:var(--muted);max-width:325px}.tools{background:#eaeee2;border-block:1px solid #d9dfd0}.tool-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;margin-top:28px}.tool-intro .text-link{display:inline-block;margin-top:20px}.tool-list article{display:flex;gap:24px;border-bottom:1px solid #ced7c6;padding:20px 0}.tool-list article:first-child{padding-top:0}.tool-list article>span{font-size:23px;color:#6a7f53;min-width:22px}.tool-list h3{font-size:20px;letter-spacing:-.5px}.tool-list p{font-size:13px;color:var(--muted);margin-bottom:0;max-width:420px}.shopify{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.shopify p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:470px}.shopify .shopify-note{font-size:11px!important;border-left:2px solid #b7c0a8;padding-left:12px}.connection-art{display:flex;align-items:center;justify-content:center;gap:20px;min-height:250px;background:radial-gradient(#cdd5c6 1px,transparent 1px);background-size:12px 12px}.connection-node{background:var(--white);border:1px solid var(--line);padding:24px 18px;display:flex;align-items:center;flex-direction:column;border-radius:7px;box-shadow:0 10px 20px #233c3208}.connection-node b{margin-top:12px;font-size:14px}.connection-node small{font-size:8px;color:var(--muted)}.storefront>span{font-size:30px;line-height:38px}.connection-line{font-size:30px;color:var(--orange)}.questions{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}details:first-child{padding-top:0}summary{cursor:pointer;font-size:15px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--orange);font-size:20px;line-height:22px}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);padding-right:20px}.demo{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:12%}.demo .eyebrow{color:#bcc9b4}.demo h2{font-size:clamp(34px,3.6vw,50px)}.demo p{font-size:14px;color:#c2ccbf;max-width:430px}.email{display:inline-block;font-size:15px;margin-top:18px}.demo form{display:flex;flex-direction:column}.demo label{font-size:11px;margin:0 0 5px}.demo input,.demo textarea{border:1px solid #698071;background:#ffffff08;border-radius:4px;color:white;padding:10px 12px;font-size:13px;margin:0 0 15px;width:100%}.demo input::placeholder,.demo textarea::placeholder{color:#aab9ae}.demo .button{background:#e98e68;color:#243e33;width:100%}.demo .button:hover{background:#f4aa87}.demo .form-note{font-size:10px;margin:12px 0 0}footer{max-width:1440px;padding:36px 5%;margin:auto;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer>.brand{font-size:19px}footer .brand-icon{width:29px;height:31px;font-size:19px}footer>span{font-size:11px;color:var(--muted)}footer>a:not(.brand){font-size:12px;margin-left:auto}footer>small{width:100%;font-size:9px;color:var(--muted)}@media(min-width:1441px){.tools,.demo{border-radius:8px}}@media(max-width:1000px){.hero{gap:4%;padding-top:60px;min-height:600px}.hero-actions{gap:15px}.intro{font-size:18px}.sample-row,.table-head{padding-inline:12px;gap:5px}.floating-note{right:0}.tool-grid{gap:8%}.connection-art{gap:10px}.connection-node{padding:20px 12px}.principles{font-size:8px;letter-spacing:1px}}@media(max-width:700px){header{padding:20px 6%}.brand{font-size:21px}nav{display:none}.small{font-size:12px;padding:10px 15px}.hero{display:block;padding:48px 6% 60px}.hero h1{font-size:54px}.intro{font-size:20px}.hero-visual{max-width:520px;margin:24px auto 0}.hero-actions{gap:20px}.visual-label{margin-bottom:30px}.principles{display:grid;grid-template-columns:1fr 1fr;padding:20px 6%;gap:16px;font-size:8px}.section{padding:52px 6%}.section-number{display:none}.section-title,.tool-grid,.shopify,.questions,.demo{grid-template-columns:1fr;gap:26px}.section-title{margin-bottom:26px}.section-title>p{margin:0}.steps{grid-template-columns:1fr;gap:25px}.step-number{margin-bottom:14px}.steps p{max-width:100%}.tool-intro>p{max-width:100%}.tool-list{margin-top:10px}.connection-art{min-height:230px}.questions{gap:30px}.demo{gap:34px}.demo p{max-width:100%}footer{padding:30px 6%;gap:15px}footer>span{width:100%;order:2}footer>a:not(.brand){margin-left:auto}footer>small{order:3}.sample-row{font-size:8px}.sample-row b{font-size:10px}.sample-tag{font-size:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

.workflow-art{padding:20px 0}.workflow-art .visual-label{margin-bottom:24px}.flow-route{padding:25px 28px;background:#e9eee1;border:1px solid #d4ddca;border-radius:8px}.route-item{display:flex;gap:20px;align-items:center;padding:14px 0}.route-number{font-size:11px;font-weight:700;color:#758268;align-self:flex-start;padding-top:8px}.route-kicker{font-size:8px;letter-spacing:1.4px;font-weight:700;color:#617066}.route-item h2{font-size:38px;letter-spacing:-1.5px;margin-top:6px}.route-item p{font-size:11px;color:#617066;margin:8px 0 0}.route-symbol{margin-left:auto;font-size:36px;color:#839574}.route-connector{display:block;margin-left:3px;color:#9cae8c;font-size:22px;line-height:1.2}.route-final{background:#233c32;color:#f7f6ef;border-radius:5px;padding:22px 18px;margin:9px -12px -9px}.route-final .route-kicker,.route-final p,.route-final .route-number{color:#c6d1bd}.route-final .route-symbol{color:#e98e68}.route-caption{font-size:11px;color:#617066;margin:18px 0 0}@media(max-width:700px){.workflow-art{padding:15px 0}.flow-route{padding:22px}.route-item{gap:16px}.route-item h2{font-size:34px}.route-kicker{font-size:7px}.route-item p{font-size:10px}.route-symbol{font-size:30px}.route-caption{font-size:10px}}

.future{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;border-top:1px solid #dcded2;padding-top:48px;padding-bottom:48px}.future h2{font-size:clamp(28px,3vw,40px)}.future .eyebrow{margin-bottom:16px}.future>div>p:not(.eyebrow){font-size:17px}.future .future-detail{font-size:12px!important;color:#617066;max-width:470px}@media(max-width:700px){.future{grid-template-columns:1fr;gap:16px;padding-top:36px;padding-bottom:36px}}
