/* Stenild — independent thinking. Carefully engineered. */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-variable.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/assets/fonts/ibm-plex-mono-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#f5f5f0;--surface:#fff;--surface-hover:#edeee7;--text:#20231f;--text-secondary:#5e6259;--text-muted:#676c61;--border:#dcdfd4;--border-hover:#a4ac98;--accent:#d0f580;--accent-light:#d0f580;--accent-ink:#496522;--accent-glow:#d0f58020;--accent-subtle:#edf4df;--green:#547d29;--shopware:#0878ba;--woo:#7444a3;--shopify:#477723;--magento:#bc4821;--mono:'IBM Plex Mono',monospace;--ease:cubic-bezier(.22,1,.36,1);--width:1280px;--gutter:clamp(22px,4.8vw,80px);color-scheme:light}
*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--text)}a{color:inherit;text-decoration:none;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}img{max-width:100%;height:auto;display:block}svg{vertical-align:middle;flex-shrink:0}:focus-visible{outline:3px solid var(--accent-ink);outline-offset:5px}[hidden]{display:none!important}
.skip-link{position:fixed;left:20px;top:12px;z-index:500;background:var(--text);color:var(--accent);padding:12px 20px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body>header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);background:rgba(245,245,240,.96);backdrop-filter:blur(16px)}
header nav{height:86px;max-width:calc(var(--width) + 2 * var(--gutter));padding:0 var(--gutter);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:inline-flex;align-items:center;gap:12px;font-size:27px;font-weight:800;letter-spacing:-1.5px;line-height:1}.logo-text{display:inline-flex;gap:0}.logo-text span{color:var(--text-secondary)}.brand-mark{width:31px;height:35px;color:var(--text);display:inline-block;transform:rotate(-12deg)}
.nav-links{display:flex;align-items:center;gap:30px}.nav-links>a{font-size:13px;font-weight:650;line-height:1.3;padding:12px 0;transition:color .2s}.nav-links>a:hover{color:var(--accent-ink)}.nav-links>a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.nav-links .nav-cta{background:var(--text);color:var(--bg);padding:14px 22px;border-radius:7px;display:flex;align-items:center;gap:22px}.nav-cta::after{content:'↗';font-size:19px;font-weight:400}.nav-links .nav-cta:hover{background:var(--accent);color:var(--text)}.nav-links .lang-switch{font:11px var(--mono);border-left:1px solid var(--border);padding:13px 0 13px 22px}
.mobile-menu-btn{display:none;width:44px;height:44px;border:1px solid var(--border);border-radius:6px;background:transparent;align-items:center;justify-content:center}.mobile-menu-btn svg{width:23px;height:23px}
main>section{max-width:calc(var(--width) + 2 * var(--gutter));margin:0 auto;padding:92px var(--gutter)}main>section+section{border-top:1px solid var(--border)}
h1,h2,h3,h4{font-weight:650;line-height:1.15;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(48px,6.1vw,84px);max-width:1030px;margin-bottom:28px;line-height:1.04}h2{font-size:clamp(30px,3.7vw,50px)}h3{font-size:23px;letter-spacing:-.025em}p{color:var(--text-secondary)}p a,.faq-answer a,.policy-section a{color:var(--text);text-decoration:underline;text-decoration-color:#afb89d}p a:hover,.faq-answer a:hover{color:var(--accent-ink)}
.section-label{font:11px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:22px;display:flex;align-items:center;gap:13px}.section-label::before{content:'';width:7px;height:7px;background:var(--accent-ink);flex:none}.section-title{max-width:790px;margin-bottom:24px}.section-desc{max-width:670px;font-size:16px;line-height:1.85;margin-bottom:42px}.gradient,.sw-gradient{color:var(--accent-ink)}
.cta-group{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}.btn{min-height:52px;padding:14px 24px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:750;line-height:1.5;transition:background .2s,transform .25s var(--ease),border-color .2s}.btn svg{width:18px;height:18px}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary::after{content:'↗';font-size:21px;line-height:1;font-weight:400}.btn-primary:hover{background:var(--accent-ink);transform:translateY(-2px)}.btn-outline{border-color:var(--border-hover);background:transparent;color:var(--text)}.btn-outline:hover{background:var(--surface-hover);border-color:var(--text);transform:translateY(-2px)}.text-link{display:inline-flex;gap:24px;align-items:center;font-size:13px;font-weight:750;border-bottom:1px solid var(--text);padding:8px 0}.text-link::after{content:'↗';font-size:20px;font-weight:400}

/* A human introduction and a live piece of generative geometry. */
main>.hero{padding-top:60px;padding-bottom:0;border:0;display:grid;grid-template-columns:1.08fr 1fr;gap:32px 56px;align-items:center}
.hero-kicker{font:10px/1.7 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:30px;color:var(--text-secondary);display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;flex:none;box-shadow:0 0 0 4px #547d2910}
.hero h1{font-size:clamp(56px,6.3vw,92px);line-height:1.015;font-weight:600;letter-spacing:-.064em;margin-bottom:26px}.hero h1>span{display:block}.hero-accent{position:relative;display:table!important;color:var(--accent-ink)}.hero-accent::after{content:'';height:4px;background:var(--accent);position:absolute;left:0;right:0;bottom:0;transform:rotate(-2deg)}.hero-sub{font-size:17px;line-height:1.8;max-width:580px;margin-bottom:26px}.hero-copy .hero-sub{max-width:455px;font-size:15px;line-height:1.9}.hero-copy .cta-group{margin-top:0;gap:22px}
.hero-person{display:flex;align-items:center;gap:12px;margin-top:30px}.hero-person img{width:40px;height:40px;border-radius:50%;object-fit:cover;filter:grayscale(1)}.hero-person p{font-size:11px;line-height:1.6}.hero-person strong{color:var(--text);font-weight:750;display:block}
.hero-art{height:560px;background:#20251e;border-radius:16px;position:relative;overflow:hidden;isolation:isolate;color:#f1f3eb;background-image:radial-gradient(#ffffff12 .8px,transparent .8px);background-size:22px 22px}.hero-art::before{content:'';position:absolute;width:75%;aspect-ratio:1;top:10%;left:12.5%;border:1px solid #d0f58015;border-radius:50%;pointer-events:none}
.art-top,.art-bottom{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:10px;font:9px/1.6 var(--mono);letter-spacing:.05em;z-index:2}.art-top{top:24px;color:#c7cec1}.art-top .status-dot{background:var(--accent);box-shadow:none}.art-top>span{display:flex;gap:8px;align-items:center}.art-bottom{bottom:24px;color:#b5bfac}.art-bottom strong{color:var(--accent);font-weight:400}.art-label{position:absolute;left:28px;top:70px;font:10px/1.8 var(--mono);color:#a9b39f;z-index:2}.art-label span{display:block;color:#f1f3eb}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%}.art-core{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:-1}.art-core svg{width:45%;height:45%;stroke:var(--accent);opacity:.6}.hero-art.is-rendered .art-core{display:none}.art-caption{position:absolute;bottom:86px;left:28px;color:#e5eade;font-size:27px;font-weight:500;line-height:1.12;letter-spacing:-1px}.art-caption span{display:block;color:#aab69e}.motion-toggle{position:absolute;right:25px;bottom:83px;border:1px solid #d0f58040;background:#20251e;color:#d0f580;width:38px;height:38px;border-radius:50%;z-index:3;font:12px var(--mono)}.motion-toggle:hover{background:#d0f580;color:#20251e}.motion-toggle:focus-visible{outline-color:var(--accent)}
.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px 0 25px;margin-top:5px;border-top:1px solid var(--border)}.hero-note{font:10px/1.7 var(--mono);color:var(--text-secondary);max-width:135px}.hero-stores{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:clamp(20px,3vw,48px)}.store-pill{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:800;letter-spacing:-.5px;padding:8px 0;transition:color .2s}.store-pill:hover{color:var(--accent-ink)}.store-pill svg{width:23px;height:23px}.store-pill .dot{height:7px;width:7px;border-radius:50%}
.hero-metrics{grid-column:1/-1;display:grid;grid-template-columns:1.4fr repeat(3,1fr);padding:36px 0 45px;border-top:1px solid var(--border);gap:24px}.hero-metrics>p{font-size:13px;max-width:215px}.hero-metric{display:flex;gap:12px;align-items:center}.hero-metric strong{font-size:42px;font-weight:600;letter-spacing:-2px;line-height:1}.hero-metric span{font:9px/1.7 var(--mono);text-transform:uppercase;color:var(--text-secondary);max-width:80px;letter-spacing:.03em}

/* A working, explicitly illustrative product demo. */
main>.featured-work{background:#20251e;border-radius:18px;max-width:var(--width);padding:64px 52px;margin:26px auto 40px;color:#f4f6ee;border:0;--text:#f4f6ee;--text-secondary:#bdc6b4;--text-muted:#bdc6b4;--border:#41493b;--border-hover:#839174;--surface:#2a3125;--surface-hover:#333c2d}
.featured-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}.featured-work .section-label{color:#c5cfba}.featured-work .section-label::before{background:var(--accent)}.featured-work .section-title{font-size:clamp(36px,4vw,54px);max-width:480px;margin-bottom:20px}.featured-work .section-title span{color:var(--accent)}.featured-work .section-desc{font-size:14px;line-height:1.85;margin-bottom:22px;max-width:400px}.featured-work .text-link{color:#e9f0df;border-color:#7a866c}.project-meta{display:flex;align-items:center;gap:12px;margin-bottom:25px;font:10px var(--mono);color:#c7d1ba}.project-meta>span{padding:5px 9px;border:1px solid #526144;border-radius:4px}
.redirect-demo{background:#f5f6f0;border:1px solid #646e59;border-radius:11px;overflow:hidden;box-shadow:0 20px 40px #0002;color:#20251e;--text:#20251e;--text-secondary:#5e6259}.demo-toolbar{padding:15px 20px;background:#e9ece2;border-bottom:1px solid #d8dece;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);color:#555f49}.window-dots{display:flex;gap:4px}.window-dots i{display:block;width:5px;height:5px;background:#a7ae9a;border-radius:50%}.demo-body{padding:30px}.demo-url{display:flex;gap:12px;align-items:center;font:11px/1.5 var(--mono);padding:12px 13px;background:#fff;border:1px solid #dde2d5;border-radius:5px;overflow-wrap:anywhere}.demo-url svg{width:13px;height:13px}.demo-flow{display:flex;justify-content:center;gap:9px;align-items:center;margin:16px 0;font:9px var(--mono);color:#626c57}.demo-flow::before,.demo-flow::after{content:'';height:1px;flex:1;background:#d4dbc9}
.demo-result{padding:22px;background:#eee6df;border:1px solid #ddccbd;border-radius:7px;transition:background .35s,border-color .35s;min-height:124px}.demo-result[data-state="on"]{background:#e8f2d7;border-color:#b4c891}.demo-code{font:10px var(--mono);color:#7b4b30;display:flex;gap:6px;align-items:center;margin-bottom:9px}.demo-result[data-state="on"] .demo-code{color:#486921}.demo-result h3{font-size:23px;letter-spacing:-.8px;margin-bottom:7px;line-height:1.1}.demo-result p{font:10px/1.6 var(--mono);color:#5b6652;overflow-wrap:anywhere}.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px}.demo-controls>div{font-size:11px;font-weight:750}.demo-controls small{display:block;font:9px/1.8 var(--mono);font-weight:400;color:#626c57}.demo-toggle{display:inline-flex;align-items:center;gap:8px;border:0;background:none;font:9px var(--mono);padding:8px 0 8px 6px;min-height:44px}.toggle-track{width:38px;height:22px;border-radius:15px;background:#bcc2b3;padding:3px;transition:background .25s;display:block}.toggle-track::before{content:'';display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .25s}.demo-toggle[aria-checked="true"] .toggle-track{background:#56772a}.demo-toggle[aria-checked="true"] .toggle-track::before{transform:translateX(16px)}.demo-footnote{font:9px/1.7 var(--mono);padding:12px 20px;background:#e9ece2;border-top:1px solid #d8dece;color:#626c57}
.featured-work .store-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;gap:16px}.featured-work .store-card{padding:23px;background:#293125;border:1px solid #424c38}.featured-work .store-card h3{font-size:17px;line-height:1.35}.featured-work .store-card p{font-size:12px;line-height:1.85}.featured-work .store-card-header{gap:12px}.featured-work .store-icon{width:32px;height:36px;background:none;color:var(--accent);border:0}.featured-work .store-card small{font-size:10px;color:#bdc6b4}.featured-work .store-tag{font-size:8px;background:none;border:1px solid #546247;color:#c6d2b9}.featured-work a:focus-visible{outline-color:var(--accent)}

/* Shared content components across all existing routes. */
.store-grid,.platform-grid,.cap-grid,.consulting-inner,.services-grid,.build-grid,.features-grid,.why-grid,.help-grid,.cert-grid,.tech-stack-grid,.steps-grid,.process-grid,.process-steps,.req-grid,.cross-grid,.cross-links-grid,.crosslinks-grid,.notes-grid,.contact-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.store-card,.platform-card,.cap-card,.consult-card,.service-card,.build-card,.feature-card,.why-card,.cert-card,.tech-card,.step-card,.process-card,.req-card,.cross-card,.cross-link-card,.crosslink-card,.contact-info-card,.note-card{border:1px solid var(--border);border-radius:12px;padding:32px;background:var(--surface);position:relative;min-width:0}
a.store-card,.platform-card,.cross-card,.cross-link-card,.crosslink-card,.contact-info-card{transition:border-color .25s,background .25s,transform .35s var(--ease)}a.store-card:hover,.platform-card:hover,.cross-card:hover,.cross-link-card:hover,.crosslink-card:hover,.contact-info-card:hover{border-color:var(--border-hover);transform:translateY(-4px)}
.store-card-header,.platform-card-header{display:flex;gap:18px;align-items:center;margin-bottom:22px}.store-card h3,.platform-card h2{font-size:24px;letter-spacing:-.035em}.store-card h3 small,.platform-card h2 small{display:block;color:var(--text-secondary);font-size:10px;font-weight:500;letter-spacing:0;line-height:1.65;margin-top:7px}
.store-card p,.platform-card p,.cap-card p,.consult-card p,.service-card p,.build-card p,.feature-card p,.why-card p,.tech-card p,.step-card p,.process-card p,.req-card p,.note-card p,.cross-card p,.cross-link-card p,.crosslink-card p{font-size:13px;line-height:1.85;margin:15px 0}
.store-icon,.platform-icon,.cap-icon,.service-icon,.build-icon,.feature-icon,.why-icon,.help-icon,.req-icon,.cross-icon,.cross-link-icon,.crosslink-icon,.note-icon,.contact-info-icon,.tech-card-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);color:var(--text);border-radius:8px;margin-bottom:22px;flex:none}.store-icon,.platform-icon{margin-bottom:0;width:49px;height:49px}.store-icon svg,.platform-icon svg{width:27px;height:27px}.sw{color:var(--shopware);background:#e6f1f9}.wc{color:var(--woo);background:#f0e9f6}.sf{color:var(--shopify);background:#ecf3dd}.mg{color:var(--magento);background:#fbeddf}
.store-tags,.platform-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.store-tag,.platform-tag,.version-tag{font:9px/1.5 var(--mono);padding:5px 8px;border-radius:3px;background:var(--surface-hover);color:var(--text-secondary);display:inline-flex;gap:7px;align-items:center}.platform-link{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;font-weight:750;border-top:1px solid var(--border);padding-top:22px;margin-top:24px}.platform-link svg{width:20px;height:20px}
#plugins .store-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#plugins .store-card{padding:26px 24px;display:flex;flex-direction:column;background:transparent}#plugins .store-card-header{display:block;margin-bottom:7px}#plugins .store-icon{width:45px;height:45px;margin-bottom:35px}#plugins .store-card-header h3{font-size:22px}#plugins .store-card p{font-size:12px}#plugins .store-tags{margin-top:auto;padding-top:20px}#plugins .store-card::after{content:'↗';position:absolute;right:24px;top:24px;font-size:23px;color:var(--text-secondary);transition:transform .2s}#plugins .store-card:hover{background:#fff}#plugins .store-card:hover::after{transform:translate(2px,-2px)}
.cap-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}.cap-card{background:transparent;border:0;border-radius:0;padding:32px 25px}.cap-card+.cap-card{border-left:1px solid var(--border)}.cap-card h3{font-size:20px;line-height:1.3}
.consulting-inner{gap:0;border-top:1px solid var(--border)}.consult-card{background:none;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:34px 30px 34px 0}.consult-card:nth-child(even){padding-left:35px;border-left:1px solid var(--border)}.consult-card h3{display:flex;gap:12px;align-items:center;font-size:22px}.consult-card h3 svg{width:22px;height:22px;flex:none}
.consult-card ul,.service-card ul,.build-card ul,.req-card ul,.why-card ul{list-style:none;margin-top:22px;display:grid;gap:9px;font-size:12px;color:var(--text-secondary)}.consult-card li,.service-card li,.build-card li,.req-card li,.why-card li{padding-left:20px;position:relative}.consult-card li::before,.service-card li::before,.build-card li::before,.req-card li::before,.why-card li::before{content:'↗';position:absolute;left:0;color:var(--accent-ink)}
.help-item{display:flex;gap:20px;border-bottom:1px solid var(--border);padding:24px 0}.help-item h3{font-size:20px;margin-bottom:12px}.help-item p{font-size:13px;line-height:1.8}.help-icon svg,.contact-info-icon svg{width:23px;height:23px}
.tech-grid{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{font:12px/1.5 var(--mono);border:1px solid var(--border);padding:12px 18px;background:transparent;border-radius:5px;transition:background .2s}.tech-tag:hover{background:var(--accent)}.tech-card h3{font-size:21px}
.process-number,.step-number,.process-step{font:40px/1 var(--mono);letter-spacing:-3px;color:var(--accent-ink);margin-bottom:35px;display:block}.steps-grid,.process-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.step-card,.process-card{padding:28px}.step-card h3,.process-card h3{font-size:20px}.availability-notice{padding:40px;background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:840px}.availability-notice h3{font-size:28px;margin-bottom:20px}.availability-notice p{font-size:15px;margin-top:12px}.availability-notice svg{width:28px;height:28px;margin-bottom:18px}
.cross-card h3,.cross-link-card h3,.crosslink-card h3{font-size:21px}.crosslink-arrow,.cross-link-cta{display:block;margin-top:20px;font-size:13px;font-weight:750}.cross-links-inner{background:var(--accent-subtle);border:1px solid var(--border);padding:48px;border-radius:12px}.cross-links-inner h2{margin-bottom:18px;font-size:36px}.cross-links-inner p{max-width:660px}

.process-steps>.process-step{font:inherit;letter-spacing:normal;color:var(--text);margin:0;border-top:1px solid var(--border);padding:26px 14px 0 0;min-width:0}.process-steps>.process-step h3{font-size:21px;margin-bottom:16px}.process-steps>.process-step p{font-size:13px;line-height:1.85}.tech-grid>.tech-card{flex:1 1 260px}.req-card h3{font-size:22px;margin-bottom:15px}

.process-grid>.process-step{font:inherit;letter-spacing:normal;color:var(--text);margin:0;border:1px solid var(--border);border-radius:12px;padding:28px;background:var(--surface);min-width:0}.process-grid>.process-step h3{font-size:21px;margin-bottom:16px}.process-grid>.process-step p{font-size:13px;line-height:1.85}
.demo-toggle .toggle-label{display:none}
@media(min-width:801px){.crosslinks-grid,.cross-links-grid,.cross-grid,.req-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}
h1,h2,h3,h4{overflow-wrap:break-word}

/* Interior pages. */
.breadcrumb{max-width:calc(var(--width) + 2 * var(--gutter));padding:28px var(--gutter) 0;margin:auto}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:9px 12px;font:10px/1.7 var(--mono);color:var(--text-secondary)}.breadcrumb .current{color:var(--text)}.breadcrumb a:hover{text-decoration:underline}
main>.page-hero,main>.page-header{padding-top:58px;padding-bottom:65px;border:0;text-align:left}.page-hero h1,.page-header h1{max-width:970px}.page-hero-sub,.subtitle{font-size:17px;line-height:1.85;max-width:740px;color:var(--text-secondary)}.page-hero-badge,.hero-badge,.platform-badge{display:inline-flex;align-items:center;gap:9px;font:10px/1.6 var(--mono);margin-bottom:25px;border:1px solid var(--border);border-radius:5px;padding:8px 12px;color:var(--text-secondary)}.hero-badge svg,.page-hero-badge svg,.platform-badge svg{width:16px;height:16px}.page-hero .version-tag{margin:0 0 8px}
.page-hero.has-emblem{display:grid;grid-template-columns:1.4fr .8fr;gap:60px;align-items:center}.page-emblem{position:relative;aspect-ratio:1.1;max-height:330px;display:grid;place-items:center;border-radius:15px;border:1px solid var(--border);overflow:hidden;background:var(--accent-subtle)}.page-emblem::before,.page-emblem::after{content:'';position:absolute;inset:15%;border:1px solid #5f74352a;border-radius:50%;transform:rotate(-35deg) scaleX(1.35)}.page-emblem::after{transform:rotate(35deg) scaleX(1.35)}.page-emblem>svg{width:90px;height:90px;position:relative;z-index:1;color:var(--accent-ink)}.page-emblem>span{position:absolute;bottom:20px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-ink)}.page-emblem.shopware{background:#e7eff1;--accent-ink:var(--shopware)}.page-emblem.woocommerce{background:#eee8f1;--accent-ink:var(--woo)}.page-emblem.magento{background:#f2e7dc;--accent-ink:var(--magento)}.page-hero.has-emblem h1{font-size:clamp(45px,5.4vw,74px)}.page-about .page-header-inner{max-width:890px}
.page-contact .page-hero h1{font-size:clamp(52px,7vw,96px);max-width:930px}.page-contact .contact-card-grid{grid-template-columns:1.6fr 1fr 1fr}.contact-info-card{padding:35px 28px;display:flex;flex-direction:column;align-items:flex-start}.contact-info-card:first-child{background:var(--accent);border-color:#bcd77f}.contact-info-card:first-child .contact-info-icon{background:#20251e;color:var(--accent)}.contact-info-content h2{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:10px}.contact-info-content p{font-size:clamp(19px,2.4vw,31px);font-weight:600;color:var(--text);letter-spacing:-1px;margin-bottom:12px;word-break:break-word}.contact-info-hint{font-size:11px;color:var(--text-secondary)}.contact-section{padding-top:10px}
.brief-builder{margin-top:28px;padding:30px 32px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.brief-builder h2{font-size:27px;margin-bottom:12px}.brief-builder>p{font-size:13px;max-width:720px;margin-bottom:22px}.brief-builder label{font-size:12px;font-weight:700;display:block;margin-bottom:7px}.brief-fields{display:grid;grid-template-columns:1fr 2fr;gap:18px;margin-bottom:20px}.brief-fields select,.brief-fields textarea{width:100%;padding:12px 14px;color:var(--text);border:1px solid var(--border-hover);background:var(--bg);border-radius:5px;font-size:13px}.brief-fields textarea{min-height:105px;resize:vertical}.brief-note{font:10px/1.7 var(--mono);color:var(--text-secondary);margin-top:14px}.brief-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.brief-copy{background:none;border:1px solid var(--border-hover);color:var(--text)}.copy-status{font-size:12px;color:var(--accent-ink)}

/* People, experience, and long-form content. */
.about-grid,.about-detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:start}.about-card{position:relative}.about-photo{width:100%;max-height:360px;object-fit:cover;object-position:center 35%;aspect-ratio:1.5;filter:grayscale(1);border-radius:12px;margin-bottom:27px;background:#dbe1d1}.about-name{font-size:32px;font-weight:650;letter-spacing:-1.5px;line-height:1.25;color:var(--text)}.about-title{font:10px/1.7 var(--mono);color:var(--accent-ink);margin:10px 0 25px}.about-bio{font-size:14px;line-height:1.85;margin-bottom:18px}.about-stats{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;border-top:1px solid var(--border);padding-top:28px;margin-top:35px}.stat-num{font-size:46px;font-weight:600;line-height:1.1;letter-spacing:-2px}.stat-label{font:9px/1.7 var(--mono);color:var(--text-secondary);margin-top:8px}
.timeline-heading{font-size:27px;margin-bottom:30px}.timeline-item{position:relative;border-left:1px solid var(--border);padding:0 0 35px 30px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-4px;top:10px;width:7px;height:7px;background:#b0b8a3;border:1px solid var(--bg);border-radius:50%}.timeline-item.current .timeline-dot{background:var(--accent-ink);box-shadow:0 0 0 5px #678c2820}.timeline-company{font-size:23px;font-weight:700;letter-spacing:-.7px;margin-bottom:3px}.timeline-role{font-size:12px;color:var(--text-secondary)}.timeline-period{font:9px/1.7 var(--mono);color:var(--text-secondary);margin:8px 0 12px}.timeline-desc{font-size:12px;line-height:1.85;color:var(--text-secondary)}
.cert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cert-card svg{width:30px;height:30px;color:var(--accent-ink);margin-bottom:20px}.cert-card h3{font-size:18px;line-height:1.35;margin-bottom:12px}.cert-issuer{font:10px var(--mono);color:var(--text-secondary)}.cert-verify{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;margin-top:18px}.cert-verify svg{width:14px;height:14px;margin:0}
.policy-content{max-width:900px;margin:auto;padding:0 var(--gutter) 80px}.policy-effective{font:11px/1.7 var(--mono);margin-top:20px;color:var(--text-secondary)}.policy-section{margin:40px 0;padding:28px 0 0;border-top:1px solid var(--border)}.policy-section h2{font-size:26px;line-height:1.3;margin-bottom:20px}.policy-section h3{font-size:19px;margin:25px 0 10px}.policy-section p,.policy-section li{font-size:14px;line-height:1.85;margin-bottom:12px;color:var(--text-secondary)}.policy-section ul{padding-left:22px;margin-bottom:20px}.policy-section table{width:100%;border-collapse:collapse;font-size:13px}.policy-section th,.policy-section td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--border)}.covered-apps{display:grid;gap:15px}.covered-app{padding:23px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.covered-app h3{margin:0 0 10px}.policy-contact{padding:25px;border:1px solid var(--border);background:var(--surface)}

/* Native disclosure works with keyboard, touch, and without JavaScript. */
.faq{max-width:calc(970px + 2 * var(--gutter))}.faq .section-title{margin-bottom:40px}.faq-item{border-top:1px solid var(--border);padding:0}.faq-item:last-child{border-bottom:1px solid var(--border)}.faq-question{padding:25px 48px 25px 0;font-size:16px;font-weight:650;cursor:pointer;position:relative;line-height:1.55;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-question::after{content:'+';position:absolute;right:6px;top:21px;font:25px var(--mono);font-weight:400;color:var(--accent-ink)}.faq-item[open] .faq-question::after{content:'−'}.faq-question svg{display:none}.faq-answer{padding:0 45px 26px 0;font-size:14px;line-height:1.9;color:var(--text-secondary)}.faq-answer p{margin-bottom:12px}.faq-answer p:last-child{margin:0}

/* A generous closing invitation and a proper sitemap footer. */
main>.contact,main>.cta-section{padding:80px var(--gutter) 95px}.contact-inner,.cta-inner{position:relative;background:var(--accent);border-radius:15px;padding:65px;overflow:hidden}.contact-inner::after{content:'↗';position:absolute;right:45px;top:55px;font-size:130px;line-height:1;font-weight:400;color:#344520;pointer-events:none}.contact-inner h2,.cta-inner h2{font-size:clamp(38px,4.8vw,66px);max-width:730px;margin-bottom:25px;padding-right:60px}.contact-inner>p,.cta-inner>p{max-width:640px;color:#3e512c;font-size:15px;line-height:1.85}.contact-links{display:flex;flex-wrap:wrap;gap:15px 25px;align-items:center;margin-top:30px}.contact-link{font-size:13px;font-weight:750;display:inline-flex;gap:8px;align-items:center;padding:9px 0}.contact-link svg{width:17px;height:17px}.contact-links .contact-link:first-child{font-size:20px;letter-spacing:-.5px;border-bottom:1px solid #4b6035}.contact-inner .btn-primary{background:#20251e;color:#f1f4e9}.contact-inner .btn-outline{color:#20251e;border-color:#6e8b49}.contact-inner .btn-outline:hover{background:#bde666}
body>footer{background:#20251e;color:#f0f2e9;padding:65px var(--gutter) 28px;--text-secondary:#b9c3b0;--border:#41493b}.footer-main,.footer-bottom,.footer-wordmark{max-width:var(--width);margin:auto}.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer-intro .logo{font-size:28px;margin-bottom:20px}.footer-intro .brand-mark{color:var(--accent)}.footer-intro .logo-text span{color:#bcc7b0}.footer-intro p{font-size:12px;line-height:1.85;max-width:245px;color:#b9c3b0}.footer-social{display:flex;gap:18px;margin-top:20px}.footer-social a{font:10px var(--mono);color:#d6dfcd;padding:8px 0}.footer-column>p{font:9px/1.7 var(--mono);color:#aeb9a4;text-transform:uppercase;letter-spacing:.07em;margin-bottom:20px}.footer-column nav{display:flex;flex-direction:column;gap:10px}.footer-column a{font-size:11px;line-height:1.6;color:#dee5d6;padding:2px 0}.footer-column a:hover,.footer-social a:hover{color:var(--accent)}.footer-wordmark{font-weight:650;line-height:1.15;letter-spacing:-.075em;font-size:clamp(85px,18.8vw,258px);color:#c8d2bf;border-bottom:1px solid #41493b;padding:35px 0 25px;user-select:none}.footer-wordmark span{color:var(--accent)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:23px}.footer-bottom p,.footer-bottom a{font:9px/1.8 var(--mono);color:#aeb9a4}.footer-bottom a{padding:5px 0}footer a:focus-visible{outline-color:var(--accent)}
.error-container{max-width:900px;margin:auto;text-align:center;padding:85px var(--gutter)}.error-code{font-size:clamp(130px,23vw,250px);font-weight:650;line-height:1;letter-spacing:-.08em;color:var(--accent-ink)}.error-title{font-size:42px;margin:20px auto}.error-message{max-width:470px;margin:20px auto;font-size:15px}.error-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}.error-links a{padding:12px 20px;border:1px solid var(--border-hover);border-radius:6px;font-size:13px}.error-links .primary{background:var(--text);color:var(--bg)}.error-divider{border:0;border-top:1px solid var(--border);max-width:70px;margin:24px auto}

/* Progressive motion: reading never depends on an animation. */
@media(prefers-reduced-motion:no-preference){.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .8s var(--ease)}.reveal-ready.visible{opacity:1;transform:translateY(0)}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}}
@media(max-width:1439px){main>.featured-work{margin-left:var(--gutter);margin-right:var(--gutter)}}
@media(max-width:1150px){
main>.hero{gap:30px}.hero-art{height:525px}.hero h1{font-size:clamp(56px,6.9vw,79px)}.hero-kicker{font-size:9px;letter-spacing:.015em}.hero-copy .hero-sub{font-size:14px}.hero-stores{gap:22px}.store-pill{font-size:13px}.hero-metric{gap:10px}.hero-metric strong{font-size:35px}
#plugins .store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-card:nth-child(3){border-left:0}.cap-card:nth-child(n+3){border-top:1px solid var(--border)}.featured-layout{gap:38px}.featured-work .store-grid{gap:12px}.featured-work .store-card{padding:20px}.featured-work .store-card-header{align-items:flex-start;flex-direction:column}.steps-grid,.process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid,.about-detail-grid{gap:40px}.nav-links{gap:24px}.page-hero.has-emblem{gap:35px}.contact-inner::after{font-size:95px;right:30px}.contact-inner{padding:48px}.contact-inner h2{max-width:660px;padding-right:65px}
}
@media(max-width:800px){
:root{--gutter:28px}header nav{height:74px}.logo{font-size:25px}.nav-links{gap:20px}.nav-links>a{font-size:12px}.nav-links .nav-cta{padding:12px 17px;gap:12px}.nav-links .lang-switch{padding-left:15px}main>section{padding-top:65px;padding-bottom:65px}
main>.hero{grid-template-columns:1fr;padding-top:40px;gap:30px}.hero-copy{max-width:650px}.hero h1{font-size:76px;line-height:1.03}.hero-copy .hero-sub{font-size:16px;max-width:530px}.hero-kicker{font-size:10px;margin-bottom:25px}.hero-person{margin-top:25px}.hero-art{height:460px}.hero-bottom{margin-top:0}.hero-stores{gap:13px 23px}.hero-note{font-size:9px;min-width:102px}.store-pill{font-size:12px}.hero-metrics{grid-template-columns:repeat(3,1fr)}.hero-metrics>p{grid-column:1/-1;max-width:none}.hero-metric strong{font-size:39px}
main>.featured-work{padding:38px 30px;margin-top:15px}.featured-layout{grid-template-columns:1fr;gap:35px}.featured-work .section-title{font-size:46px;max-width:550px}.featured-work .section-desc{max-width:550px}.featured-work .store-grid{grid-template-columns:1fr}.featured-work .store-card-header{flex-direction:row;align-items:center}.featured-work .store-card p{max-width:500px}.demo-body{padding:28px}.featured-work .store-card{padding:24px}
.about-grid,.about-detail-grid{grid-template-columns:1fr;gap:50px}.about-photo{max-height:440px}.about-timeline{display:grid;grid-template-columns:1fr 1fr;gap:30px 25px}.timeline-item{padding-bottom:0}.about-stats{justify-content:flex-start;gap:45px}.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-hero.has-emblem{grid-template-columns:1fr 220px;gap:22px}.page-hero.has-emblem h1{font-size:48px}.page-emblem{min-height:240px}.page-emblem>svg{width:65px;height:65px}.page-contact .contact-card-grid{grid-template-columns:1fr 1fr}.contact-info-card:first-child{grid-column:1/-1}.contact-info-content p{font-size:28px}.contact-info-card{padding:26px}
.contact-inner h2{padding-right:40px;font-size:46px}.contact-inner::after{font-size:70px;top:42px;right:25px}.contact-inner{padding:40px 32px}.contact-inner>p{font-size:14px}.footer-main{grid-template-columns:repeat(3,1fr);gap:30px}.footer-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.footer-intro .logo{grid-column:1}.footer-intro>p{grid-column:2;grid-row:1/3}.footer-social{margin-top:0;grid-column:1}.footer-wordmark{font-size:18.5vw}
}
@media(max-width:600px){
:root{--gutter:22px}html{scroll-padding-top:88px}header nav{height:70px;gap:15px}.logo{font-size:24px;gap:9px}.brand-mark{width:27px;height:30px}.mobile-menu-btn{display:flex}.nav-links{display:none;position:absolute;left:0;right:0;top:70px;padding:18px var(--gutter) 24px;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 20px 30px #20231f0a;flex-direction:column;align-items:stretch;gap:4px}.nav-links.open{display:flex}.nav-links>a{font-size:16px;padding:14px 5px}.nav-links .nav-cta{padding:16px 20px;justify-content:space-between;margin:8px 0}.nav-links .lang-switch{border:0;padding:12px 5px}.mobile-menu-btn[aria-expanded="true"]{background:var(--accent)}
.hero-kicker{font-size:8px;letter-spacing:.02em;gap:8px}.hero h1{font-size:clamp(53px,12.5vw,75px);letter-spacing:-.065em;margin-bottom:25px}.hero-copy .hero-sub{font-size:14px;line-height:1.85}.hero-copy .cta-group{gap:18px}.hero-copy .btn{padding:13px 17px;font-size:12px;gap:18px}.text-link{font-size:12px;gap:15px}.hero-person{margin-top:26px}main>.hero{padding-top:35px;gap:30px}.hero-art{height:390px;border-radius:11px}.art-top,.art-bottom{left:21px;right:21px;font-size:8px}.art-top{top:19px}.art-label{left:21px;top:55px;font-size:9px}.art-caption{left:21px;font-size:24px;bottom:74px}.motion-toggle{bottom:74px;right:21px}.art-bottom{bottom:19px}
.hero-bottom{flex-direction:column;align-items:flex-start;gap:15px;padding:23px 0}.hero-note{max-width:none;font-size:9px}.hero-stores{justify-content:flex-start;display:grid;grid-template-columns:1fr 1fr;gap:5px 24px;width:100%}.store-pill{font-size:14px}.hero-metrics{gap:20px 14px;padding:26px 0 35px}.hero-metrics>p{font-size:12px}.hero-metric{display:block}.hero-metric strong{font-size:39px;display:block;margin-bottom:10px}.hero-metric span{font-size:8px;display:block}
main>.featured-work{padding:30px 22px;margin-left:12px;margin-right:12px;border-radius:12px}.featured-work .section-title{font-size:37px}.featured-work .section-desc{font-size:13px}.featured-layout{gap:30px}.project-meta{font-size:9px}.demo-body{padding:20px}.demo-result{padding:20px 17px}.demo-url{font-size:10px}.demo-controls{gap:10px}.demo-controls>div{font-size:10px}.demo-controls small{font-size:8px}.demo-footnote{font-size:8px}.demo-result h3{font-size:22px}.featured-work .store-grid{margin-top:28px}.featured-work .store-card{padding:22px}
main>section{padding-top:55px;padding-bottom:55px}.section-label{font-size:9px;margin-bottom:19px}.section-title{font-size:34px;line-height:1.15;margin-bottom:20px}.section-desc{font-size:14px;line-height:1.85;margin-bottom:30px}.store-grid,.platform-grid,.services-grid,.build-grid,.features-grid,.why-grid,.help-grid,.tech-stack-grid,.steps-grid,.process-grid,.process-steps,.req-grid,.cross-grid,.cross-links-grid,.crosslinks-grid,.notes-grid{grid-template-columns:1fr;gap:16px}
#plugins .store-grid{grid-template-columns:1fr}#plugins .store-card{padding:27px}#plugins .store-card-header{display:flex;gap:18px}#plugins .store-icon{margin-bottom:0}#plugins .store-card-header h3{font-size:22px}#plugins .store-card::after{display:none}#plugins .store-card p{font-size:13px}#plugins .store-tags{padding-top:5px}.store-card,.platform-card,.service-card,.build-card,.feature-card,.why-card,.tech-card,.step-card,.process-card,.req-card,.cross-card,.cross-link-card,.crosslink-card,.note-card{padding:27px}.store-card h3,.platform-card h2{font-size:23px}.cap-grid{grid-template-columns:1fr}.cap-card+.cap-card{border-left:0;border-top:1px solid var(--border)}.cap-card{padding:27px}.cap-card h3{font-size:23px}.cap-icon{margin-bottom:25px}.consulting-inner{grid-template-columns:1fr}.consult-card,.consult-card:nth-child(even){padding:27px 0;border-left:0}.consult-card h3{font-size:21px}.consult-card p{font-size:13px}
.tech-tag{font-size:10px;padding:10px 12px}.tech-grid{gap:7px}.about-timeline{grid-template-columns:1fr;gap:30px}.about-photo{max-height:360px}.about-stats{gap:22px}.stat-num{font-size:39px}.stat-label{font-size:8px}.about-bio{font-size:13px}.timeline-company{font-size:24px}.cert-grid{grid-template-columns:1fr}.cert-card{padding:25px}.cert-card h3{font-size:21px}
.breadcrumb{padding-top:22px}.breadcrumb ol{font-size:9px;gap:6px 9px}main>.page-hero,main>.page-header{padding-top:37px;padding-bottom:44px}h1{font-size:clamp(40px,10.6vw,60px);line-height:1.09;letter-spacing:-.05em}.page-hero-sub,.subtitle,.hero-sub{font-size:14px;line-height:1.85}.page-hero.has-emblem{grid-template-columns:1fr}.page-hero.has-emblem h1{font-size:clamp(42px,11vw,60px)}.page-emblem{min-height:0;max-height:none;height:205px;aspect-ratio:auto;margin-top:5px}.page-emblem::before,.page-emblem::after{inset:5% 22%}.page-emblem>svg{height:60px;width:60px}.page-emblem>span{font-size:8px;bottom:13px}.page-contact .page-hero h1{font-size:52px}.page-contact .contact-card-grid{grid-template-columns:1fr}.contact-info-card:first-child{grid-column:auto}.contact-info-card{flex-direction:row;align-items:center;gap:18px}.contact-info-icon{margin:0;width:40px;height:40px}.contact-info-content p{font-size:22px}.contact-info-content h2{font-size:9px}.contact-info-hint{font-size:10px}.contact-section{padding-top:0}.brief-builder{padding:26px 22px}.brief-builder h2{font-size:24px}.brief-fields{grid-template-columns:1fr}.brief-builder .btn{font-size:11px;padding:12px 16px;gap:15px}
.cross-links-inner{padding:28px}.cross-links-inner h2{font-size:28px}.cross-links-inner p{font-size:14px}.availability-notice{padding:28px}.availability-notice h3{font-size:25px}.availability-notice p{font-size:14px}.faq-question{font-size:14px;padding:22px 35px 22px 0}.faq-answer{font-size:13px;padding-right:10px}.faq-question::after{font-size:22px}.faq .section-title{margin-bottom:30px}
main>.contact,main>.cta-section{padding:45px 12px 55px}.contact-inner,.cta-inner{padding:35px 26px}.contact-inner h2,.cta-inner h2{font-size:38px;padding-right:0;max-width:340px}.contact-inner::after{display:none}.contact-inner>p{font-size:13px}.contact-links{gap:12px 21px}.contact-links .contact-link:first-child{font-size:20px}.contact-link{font-size:11px}.contact-inner .cta-group{gap:10px}.contact-inner .btn{padding:12px 16px;font-size:11px}
body>footer{padding-top:45px}.footer-main{grid-template-columns:1fr 1fr;gap:32px 20px}.footer-intro{display:block;grid-column:1/-1}.footer-intro>p{max-width:310px}.footer-social{margin-top:15px}.footer-column>p{margin-bottom:14px;font-size:8px}.footer-column a{font-size:10px}.footer-column nav{gap:8px}.footer-wordmark{padding:32px 0 20px;font-size:18vw}.footer-bottom{padding-top:20px}.footer-bottom p,.footer-bottom a{font-size:8px}.footer-bottom>p:nth-child(2){max-width:240px}.policy-content{padding-bottom:45px}.policy-section h2{font-size:24px}.policy-section p,.policy-section li{font-size:13px}.policy-section{overflow-wrap:anywhere}.covered-app{padding:20px}
}
.page-hero>div{min-width:0}
@media(min-width:601px) and (max-width:800px){.page-emblem{width:100%;height:240px;min-height:0;aspect-ratio:auto}.page-emblem>span{left:12px;right:12px;text-align:center;line-height:1.7}.page-hero.has-emblem:has(>.redirect-demo){grid-template-columns:1fr}.page-hero>.redirect-demo{max-width:560px}}
@media(max-width:360px){.hero h1{font-size:46px}.page-contact .page-hero h1{font-size:42px}.hero-kicker{font-size:7px}.hero-copy .cta-group{gap:15px}.hero-copy .btn{padding:13px 15px}.hero-copy .text-link{font-size:11px}.art-bottom{font-size:7px;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}
@media print{body{background:white;color:black}header,.hero-art,.redirect-demo,.brief-builder,.motion-toggle,body>footer{display:none!important}main>section{padding:25px 0;break-inside:avoid}.reveal-ready{opacity:1;transform:none}.featured-work,.contact-inner{background:white!important;color:black!important}.faq-item>.faq-answer{display:block}a{text-decoration:underline}.hero{display:block!important}}