:root{--ink:#1d3b2e;--forest:#0f3326;--cream:#faf7f2;--white:#fff;--clay:#e3c8b6;--sage:#dbe8dc;--blue:#dce7ed;--muted:#627069;--line:#dfe4df;--shadow:0 24px 70px rgba(20,36,29,.12);--radius:22px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Figtree,Arial,sans-serif;font-size:16px;line-height:1.6}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Figtree,sans-serif;line-height:1.12;letter-spacing:-.035em}h2{font-size:clamp(2.15rem,4.4vw,3.7rem);margin-bottom:22px}h3{font-size:1.25rem}p{color:var(--muted)}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.section{padding:120px 0}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--ink);color:white;padding:12px 18px;border-radius:8px}.skip-link:focus{top:18px}.site-header{height:78px;position:sticky;top:0;z-index:100;background:rgba(250,247,242,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,36,29,.08)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:11px;font:700 1.35rem Manrope,sans-serif;letter-spacing:-.04em}.logo-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--ink);color:var(--cream);font-size:1.05rem}.main-nav{display:flex;align-items:center;gap:28px;font-size:.91rem;font-weight:600}.main-nav>a:not(.nav-demo){color:#47574f;transition:.2s}.main-nav>a:not(.nav-demo):hover{color:var(--ink)}.nav-demo{display:flex;align-items:center;gap:9px;background:var(--ink);color:white;padding:10px 17px;border-radius:10px}.menu-button{display:none;border:0;background:none;padding:8px}.menu-button span{display:block;width:24px;height:2px;background:var(--ink);margin:5px;border-radius:5px}.button{border:0;border-radius:10px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(20,36,29,.18)}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#385448;font-weight:700;text-transform:uppercase;letter-spacing:.13em;font-size:.75rem}.eyebrow.light{color:#d4e6db}.hero{position:relative;overflow:hidden;padding:100px 0 42px;background:linear-gradient(145deg,var(--cream) 30%,#f5ede6)}.hero-grid{display:grid;grid-template-columns:.89fr 1.11fr;align-items:center;gap:72px;min-height:580px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(3rem,5.5vw,5rem);margin:0 0 26px;max-width:700px}.hero h1 em{font-style:normal;color:#a96953}.hero-copy>p{font-size:1.15rem;max-width:590px}.hero-actions{display:flex;align-items:center;gap:24px;margin:32px 0}.text-link{display:inline-flex;gap:8px;align-items:center;font-weight:700}.hero-note{display:flex;flex-wrap:wrap;gap:10px 18px;color:#586860;font-size:.82rem}.hero-note span::first-letter{color:#6c947d}.hero-visual{position:relative;z-index:2}.hero-blob{position:absolute;border-radius:50%;filter:blur(2px)}.hero-blob-one{width:520px;height:520px;background:var(--clay);opacity:.42;right:-170px;top:-240px}.hero-blob-two{width:360px;height:360px;background:var(--sage);left:-180px;bottom:-130px}.browser{border-radius:16px;overflow:hidden;background:white;box-shadow:var(--shadow);border:1px solid rgba(20,36,29,.11)}.hero-visual>.browser{transform:perspective(1400px) rotateY(-5deg) rotateX(2deg)}.browser-bar{height:35px;background:#f1f0ed;display:flex;align-items:center;gap:6px;padding:0 12px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#c2c5c1}.browser-bar i:nth-child(1){background:#dfaa98}.browser-bar i:nth-child(2){background:#e4c987}.browser-bar i:nth-child(3){background:#9ec1a6}.browser-bar span{display:block;background:#fff;color:#879089;border-radius:5px;font-size:7px;text-align:center;padding:3px;width:46%;margin:auto}.store-ui{display:grid;grid-template-columns:23% 77%;height:343px}.store-nav{background:#f5f1eb;padding:25px 12px;display:flex;flex-direction:column;gap:8px;color:#859188;font-size:7px}.store-nav>strong{font:700 9px Manrope;margin:0 0 19px 6px;color:var(--ink)}.store-nav span{padding:7px;border-radius:5px;display:flex;gap:6px;align-items:center}.store-nav .active{background:white;color:var(--forest)}.store-main{padding:20px;background:#fff}.store-top{display:flex;justify-content:space-between;align-items:center}.store-top small,.store-top strong{display:block}.store-top small{font-size:6px;color:#8b948e}.store-top strong{font-size:10px}.avatar{background:#ecdfd5;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;font-size:7px}.store-hero{height:135px;margin-top:13px;border-radius:10px;background:#d9e4db;display:flex;justify-content:space-between;padding:21px 25px;position:relative;overflow:hidden}.store-hero small,.store-hero strong{display:block}.store-hero small{text-transform:uppercase;letter-spacing:.1em;font-size:5px}.store-hero strong{font:700 15px/1.25 Manrope;margin:6px 0 10px}.store-hero button{border:0;background:var(--ink);color:white;border-radius:4px;font-size:5px;padding:5px 9px}.vase{width:90px;position:relative}.vase i{position:absolute;right:5px;bottom:-26px;width:70px;height:118px;border-radius:34% 34% 24% 24%;background:#c98469;transform:rotate(8deg)}.vase b{position:absolute;right:14px;top:-15px;width:50px;height:85px;border:6px solid #879d83;border-left:0;border-bottom:0;border-radius:50%;transform:rotate(-26deg)}.product-heading{display:flex;justify-content:space-between;margin:16px 0 8px;font-size:7px}.product-heading span{color:#779083}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-product strong,.mini-product small{display:block;font-size:6px}.mini-product small{color:#839087}.product-art{height:69px;border-radius:6px;margin-bottom:6px;position:relative;overflow:hidden;background:#eee}.product-art i{display:block;position:absolute;width:34px;height:43px;border-radius:50% 50% 20% 20%;left:50%;bottom:8px;transform:translateX(-50%)}.art-one{background:#e6eee5}.art-one i{background:#9dad96}.art-two{background:#f1e2d9}.art-two i{background:#c98469;border-radius:10px 10px 50% 50%}.art-three{background:#eee8d8}.art-three i{background:#d0bd88;border-radius:4px 4px 16px 16px}.floating-card{position:absolute;z-index:5;display:flex;gap:10px;align-items:center;background:white;border:1px solid rgba(20,36,29,.08);border-radius:12px;box-shadow:0 13px 35px rgba(20,36,29,.14);padding:11px 13px;font-size:9px}.floating-card small,.floating-card strong{display:block}.floating-card small{color:#728079}.floating-card b{font-size:7px;color:#829087;margin-left:9px}.float-icon{width:26px;height:26px;border-radius:8px;background:var(--sage);display:grid;place-items:center;font-weight:700}.floating-order{left:-33px;bottom:48px}.floating-stock{right:-23px;top:66px}.audience-strip{margin-top:90px;border-top:1px solid rgba(20,36,29,.12);padding-top:34px;display:flex;align-items:center;justify-content:center;gap:28px;color:#64726b}.audience-strip span{font-size:.82rem}.audience-strip strong{font-size:.93rem;color:#35483f}.audience-strip i{width:4px;height:4px;border-radius:50%;background:#a8b0ab}.about{padding:120px 0;background:var(--ink);color:white}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:start}.about h2{max-width:580px;margin:0}.about .eyebrow{color:#cbdcd2}.about p{color:#c1cbc5;font-size:1.06rem}.section-heading{max-width:720px;margin-bottom:55px}.section-heading.centred{text-align:center;margin-inline:auto}.section-heading>p{font-size:1.08rem}.platform{background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border-radius:var(--radius);padding:30px;min-height:290px;display:flex;flex-direction:column}.feature-card.tone-one{background:#eef3ed}.feature-card.tone-two{background:#f4e8df}.feature-card.tone-three{background:#edf2f4}.feature-icon{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.72);display:grid;place-items:center;font-weight:700;font-size:1.15rem;margin-bottom:34px}.feature-card h3{margin-bottom:10px}.feature-card p{font-size:.93rem}.feature-card a{font-size:.82rem;font-weight:700;margin-top:auto}.app-showcase{padding:135px 0;background:var(--cream);overflow:hidden}.showcase-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:85px;align-items:center}.showcase-copy h2{font-size:clamp(2.3rem,4.5vw,3.7rem)}.showcase-copy>p{font-size:1.07rem}.check-list{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:13px}.check-list li{display:flex;align-items:center;gap:11px;font-size:.92rem}.check-list li span{display:grid;place-items:center;width:22px;height:22px;background:var(--sage);border-radius:50%;font-size:11px;font-weight:700}.showcase-visual{min-width:0}.large-preview{box-shadow:0 30px 80px rgba(20,36,29,.15)}.catalogue-preview{display:grid;grid-template-columns:20% 80%;height:405px}.catalogue-preview aside{background:#f3efe8;padding:29px 15px;display:flex;flex-direction:column;gap:9px;font-size:8px;color:#627068}.catalogue-preview aside strong{font:700 10px Manrope;color:var(--ink);margin-bottom:21px}.catalogue-preview aside span{padding:7px;border-radius:5px}.catalogue-preview aside .active{background:white;color:var(--forest)}.catalogue-main{padding:29px 25px;background:white}.catalogue-title{display:flex;align-items:center;justify-content:space-between}.catalogue-title small,.catalogue-title strong{display:block}.catalogue-title small{font-size:7px;color:#7e8a83}.catalogue-title strong{font-size:15px}.catalogue-title>span{font-size:8px;border:1px solid #e4e8e4;border-radius:5px;padding:5px 20px}.filter-pills{display:flex;gap:7px;margin:20px 0}.filter-pills span,.filter-pills b{font-size:7px;padding:5px 9px;border-radius:10px;background:#f2f3f1}.filter-pills b{background:var(--ink);color:white}.catalogue-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.catalogue-cards div{font-size:8px}.catalogue-cards i{display:block;height:100px;border-radius:7px;margin-bottom:6px;position:relative}.catalogue-cards strong,.catalogue-cards small{display:block}.catalogue-cards small{color:#78867e}.item-one{background:linear-gradient(145deg,#e2e9df,#b7c6b1)}.item-two{background:linear-gradient(145deg,#f0ded3,#ca917a)}.item-three{background:linear-gradient(145deg,#eee7d6,#d2bd86)}.item-four{background:linear-gradient(145deg,#e0e8eb,#9bb2ba)}.admin-showcase{background:#e8eee9}.admin-showcase .showcase-grid{grid-template-columns:1.18fr .82fr}.admin-showcase .showcase-copy{grid-column:2;grid-row:1}.admin-showcase .showcase-visual{grid-column:1;grid-row:1}.browser-admin{box-shadow:0 30px 80px rgba(20,36,29,.17)}.browser-bar.dark{background:#26362f}.browser-bar.dark span{background:#3c4b44;color:#b9c2bd}.admin-ui{height:414px;display:grid;grid-template-columns:54px 1fr;background:#f5f6f4}.admin-nav{background:var(--ink);padding:15px 10px;display:flex;flex-direction:column;gap:13px;align-items:center}.admin-nav strong{width:27px;height:27px;background:#f4e5da;color:var(--ink);border-radius:7px;display:grid;place-items:center;font-size:10px;margin-bottom:18px}.admin-nav span{display:grid;place-items:center;color:#9faf a6;width:30px;height:30px;font-size:10px}.admin-nav span.active{background:#365347;color:#fff;border-radius:7px}.admin-main{padding:25px;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center}.admin-top small,.admin-top strong{display:block}.admin-top small{font-size:7px;color:#849088}.admin-top strong{font-size:15px}.admin-top button{border:0;border-radius:5px;background:var(--ink);color:white;font-size:7px;padding:8px 11px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.stat-row>div{background:#fff;border:1px solid #e2e7e3;border-radius:8px;padding:12px}.stat-row small,.stat-row strong,.stat-row span{display:block}.stat-row small{font-size:6px;color:#75827a}.stat-row strong{font-size:16px}.stat-row span{font-size:6px;color:#789985}.table-card{background:#fff;border:1px solid #e1e6e2;border-radius:8px;overflow:hidden}.table-tools{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #ebeeeb;font-size:7px}.table-tools span{border:1px solid #e4e8e5;border-radius:4px;padding:4px 40px 4px 7px;color:#89928d}.table-tools button{border:1px solid #e4e8e5;background:white;border-radius:4px;font-size:7px}.table-row{display:grid;grid-template-columns:27px 1.7fr 1fr .7fr .9fr;align-items:center;gap:7px;padding:9px 11px;border-bottom:1px solid #edf0ee;font-size:7px}.table-row i{width:25px;height:25px;border-radius:5px}.thumb-one{background:#b8c8b1}.thumb-two{background:#d9ac98}.thumb-three{background:#d8c693}.thumb-four{background:#9fb7c0}.table-row small,.table-row em{color:#76827b;font-style:normal}.table-row b{width:max-content;background:#e5f1e8;color:#3e7450;border-radius:8px;padding:2px 6px;font-size:6px}.table-row b.draft{background:#f2ece5;color:#8b725c}.integration{background:white}.integration-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px}.integration-grid h2{font-size:clamp(2.3rem,4.5vw,3.6rem)}.integration-grid>div>p{font-size:1.08rem}.integration-points{display:grid;gap:10px;margin-top:28px;font-size:.9rem}.integration-map{background:#f2eee8;border-radius:28px;padding:58px 40px;display:flex;align-items:center;justify-content:center}.integration-map>i{height:2px;width:25px;background:#bdc8c1;position:relative}.system-card{background:white;border:1px solid #e0e5e1;box-shadow:0 13px 30px rgba(20,36,29,.08);border-radius:13px;padding:16px 13px;display:flex;align-items:center;gap:10px;min-width:145px}.system-card>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:700}.system-card small,.system-card strong{display:block}.system-card small{font-size:6px;color:#829087}.system-card strong{font-size:10px}.shopify-bag{background:#e2eddb;color:#56803e}.k2b-system{background:var(--ink);color:white}.client-system{background:#eee0d7}.benefits{background:var(--cream)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ccd4ce}.benefit-grid article{padding:36px 25px 0 0;border-right:1px solid #ccd4ce;min-height:240px}.benefit-grid article:not(:first-child){padding-left:25px}.benefit-grid article:last-child{border-right:0}.benefit-grid article>span{font:700 .75rem Manrope;color:#9d6652}.benefit-grid h3{margin:52px 0 10px}.benefit-grid p{font-size:.91rem}.coming-soon{background:#e5d2c5}.coming-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.coming-grid h2{margin-bottom:15px}.soon-pill{display:inline-block;border:1px solid rgba(20,36,29,.25);border-radius:20px;padding:6px 12px;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-top:15px}.soon-list{display:grid;gap:12px}.soon-list article{background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.7);border-radius:15px;padding:20px;display:flex;gap:16px}.soon-list article>span{width:39px;height:39px;border-radius:11px;background:white;display:grid;place-items:center}.soon-list h3{font-size:1rem;margin:0 0 3px}.soon-list p{font-size:.85rem;margin:0}.demo{background:var(--ink);color:white}.demo-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:90px;align-items:center}.demo h2{font-size:clamp(2.4rem,4.5vw,3.7rem)}.demo-copy>p{color:#becac3;font-size:1.04rem}.demo-detail{display:grid;gap:10px;color:#dbe4df;font-size:.88rem;margin:28px 0}.demo-copy>a{color:#e8c9b8;font-weight:700;font-size:.9rem}.demo-form{background:white;color:var(--ink);border-radius:22px;padding:33px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.demo-form label{font-weight:700;font-size:.8rem;display:block;margin-bottom:15px}.demo-form label small{float:right;color:#8b968f;font-weight:500}.demo-form input,.demo-form select,.demo-form textarea{width:100%;display:block;border:1px solid #dce2dd;border-radius:8px;background:#fafbf9;padding:11px 12px;margin-top:6px;color:var(--ink);outline:none}.demo-form textarea{resize:vertical}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{border-color:#678373;box-shadow:0 0 0 3px rgba(103,131,115,.13)}.form-note{font-size:.72rem;margin:10px 0 0}.light-button{width:100%;background:var(--clay);color:var(--ink)}footer{background:#0c1e17;color:white;padding:75px 0 25px}.light-logo .logo-mark{background:var(--cream);color:var(--ink)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:55px}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footer-grid p{color:#8fa099;font-size:.9rem;max-width:280px;margin-top:10px}.footer-grid>div>strong{font-size:.82rem;margin-bottom:8px}.footer-grid>div>a:not(.logo){color:#98a8a1;font-size:.84rem}.footer-grid>div>a:hover{color:white}.footer-bottom{border-top:1px solid #284037;margin-top:60px;padding-top:22px;display:flex;justify-content:space-between;color:#71847b;font-size:.75rem}.cookie-notice{position:fixed;z-index:200;left:20px;right:20px;bottom:20px;max-width:800px;margin:auto;background:white;border:1px solid #dfe4df;box-shadow:0 18px 55px rgba(20,36,29,.22);border-radius:16px;padding:19px 22px;display:flex;gap:25px;justify-content:space-between;align-items:center}.cookie-notice[hidden]{display:none}.cookie-notice strong{font:700 .9rem Manrope}.cookie-notice p{font-size:.78rem;margin:3px 0 0}.cookie-notice>div:last-child{display:flex;gap:8px;flex-shrink:0}.cookie-notice button{border:0;background:#eef1ee;border-radius:8px;padding:9px 13px;font-size:.78rem;font-weight:700;cursor:pointer}.cookie-notice .button{background:var(--ink);color:white}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
@media(max-width:1000px){.main-nav{gap:16px}.hero-grid{grid-template-columns:1fr;gap:60px}.hero-copy{max-width:760px}.hero-visual{max-width:730px;margin:auto;width:100%}.feature-grid{grid-template-columns:repeat(2,1fr)}.showcase-grid,.admin-showcase .showcase-grid,.integration-grid,.coming-grid,.demo-grid{grid-template-columns:1fr;gap:60px}.showcase-copy{max-width:720px}.admin-showcase .showcase-copy,.admin-showcase .showcase-visual{grid-column:auto;grid-row:auto}.admin-showcase .showcase-copy{order:1}.admin-showcase .showcase-visual{order:2}.showcase-visual{max-width:760px;width:100%;margin:auto}.integration-map{max-width:700px;width:100%;margin:auto}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid article:nth-child(2){border-right:0}.benefit-grid article:nth-child(n+3){border-top:1px solid #ccd4ce}.demo-copy{max-width:700px}.demo-form{max-width:760px}.footer-grid{grid-template-columns:2fr 1fr 1fr}}
@media(max-width:760px){.container{width:min(100% - 32px,var(--max))}.section,.app-showcase{padding:85px 0}.site-header{height:68px}.menu-button{display:block}.main-nav{position:fixed;display:flex;flex-direction:column;align-items:stretch;gap:0;top:68px;left:0;right:0;background:var(--cream);padding:20px 20px 28px;box-shadow:0 20px 35px rgba(20,36,29,.12);transform:translateY(-130%);opacity:0;transition:.25s;pointer-events:none}.main-nav.open{transform:none;opacity:1;pointer-events:auto}.main-nav>a{padding:12px}.nav-demo{justify-content:center;margin-top:10px}.hero{padding-top:70px}.hero-grid{min-height:auto}.hero h1{font-size:clamp(2.7rem,13vw,4.2rem)}.hero-copy>p{font-size:1.02rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.hero-note{display:grid}.floating-order{left:-9px;bottom:24px}.floating-stock{right:-8px;top:55px}.audience-strip{justify-content:flex-start;overflow-x:auto;gap:18px;margin-top:70px;padding-bottom:5px}.audience-strip>*{flex:none}.about{padding:85px 0}.about-grid{grid-template-columns:1fr;gap:35px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:250px}.showcase-grid{gap:45px}.catalogue-preview{height:340px}.catalogue-cards i{height:70px}.catalogue-preview aside{padding:20px 10px}.catalogue-main{padding:20px 14px}.browser-admin{min-width:610px}.admin-showcase .showcase-visual{overflow-x:auto;padding-bottom:15px}.integration-map{padding:35px 20px;overflow-x:auto;justify-content:flex-start}.system-card{min-width:132px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article,.benefit-grid article:not(:first-child){padding:30px 0;border-right:0;border-top:1px solid #ccd4ce;min-height:auto}.benefit-grid h3{margin-top:28px}.form-row{grid-template-columns:1fr;gap:0}.demo-form{padding:23px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.cookie-notice{align-items:stretch;flex-direction:column;gap:13px}.cookie-notice>div:last-child{justify-content:flex-end}}
@media(max-width:520px){.hero-visual>.browser{transform:none}.store-ui{height:285px}.store-nav{display:none}.store-ui{grid-template-columns:1fr}.store-main{padding:14px}.floating-card{display:none}.product-grid{gap:6px}.product-art{height:53px}.audience-strip{margin-top:55px}.catalogue-preview{grid-template-columns:1fr}.catalogue-preview aside{display:none}.catalogue-main{padding:15px}.catalogue-title>span{padding-inline:10px}.integration-map{margin-left:-16px;width:calc(100% + 32px);border-radius:0}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:grid;gap:5px}.cookie-notice>div:last-child{display:grid}.cookie-notice{left:10px;right:10px;bottom:10px}}
.admin-nav span{color:#9fafa6}
.footer-grid .legal-label{color:#98a8a1;font-size:.84rem}
.art-one,.item-one{background:url('/assets/best-sellers.jpg') center/cover no-repeat}.art-two,.item-two{background:url('/assets/new-arrivals.jpg') center/cover no-repeat}.art-three,.item-three{background:url('/assets/paste-sauce.jpg') center/cover no-repeat}.item-four{background:url('/assets/khemara-products.png') center/cover no-repeat}.thumb-one{background:url('/assets/best-sellers.jpg') center/cover no-repeat}.thumb-two{background:url('/assets/new-arrivals.jpg') center/cover no-repeat}.thumb-three{background:url('/assets/paste-sauce.jpg') center/cover no-repeat}.thumb-four{background:url('/assets/khemara-products.png') center/cover no-repeat}
.actual-browser{margin:0;width:100%;box-shadow:var(--shadow)}.real-shot{overflow:hidden;position:relative;background:#f8faf8}.real-shot img{display:block;width:100%;height:auto}.real-shot-customer{height:420px}.real-shot-admin{height:365px}.hero-visual>.actual-browser{transform:perspective(1400px) rotateY(-5deg) rotateX(2deg)}@media(max-width:760px){.real-shot-customer{height:320px}.real-shot-admin{height:310px}}@media(max-width:520px){.hero-visual>.actual-browser{transform:none}.real-shot-customer{height:270px}.real-shot-admin{height:230px}}

/* Local, MIT-licensed Tabler Icons keep the static site independent of a CDN. */
.ti{display:inline-block;width:19px;height:19px;flex:none;vertical-align:-.22em;background-color:currentColor;-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}
.ti-sparkles{--icon:url('/assets/tabler-icons/sparkles.svg')}.ti-arrow-right{--icon:url('/assets/tabler-icons/arrow-right.svg')}.ti-chevron-right{--icon:url('/assets/tabler-icons/chevron-right.svg')}.ti-check{--icon:url('/assets/tabler-icons/check.svg')}.ti-package{--icon:url('/assets/tabler-icons/package.svg')}.ti-currency-dollar{--icon:url('/assets/tabler-icons/currency-dollar.svg')}.ti-shopping-cart{--icon:url('/assets/tabler-icons/shopping-cart.svg')}.ti-clipboard-list{--icon:url('/assets/tabler-icons/clipboard-list.svg')}.ti-users{--icon:url('/assets/tabler-icons/users.svg')}.ti-shield-check{--icon:url('/assets/tabler-icons/shield-check.svg')}.ti-chart-bar{--icon:url('/assets/tabler-icons/chart-bar.svg')}.ti-plug-connected{--icon:url('/assets/tabler-icons/plug-connected.svg')}.ti-bolt{--icon:url('/assets/tabler-icons/bolt.svg')}.ti-building-store{--icon:url('/assets/tabler-icons/building-store.svg')}.ti-shopping-bag{--icon:url('/assets/tabler-icons/shopping-bag.svg')}.ti-menu-2{--icon:url('/assets/tabler-icons/menu-2.svg')}.ti-x{--icon:url('/assets/tabler-icons/x.svg')}
.menu-button .ti{width:25px;height:25px;margin:0;border-radius:0;background-color:currentColor}.menu-button .ti-x,.menu-button[aria-expanded="true"] .ti-menu-2{display:none}.menu-button[aria-expanded="true"] .ti-x{display:block}
.feature-icon .ti{width:24px;height:24px}.feature-card a{display:inline-flex;align-items:center;gap:3px}.feature-card a .ti{width:15px;height:15px}
.hero-note>span,.integration-points>span,.demo-detail>span{display:inline-flex;align-items:center;gap:6px}.hero-note .ti,.integration-points .ti,.demo-detail .ti{width:16px;height:16px}
.check-list li .check-icon{display:grid;place-items:center;width:22px;height:22px;background:var(--sage);border-radius:50%;flex:none}.check-list li .check-icon .ti{display:inline-block;width:14px;height:14px;background-color:var(--ink);border-radius:0}
.system-card>span .ti,.soon-list article>span .ti{width:22px;height:22px}.text-link .ti,.nav-demo .ti,.button .ti,.demo-copy>a .ti{width:17px;height:17px}.demo-copy>a{display:inline-flex;align-items:center;gap:7px}
/* Keep the hero at the top of the app; show collections in its dedicated preview. */
.customer-collection-shot img{position:absolute;left:-10%;bottom:0;width:120%;max-width:none;height:auto}
/* Show roughly the upper 70% of the admin capture at every screen size. */
.real-shot-admin{height:auto;aspect-ratio:1763/781}
.real-shot-admin img{position:absolute;inset:0}
@media(max-width:520px){
  .audience-strip{position:relative;z-index:2;flex-wrap:wrap;justify-content:center;gap:6px 16px;overflow:visible;text-align:center}
  .audience-strip>*{flex:none}
  .audience-strip i{display:none}
  .integration-map{flex-direction:column;justify-content:center;gap:0;margin-left:auto;width:100%;padding:30px 20px;border-radius:24px;overflow:visible}
  .integration-map>i{width:2px;height:20px}
  .integration-map .system-card{width:min(100%,220px);min-width:0;padding:14px 16px}
}
@media(max-width:760px){
  .main-nav{max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain}
}
.brand-logo{display:block;width:auto;height:44px}
.light-logo .brand-logo{height:50px}
@media(min-width:761px) and (max-width:900px){
  .menu-button{display:block}
  .main-nav{position:fixed;display:flex;flex-direction:column;align-items:stretch;gap:0;top:78px;left:0;right:0;background:var(--cream);padding:20px 20px 28px;box-shadow:0 20px 35px rgba(20,36,29,.12);transform:translateY(-130%);opacity:0;transition:.25s;pointer-events:none;max-height:calc(100vh - 78px);max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain}
  .main-nav.open{transform:none;opacity:1;pointer-events:auto}
  .main-nav>a{padding:12px}
  .nav-demo{justify-content:center;margin-top:10px}
}
@media(max-width:760px){.brand-logo{height:38px}}
.form-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.form-status{min-height:1.5em;margin:12px 0 0;font-size:.82rem;font-weight:600}
.form-status[data-state="pending"]{color:var(--muted)}
.form-status[data-state="success"]{color:#35704a}
.form-status[data-state="error"]{color:#a3453c}
.light-button:disabled{cursor:wait;opacity:.65;transform:none;box-shadow:none}
