@font-face{font-family:Geist;src:url('/assets/geist-regular.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:WooRound;src:url('/assets/fredoka-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#142d27;--muted:#61766f;--green:#277f6c;--green-dark:#195d4e;--line:#dce7e2;--mint:#e8f4ee;--paper:#f6f8f5;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:#fff;color:var(--ink);font-family:Geist,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%;height:auto}button,summary,a{-webkit-tap-highlight-color:transparent}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #b56c20;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(48px,5.4vw,76px);font-weight:750;margin-bottom:24px;line-height:1.03}h2{font-size:clamp(31px,3.4vw,46px);font-weight:700;margin-bottom:18px}h3{font-size:24px;font-weight:650;margin-bottom:14px}p{color:var(--muted)}em{font-style:normal;color:var(--green)}.container{width:min(1220px,calc(100% - 80px));margin-inline:auto}.section{padding-block:88px}.soft{background:var(--paper)}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:750;color:var(--green);margin-bottom:20px;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px var(--mint)}.lead{font-size:17px;line-height:1.7;max-width:530px}.lead strong{font-weight:600;color:var(--ink)}.micro{font-size:12px;margin:18px 0 0}.micro span{margin-right:7px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.button{min-height:50px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--green);color:white;text-decoration:none;border:1px solid var(--green);border-radius:9px;font-size:14px;font-weight:650;line-height:1.4;transition:background .15s,transform .15s}.button:hover{background:var(--green-dark);transform:translateY(-1px)}.button.secondary{color:var(--ink);background:transparent;border-color:#bfcec7}.button.secondary:hover{background:var(--mint)}.button.small{min-height:42px;padding:9px 16px;font-size:12px}.button.light{background:#e8f6eb;color:#164b3c;border-color:#e8f6eb}.button.light:hover{background:#fff}.text-link{font-size:14px;font-weight:650;color:var(--green);text-decoration:none;display:inline-flex;gap:16px;align-items:center}.text-link:hover{text-decoration:underline}.skip{position:fixed;top:-100px;left:20px;background:white;padding:14px;z-index:999}.skip:focus{top:10px}
.header{height:80px;border-bottom:1px solid #edf1ed;background:#fff;position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap}.brand img{width:38px;height:38px;flex:none}.brand>span{font:700 24px/1 WooRound,Geist,sans-serif;letter-spacing:-.04em}.desktop-nav{display:flex;gap:27px;align-items:center}.desktop-nav a,.account-link{font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.desktop-nav a:hover,.account-link:hover{color:var(--green)}.header-actions{display:flex;gap:24px;align-items:center}.mobile-nav{display:none}
.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:40px;align-items:center;padding-block:70px 64px}.hero-copy{padding-bottom:20px}.hero-visual{min-width:0;position:relative;min-height:565px;margin-inline-start:10px;background:radial-gradient(ellipse at 54% 45%,#d3e9da 0%,#edf6ef 49%,transparent 72%)}.workspace{position:absolute;left:0;top:58px;width:98%;background:#fff;border:1px solid #d5e2d9;border-radius:15px;overflow:hidden;box-shadow:0 22px 55px -30px #194b3655}.workspace-top{height:44px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 15px;border-bottom:1px solid var(--line);background:#f9fbf8;font-size:10px}.workspace-top>span:first-child{display:flex;gap:4px}.workspace-top i{width:5px;height:5px;background:#cfdbd4;border-radius:50%}.workspace-top b{margin-right:auto;font-size:10px}.live{font-size:9px;color:var(--green);white-space:nowrap}.workspace-body{display:grid;grid-template-columns:105px 1fr;min-height:360px}.workspace-nav{padding:17px 10px;background:#f5f9f4;display:flex;flex-direction:column;gap:15px;color:#819187;font-size:8px}.mini-brand{background:var(--green);color:#fff;border-radius:7px;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.workspace-nav .mini-brand{margin-bottom:12px}.workspace-nav .selected{background:#dfeee5;color:#216b54;padding:7px 6px;margin:-7px -6px;font-weight:700;border-radius:5px}.editor{padding:22px 20px;width:260px}.editor-heading{display:flex;flex-direction:column;margin-bottom:18px}.editor-heading span{font-size:8px;letter-spacing:.1em;color:var(--green)}.editor-heading b{font-size:16px;letter-spacing:-.04em}.theme-chip{display:flex;gap:9px;align-items:center;background:#eff8f1;border:1px solid #dfede3;padding:10px;border-radius:7px;margin-bottom:14px}.theme-chip>span{font-size:22px;color:var(--green)}.theme-chip div{display:flex;flex-direction:column}.theme-chip b{font-size:9px}.theme-chip small{font-size:7px;color:var(--muted)}.theme-chip i{font-style:normal;font-size:7px;margin-left:auto;color:var(--green)}.edit-row{display:flex;gap:9px;padding:9px;border:1px solid #e0e7e2;border-radius:6px;margin-bottom:8px;font-size:9px}.edit-row>span{color:#b0beb4}.edit-row b{font-weight:500}.edit-row i{margin-left:auto;color:var(--green);font-style:normal}.add-row{color:var(--green);background:#f4f9f5;border-style:dashed;justify-content:center}.build-chip{display:flex;align-items:center;gap:8px;margin-top:15px}.build-chip>span{border:1px solid var(--line);border-radius:50%;width:24px;height:24px;text-align:center}.build-chip div{display:flex;flex-direction:column}.build-chip b{font-size:9px}.build-chip small{font-size:7px;color:var(--muted)}
.phone{position:absolute;right:-3px;top:0;width:225px;height:495px;background:white;border:7px solid #173d30;box-shadow:0 25px 35px -25px #163e3180;border-radius:34px;overflow:hidden;padding:13px 9px 0}.phone-notch{position:absolute;top:6px;left:50%;transform:translateX(-50%);height:15px;width:69px;border-radius:12px;background:#173d30}.phone-top{display:flex;justify-content:space-between;font-size:7px;line-height:1;margin:0 5px 24px}.phone-brand{display:flex;align-items:center;justify-content:space-between;margin:0 2px 14px}.phone-brand b{font-size:17px;letter-spacing:-.08em;color:#896849}.phone-brand span{font-size:12px}.phone-search{background:#f3f5ef;font-size:7px;padding:8px;border-radius:20px;color:#7a8376;display:flex;justify-content:space-between;margin-bottom:11px}.phone-hero{height:170px;position:relative;border-radius:12px;overflow:hidden;background:#edcfaf}.phone-hero>img{width:100%;height:100%;object-fit:cover}.phone-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#334b4266,transparent)}.phone-hero>div{position:absolute;left:10px;bottom:12px;z-index:1;color:white;display:flex;flex-direction:column}.phone-hero small{font-size:6px;font-weight:600;letter-spacing:.1em}.phone-hero b{font-size:25px;line-height:.95;letter-spacing:-.055em;margin:7px 0 9px}.phone-hero div>span{font-size:6px;background:#fff;color:#173d30;border-radius:15px;padding:5px 8px;align-self:flex-start}.phone-section{display:flex;justify-content:space-between;align-items:center;margin:15px 0 9px}.phone-section b{font-size:10px;letter-spacing:-.03em}.phone-section span{font-size:6px;color:var(--green)}.phone-products{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phone-products img{height:86px;width:100%;object-fit:cover;border-radius:8px}.phone-products b{font-size:6px;display:block;margin-top:5px}.phone-bottom{position:absolute;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;padding:9px 0 5px;border-top:1px solid var(--line);font-size:17px;line-height:1;text-align:center;color:#748177}.phone-bottom span:first-child{color:var(--green)}.phone-bottom small{display:block;font-size:5px;margin-top:4px}.visual-caption{position:absolute;bottom:9px;left:35px;right:15px;text-align:center;font-size:10px;color:#7a9180;letter-spacing:.03em}
.platforms{padding-bottom:78px;border-top:1px solid var(--line);padding-top:42px}.section-intro{max-width:740px;margin-bottom:35px}.section-intro p{margin-bottom:0}.section-intro .eyebrow{margin-bottom:14px}.platforms h2{font-size:29px;letter-spacing:-.04em}.platforms .section-intro>p:last-child{font-size:14px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.platform-card{display:flex;align-items:center;gap:14px;padding:21px 18px;border:1px solid var(--line);border-radius:12px;text-decoration:none;transition:border .15s,background .15s}.platform-card:hover{background:var(--paper);border-color:#87b6a5}.platform-symbol{display:flex;align-items:center;justify-content:center;width:42px;height:42px;font-size:21px;font-weight:800;border-radius:10px;flex:none}.woo{color:#7b45a0;background:#f2e9fa}.shopify{color:#4a732a;background:#edf5de}.odoo{color:#76506f;background:#f1e7ef}.platform-card h3{font-size:17px;margin:0 0 4px;letter-spacing:-.02em}.platform-card p{font-size:11px;margin:0}.arrow{margin-left:auto;color:var(--green);font-size:21px}.split{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.split h2{margin-bottom:0}.split>p{max-width:350px;font-size:15px;padding-bottom:3px}.feature-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.feature{background:#fff;border:1px solid var(--line);border-radius:17px;padding:30px;min-width:0}.feature-icon{display:inline-flex;width:38px;height:38px;border-radius:10px;background:var(--mint);color:var(--green);align-items:center;justify-content:center;font-size:24px;margin-bottom:19px}.feature h3{font-size:24px;max-width:350px}.feature p{font-size:14px;line-height:1.8;margin-bottom:22px}.design-feature{display:flex;gap:20px;align-items:center}.design-feature>div:first-child{flex:1.2}.design-sample{flex:.8;background:#f4f7f0;border:1px solid #e3eadc;padding:18px;border-radius:12px;transform:rotate(3deg);max-width:190px}.design-sample>span{font-size:7px;letter-spacing:.15em;color:#7a8b6e}.swatches{display:flex;gap:5px;margin:17px 0}.swatches i{width:24px;height:24px;border:2px solid white;border-radius:50%;background:#297c67}.swatches i:nth-child(2){background:#d6e5b3}.swatches i:nth-child(3){background:#ecc7ad}.swatches i:nth-child(4){background:#bfc5c5}.sample-line{height:40px;border-radius:7px;background:#e1eacb}.sample-cards{display:flex;gap:6px;margin:8px 0 12px}.sample-cards i{height:43px;flex:1;border-radius:4px;background:#e7d5bf}.sample-cards i:nth-child(2){background:#d9e5d7}.sample-cards i:nth-child(3){background:#e8d8d9}.design-sample small{font-size:7px;color:#728265;white-space:nowrap}.file-chips,.feature-tags{display:flex;gap:9px;flex-wrap:wrap}.file-chips span{border:1px solid #bcd5c8;border-radius:7px;padding:7px 18px;font-size:12px;color:var(--green);font-weight:650}.feature-tags span{background:var(--paper);border-radius:20px;padding:6px 13px;font-size:11px;color:var(--muted)}.notification-example{display:flex;align-items:center;gap:11px;background:var(--paper);border:1px solid var(--line);padding:12px;border-radius:11px}.notification-example div{display:flex;flex-direction:column}.notification-example b{font-size:11px}.notification-example small{font-size:10px;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;list-style:none;padding:0;margin:36px 0}.steps li,.steps article{border-top:1px solid #b3ccc0;padding-top:24px}.step-number{font-size:12px;color:var(--green);font-weight:650;display:block;margin-bottom:25px}.steps h3{font-size:23px}.steps p{font-size:14px;line-height:1.8;margin-bottom:0}.inline-note{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:15px 20px;font-size:12px;color:var(--muted)}.inline-note>span{color:var(--ink);font-weight:650;margin-right:15px}.plan-section{background:#184f3e;color:#fff;padding:72px 0}.plan-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:center}.plan-section .eyebrow{color:#b9dfc5}.plan-section h2{font-size:43px;color:#fff}.plan-section p{color:#c6d8ce;font-size:14px;max-width:460px}.plan-link{font-size:13px;color:#edf4ee;text-decoration:none;display:inline-flex;gap:18px}.plan-link:hover{text-decoration:underline}.plan-summary>div{display:grid;grid-template-columns:35px 1fr;gap:0 12px;padding:19px 0;border-bottom:1px solid #537a67}.plan-summary>div:last-child{border-bottom:0}.plan-summary span{color:#a8ceb3;font-size:12px;padding-top:3px}.plan-summary b{font-size:16px}.plan-summary p{grid-column:2;margin:4px 0 0;font-size:12px}.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-section .section-intro p{font-size:14px}.faq-section .section-intro a{color:var(--green)}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:15px;font-weight:600;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:23px;line-height:1;color:var(--green)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{margin:15px 26px 0 0;font-size:14px;line-height:1.8}.footer{border-top:1px solid var(--line);padding:49px 0 22px;background:#fafbf9}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr;gap:45px;padding-bottom:35px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.footer-grid b{font-size:10px;letter-spacing:.1em;color:var(--muted);margin:10px 0 16px}.footer-grid>div>a:not(.brand){font-size:12px;text-decoration:none;margin-bottom:8px;overflow-wrap:anywhere}.footer-grid a:hover{color:var(--green)}.footer-grid p{font-size:12px;margin-top:15px;line-height:1.6}.footer-bottom{border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:20px}.footer-bottom nav{display:flex;gap:22px}.footer-bottom a{text-decoration:none}.breadcrumbs{display:flex;gap:12px;font-size:12px;color:var(--muted);margin-bottom:45px}.breadcrumbs a{text-decoration:none}.platform-hero{padding:38px 0 80px}.platform-hero h1{max-width:860px;font-size:clamp(43px,5vw,65px)}.platform-hero .lead{max-width:760px}.platform-details{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:start}.platform-details>div p{font-size:15px;line-height:1.85}.check-list{padding-left:0;list-style:none;color:var(--muted);font-size:14px;line-height:1.7}.check-list li{margin:12px 0;display:flex;gap:12px}.check-list li:before{content:'✓';color:var(--green)}.bottom-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:60px}.bottom-cta h2{font-size:32px;margin:0}
@media(min-width:1450px){.hero{gap:70px}.hero-visual{margin-left:25px}.phone{right:10px}.workspace{width:94%}.editor{width:285px}}
@media(max-width:1150px){.container{width:calc(100% - 48px)}.hero{gap:20px}.hero h1{font-size:58px}.hero .lead{font-size:15px}.hero .button{padding:12px 15px;font-size:12px}.hero-visual{transform:scale(.92);transform-origin:center right;margin-left:-22px;margin-right:-10px}.editor{width:235px;padding:20px 14px}.workspace-body{grid-template-columns:77px 1fr}.workspace-nav{font-size:7px}.phone{width:205px;height:485px;right:-8px}.phone-hero{height:164px}.phone-products img{height:80px}.design-feature{flex-direction:column;align-items:stretch}.design-sample{display:none}.desktop-nav{gap:19px}.header-actions{gap:16px}.brand>span{font-size:22px}.plan-inner{gap:55px}.faq-section{gap:45px}.footer-grid{gap:25px}}
@media(max-width:900px){.header{height:72px}.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{cursor:pointer;list-style:none;font-size:12px;display:flex;gap:8px;align-items:center;padding:9px 0}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:40px;min-width:200px;background:#fff;box-shadow:0 15px 30px #142d2720;border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column}.mobile-nav a{padding:10px;text-decoration:none;font-size:14px}.header-actions{margin-left:auto}.hero{grid-template-columns:1fr 1fr;gap:24px;padding-top:45px}.hero h1{font-size:48px}.hero-visual{margin-left:-45px;transform:scale(.85);margin-right:-25px;min-height:540px}.hero .eyebrow{font-size:9px}.hero .lead{font-size:14px}.hero .actions{gap:9px}.hero .micro{font-size:10px}.platform-grid{gap:10px}.platform-card{padding:17px 12px;gap:10px}.platform-card p{font-size:10px}.platform-symbol{width:33px;height:33px;font-size:18px}.platform-card h3{font-size:15px}.arrow{font-size:16px}.feature{padding:25px}.split>p{max-width:280px;font-size:14px}.section{padding-block:65px}.steps{gap:25px}.steps h3{font-size:20px}.plan-inner{gap:35px}.plan-section h2{font-size:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.platform-details{gap:35px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.brand>span{font-size:21px}.brand img{width:32px;height:32px}.header-inner{gap:16px}.header-actions .small{display:none}.account-link{font-size:12px}.header-actions{gap:0}.hero{grid-template-columns:1fr;gap:20px;padding-block:40px 25px}.hero-copy{padding:0}.hero h1{font-size:clamp(46px,10vw,65px);margin-bottom:22px}.hero .eyebrow{font-size:10px}.hero .lead{font-size:16px;max-width:500px}.hero .button{font-size:13px;padding:12px 18px}.hero .micro{font-size:11px}.hero-visual{width:min(500px,100%);min-height:520px;transform:none;margin:10px auto 0}.workspace{top:50px;width:95%}.workspace-body{grid-template-columns:80px 1fr}.workspace-nav{font-size:7px}.editor{width:235px}.phone{right:0;top:0;width:210px;height:480px}.visual-caption{bottom:0;left:0;right:0;font-size:10px}.phone-top{margin-bottom:20px}.phone-hero{height:158px}.phone-products img{height:76px}.platforms{padding-top:32px;padding-bottom:48px}.platforms h2{font-size:27px;max-width:350px}.platform-grid{grid-template-columns:1fr}.platform-card{padding:18px;gap:15px}.platform-symbol{width:39px;height:39px;font-size:21px}.platform-card h3{font-size:18px}.platform-card p{font-size:12px}.arrow{font-size:22px}.section{padding-block:52px}.section-intro{margin-bottom:28px}.split{display:block}.split h2{margin-bottom:20px}.split>p{max-width:460px;font-size:15px}.feature-grid{grid-template-columns:1fr;gap:15px}.feature{padding:25px}.feature h3{font-size:25px}.feature p{font-size:14px}.design-feature{flex-direction:row}.design-sample{display:block;min-width:130px;max-width:150px;padding:12px}.design-feature>div:first-child{min-width:0}.design-feature .text-link{font-size:12px}.steps{grid-template-columns:1fr;gap:28px;margin-block:28px}.steps li,.steps article{padding-top:20px}.step-number{margin-bottom:13px}.steps h3{font-size:24px}.steps p{font-size:14px;max-width:520px}.inline-note{padding:15px;font-size:11px}.inline-note>span{display:block;margin-bottom:6px}.plan-section{padding-block:50px}.plan-inner{grid-template-columns:1fr;gap:25px}.plan-section h2{font-size:37px}.plan-section p{font-size:15px}.plan-summary p{font-size:12px}.faq-section{grid-template-columns:1fr;gap:15px}.faq-list summary{font-size:15px}.faq-list details{padding-block:20px}.faq-list p{font-size:14px}.footer{padding-top:35px}.footer-grid{gap:30px 24px}.footer-grid .brand>span{font-size:21px}.footer-grid p{font-size:12px}.footer-grid>div>a:not(.brand){font-size:11px}.footer-bottom{flex-direction:column;gap:15px}.platform-hero{padding-top:25px;padding-bottom:45px}.breadcrumbs{margin-bottom:35px;font-size:11px}.platform-hero h1{font-size:43px}.platform-hero .lead{font-size:16px}.platform-details{grid-template-columns:1fr;gap:25px}.bottom-cta{flex-direction:column;align-items:flex-start;padding-bottom:40px}.bottom-cta h2{font-size:30px}}
@media(max-width:400px){.hero-visual{min-height:480px}.phone{width:188px;height:445px;border-width:6px}.phone-brand{margin-bottom:10px}.phone-hero{height:137px}.phone-products img{height:65px}.workspace{top:46px}.workspace-body{grid-template-columns:58px 1fr;min-height:327px}.workspace-nav{font-size:6px;padding:14px 7px}.editor{width:205px;padding:16px 10px}.edit-row{padding:7px}.editor-heading b{font-size:14px}.theme-chip{padding:7px}.build-chip{display:none}.design-sample{display:none}.hero .button{font-size:12px;padding:12px 14px;gap:10px}.brand>span{font-size:19px}.header-inner{gap:12px}.hero .lead{font-size:15px}.phone-section{margin-top:12px}.phone-top{margin-bottom:18px}.hero h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}