:root{color-scheme:dark;--bg:#121917;--panel:#1c2620;--ink:#edf2e9;--muted:#a1afa0;--line:#354137;--accent:#c6e8a5;--onaccent:#1e2a18;--font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,Consolas,monospace;--ease:cubic-bezier(.22,.68,0,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1380px;margin:auto;padding-inline:5%}.demo-bar{background:var(--accent);color:var(--onaccent);font:10px/1.7 var(--mono);padding:10px 5%;display:flex;justify-content:space-between;gap:20px}.demo-bar a{text-decoration:underline;text-underline-offset:3px}.demo-header{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.wordmark{font-size:24px;letter-spacing:-.06em;font-weight:800}.wordmark span{color:var(--accent);margin-right:8px}.header-links{display:flex;align-items:center;gap:28px;font:11px var(--mono)}.outline,.cart-button{color:var(--ink);border:1px solid var(--line);background:transparent;padding:12px 18px;font-size:12px;transition:background .25s,transform .3s}.outline:hover,.cart-button:hover{background:var(--panel)}.cart-button b{display:inline-grid;place-items:center;min-width:20px;height:20px;background:var(--accent);color:var(--onaccent);font-size:10px;margin-left:10px}.demo-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding-block:75px}.eyebrow{font:10px/1.7 var(--mono);letter-spacing:.1em;color:var(--muted)}h1{font-size:clamp(48px,6vw,88px);font-weight:600;line-height:1.01;letter-spacing:-.065em;margin:22px 0}h1 em{font-style:normal;color:var(--accent)}.hero-copy>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:440px}.solid{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);color:var(--onaccent);padding:16px 20px;border:0;font-weight:600;font-size:12px;transition:transform .3s var(--ease),filter .3s}.solid:hover{transform:translateY(-2px);filter:brightness(1.06)}.hero-copy .solid{margin-top:30px}.hero-art{height:390px;position:relative;overflow:hidden;background:#29372a;display:flex;align-items:flex-end;padding:27px;border:1px solid var(--line)}.orbit{position:absolute;width:300px;height:300px;border:36px solid #a6c98d;border-radius:50%;top:27px;left:19%;transform:rotate(-33deg) scaleX(.56);box-shadow:0 0 0 2px #73876c,0 0 0 45px #354a35,inset 0 0 0 18px #1d2b20}.orbit:after{content:"";position:absolute;inset:35px;border-radius:50%;background:#c4d4b8;box-shadow:0 0 40px #b5dda733}.hero-art>span{font:11px var(--mono);letter-spacing:.1em;position:relative;z-index:1}.hero-art>b{position:absolute;right:20px;top:20px;font:10px var(--mono);color:#c7d9ba}.catalogue{padding-block:36px 90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px;border-top:1px solid var(--line);padding-top:35px}h2{font-size:38px;letter-spacing:-.05em;font-weight:550}.section-heading p{font:10px/1.7 var(--mono);color:var(--muted)}.catalogue-tools{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-bottom:22px}.field{display:flex;flex-direction:column;gap:9px}.field span{font:9px var(--mono);letter-spacing:.07em;color:var(--muted)}input,select{background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:13px 14px;width:100%;min-width:0;border-radius:0;font-size:13px}input::placeholder{color:var(--muted)}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.category-tabs button{padding:9px 15px;border:1px solid var(--line);background:transparent;color:var(--muted);font:10px var(--mono);transition:background .25s,color .25s}.category-tabs button[aria-pressed=true]{background:var(--accent);color:var(--onaccent);border-color:var(--accent)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:29px 22px}.product-card{min-width:0}.product-art{width:100%;height:260px;position:relative;overflow:hidden;border:1px solid var(--line);display:block;text-align:left;padding:22px;color:#f4f4e8;background:#2d3a30;transition:transform .45s var(--ease)}.product-art:hover{transform:translateY(-4px)}.product-art .art-shape{position:absolute;top:25px;right:10%;width:130px;height:180px;border:22px solid #d6e1aa;transform:rotate(28deg);border-radius:50%;opacity:.75}.product-art.art-1{background:#36413b}.product-art.art-2{background:#47473e}.product-art.art-3{background:#3b4e53}.product-art.art-4{background:#655b4b}.product-art.art-5{background:#2b3944}.product-art.art-1 .art-shape{border-radius:0;transform:rotate(40deg);border-color:#b5c2ad;width:150px;height:150px;top:40px}.product-art.art-2 .art-shape{border:0;border-radius:50%;background:#c4be94;box-shadow:35px 30px 0 -2px #68694d;width:140px;height:140px}.product-art.art-3 .art-shape{border-color:#b5d6ce;border-radius:0;transform:rotate(12deg) skewY(-20deg)}.product-art.art-4 .art-shape{border:0;background:#c9b5a4;clip-path:polygon(50% 0,100% 100%,0 100%);width:200px;height:170px}.product-art.art-5 .art-shape{border-color:#9db9bb;border-width:4px;box-shadow:0 0 0 18px #496269,0 0 0 22px #9db9bb;transform:rotate(-30deg) scaleX(.6)}.product-art strong{position:absolute;bottom:25px;left:22px;font-size:34px;line-height:.9;letter-spacing:-.055em;max-width:160px;z-index:1}.product-art small{position:relative;z-index:1;font:9px var(--mono);letter-spacing:.1em}.product-meta{display:flex;justify-content:space-between;margin-top:17px;font:9px var(--mono);color:var(--muted);gap:10px}.product-card h3{font-size:18px;letter-spacing:-.03em;font-weight:550;margin:10px 0 15px}.product-action{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-action strong{font-size:14px}.add-button{width:36px;height:36px;background:transparent;color:var(--ink);border:1px solid var(--line);font-size:20px;transition:background .2s,color .2s}.add-button:hover{background:var(--accent);color:var(--onaccent)}.empty{padding:60px 25px;border:1px solid var(--line);text-align:center;color:var(--muted);grid-column:1/-1}.empty .outline{margin-top:20px}.demo-footer{border-top:1px solid var(--line);padding-block:30px;font:10px/1.8 var(--mono);color:var(--muted);display:flex;justify-content:space-between;gap:30px}.demo-footer a{text-decoration:underline}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 22px;background:var(--accent);color:var(--onaccent);z-index:15;font-size:12px;box-shadow:0 8px 30px #0003;max-width:85vw;width:max-content}.case-note{margin:15px 0 55px;background:var(--panel);border:1px solid var(--line);padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.case-note h2{font-size:23px;margin-bottom:12px}.case-note p{font-size:13px;line-height:1.85;color:var(--muted)}dialog{color:var(--ink);background:var(--bg);border:1px solid var(--line);width:min(560px,92vw);max-height:88dvh;padding:27px}dialog::backdrop{background:#0c1516a8;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.dialog-top h2{font-size:30px}.close-dialog{font-size:22px;background:none;color:var(--ink);border:1px solid var(--line);width:35px;height:35px;flex:none}dialog p{font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:20px}dialog .product-art{height:240px;margin-bottom:24px;pointer-events:none}dialog .solid{width:100%}.cart-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:17px 0}.cart-row strong{font-size:14px}.cart-row small{display:block;color:var(--muted);font:10px var(--mono);margin-top:6px}.cart-row button{border:1px solid var(--line);background:transparent;color:var(--ink);font-size:11px;padding:8px;min-width:32px}.cart-total{display:flex;justify-content:space-between;padding:25px 0;font-size:17px}#checkoutMessage{margin:16px 0 0}#productDialog .detail-lines{font-size:12px;line-height:2;color:var(--muted);border-block:1px solid var(--line);padding:15px 0;margin-bottom:20px}
.store{color-scheme:light;--bg:#f2eee7;--panel:#eae5db;--ink:#30382f;--muted:#62695b;--line:#c9c9bb;--accent:#465d49;--onaccent:#f6f4e9}.store .demo-bar{background:#394c3c;color:#f6f4e9}.store h1 em{font-family:Georgia,serif;font-weight:400}.store .hero-art{background:#e3ded4}.store .hero-art>span,.store .hero-art>b{color:#58604e}.store .orbit{width:175px;height:240px;left:44%;top:85px;border:0;border-radius:20% 20% 42% 42%;transform:rotate(0);background:linear-gradient(90deg,#7e9079,#bec6ad 42%,#819279);box-shadow:20px 25px 30px #66594125}.store .orbit:after{inset:auto;left:22%;right:22%;top:-35px;height:70px;border-radius:12px 12px 30% 30%;background:inherit;box-shadow:inset 0 10px 4px #283b3030}.store .orbit:before{content:"";position:absolute;left:-100px;bottom:-4px;width:115px;height:160px;border-radius:15% 15% 42% 42%;background:linear-gradient(90deg,#a9947e,#d8c2a5,#ac9781);box-shadow:15px 10px 25px #55483420}.store .product-art{background:#e0dfd4;color:#384232}.store .product-art.art-1{background:#e5dfd2}.store .product-art.art-2{background:#d9e0d5}.store .product-art.art-3{background:#e6e0d9}.store .product-art.art-4{background:#dedfd7}.store .product-art.art-5{background:#e6dfd0}.store .product-art .art-shape{width:92px;height:132px;top:38px;right:25%;border:0;border-radius:18% 18% 40% 40%;transform:none;background:linear-gradient(90deg,#7a8b75,#b6c1a5,#7a8b75);opacity:1;box-shadow:12px 15px 15px #32452b20;clip-path:none}.store .product-art .art-shape:after{content:"";position:absolute;left:22%;right:22%;top:-14px;height:25px;border-radius:9px;background:inherit;box-shadow:inset 0 5px 2px #2f452c30}.store .product-art.art-1 .art-shape{border-radius:15% 15% 42% 42%;height:85px;top:80px;background:linear-gradient(90deg,#ae9477,#dcc5a5,#bca283)}.store .product-art.art-2 .art-shape{height:36px;width:155px;top:110px;border-radius:50%;background:#9aab8d;box-shadow:inset 0 0 0 8px #b9c5ad,12px 12px 13px #46573b25}.store .product-art.art-2 .art-shape:after{display:none}.store .product-art.art-3 .art-shape{height:65px;width:160px;top:92px;border-radius:8px;background:repeating-linear-gradient(90deg,#b7a78f,#b7a78f 2px,#cfbea1 3px,#cfbea1 5px);transform:skewY(-12deg)}.store .product-art.art-3 .art-shape:after{display:none}.store .product-art.art-4 .art-shape{border-radius:6px;background:linear-gradient(90deg,#a69d8a,#ded6c3,#aaa18d);width:80px;height:110px;top:60px}.store .product-art.art-5 .art-shape{width:155px;height:145px;border-radius:50%;background:linear-gradient(90deg,#87977e,#c1c9b6,#829377);top:38px;box-shadow:inset 0 0 0 12px #abb99d,14px 13px 10px #46573b15}.store .product-art.art-5 .art-shape:after{display:none}.store .product-art strong{font-size:22px;max-width:none;bottom:18px;opacity:.65}
.flow{color-scheme:light;--bg:#f4f6ef;--panel:#e8eee0;--ink:#24382c;--muted:#5e705f;--line:#c3d0bc;--accent:#315e40;--onaccent:#f4f8ef}.flow .demo-hero{grid-template-columns:1.2fr .8fr;padding-block:65px 40px}.flow h1{font-size:clamp(45px,5vw,72px)}.flow-visual{padding:28px;border:1px solid var(--line);background:var(--panel)}.flow-visual>span{display:block;font:10px var(--mono);letter-spacing:.08em;margin-bottom:20px;color:var(--muted)}.flow-node{padding:16px 20px;border:1px solid var(--line);background:var(--bg);font-size:12px;display:flex;justify-content:space-between;gap:20px;transition:background .3s,border-color .3s}.flow-node.active{border-color:#66825c;background:#d6e7cb}.flow-visual>i{display:block;text-align:center;font-style:normal;line-height:2;color:var(--muted)}.flow-workspace{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;padding-block:30px 75px}.flow-form{padding:30px;background:var(--panel);border:1px solid var(--line)}.flow-form h2{font-size:27px;margin-bottom:25px}.flow-form .field{margin-bottom:18px}.flow-form .solid{width:100%;margin-top:10px}.flow-form>p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:18px}.flow-log{padding:30px;border:1px solid var(--line)}.flow-log-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.flow-log h2{font-size:27px}.log-entry{padding:17px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px}.log-entry strong{font-size:13px}.log-entry span,.log-entry small{font:10px/1.7 var(--mono);color:var(--muted)}#flowStatus{min-height:40px;font-size:12px;line-height:1.7;margin-top:17px;color:var(--accent)}
@media(max-width:1000px){.header-links{gap:18px}.demo-hero{gap:30px}.hero-art{height:340px}.orbit{left:5%;top:25px;width:250px;height:250px}.store .orbit{left:45%;width:135px;height:210px;top:85px}.product-art{height:230px}.product-art strong{font-size:28px}.product-art .art-shape{right:4%}.flow-workspace{gap:20px}.flow-log,.flow-form{padding:24px}.flow-log-head{align-items:flex-start}.flow-log .outline{font-size:10px;padding:11px}}
@media(max-width:760px){.demo-header{min-height:76px;gap:15px}.header-links>a:not(.locale){display:none}.demo-hero,.flow .demo-hero{grid-template-columns:1fr;padding-block:45px;gap:35px}.hero-copy>p{max-width:500px}.hero-art{height:320px}.orbit{left:32%;top:15px}.store .orbit{left:55%}.product-grid{grid-template-columns:1fr 1fr}.product-art{height:240px}.catalogue-tools{grid-template-columns:1fr 1fr}.catalogue-tools .field:first-child{grid-column:1/-1}.section-heading{align-items:start;flex-direction:column;gap:12px}.case-note{grid-template-columns:1fr;gap:25px;padding:25px}.flow-workspace{grid-template-columns:1fr}.flow-log-head{align-items:center}.demo-footer{flex-direction:column;gap:12px}.demo-bar{font-size:8px}.demo-bar>span{max-width:60%}.flow-log-head h2{font-size:23px}}
@media(max-width:450px){.wordmark{font-size:21px}.header-links{gap:14px}.cart-button{font-size:10px;padding:10px}.header-links .locale{font-size:10px}.demo-hero h1{font-size:54px}.demo-hero .eyebrow{font-size:9px}.hero-art{height:270px}.orbit{left:18%;width:220px;height:220px}.store .orbit{width:110px;height:165px;top:65px;left:55%}.store .orbit:before{left:-70px;width:85px;height:120px}.catalogue{padding-bottom:55px}h2{font-size:32px}.product-grid{gap:28px 13px}.product-art{height:195px;padding:14px}.product-art .art-shape{width:90px;height:115px;top:25px;border-width:15px;right:9%}.product-art strong{font-size:23px;bottom:18px;left:14px;max-width:120px}.product-art small{font-size:7px}.product-art.art-1 .art-shape{width:90px;height:90px}.product-art.art-2 .art-shape{width:90px;height:90px}.product-art.art-4 .art-shape{width:120px;height:115px}.product-card h3{font-size:15px}.product-meta{font-size:8px;gap:5px}.product-action strong{font-size:12px}.add-button{width:32px;height:32px}.store .product-art .art-shape{transform:scale(.7);transform-origin:top center;right:18%;top:30px}.store .product-art.art-2 .art-shape,.store .product-art.art-3 .art-shape,.store .product-art.art-5 .art-shape{right:-5%}.store .product-art strong{font-size:17px;max-width:120px;bottom:18px}.category-tabs{gap:6px}.category-tabs button{font-size:9px;padding:9px 11px}.catalogue-tools{gap:12px}input,select{font-size:12px;padding:12px}.demo-footer{font-size:9px}.flow-log,.flow-form{padding:20px}dialog{padding:22px}.dialog-top h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}