:root{--jelly-body-top:#f2c9ff;--jelly-body-mid:#cb84f5;--jelly-body-deep:#9f5ce6;--jelly-body-rim:#dd9dff;--jelly-outline:#8a4fd9;--jelly-outline-light:#b970f2;--jelly-arm-light:#e6b1ff;--jelly-arm-mid:#c07eef;--jelly-arm-deep:#9758e0;--jelly-cheek-light:#ffd9ec;--jelly-cheek:#f9a9d4;--jelly-cheek-deep:#ee97c6;--jelly-eye-light:#37204b;--jelly-eye:#170d25;--jelly-eye-deep:#0d0715;--jelly-face-ink:#170d25;--jelly-face-soft:#37204b;--jelly-belly-glow:#ffbfe3;--jelly-eye-sparkle:#bb7bf0}:root[data-theme=light]{--jelly-shadow:#8e88a6;--jelly-shadow-light:#aaa4c0}.blob-bubble{--bubble-fill-top:#38373ff7;--bubble-fill-bottom:#28272ffa;--bubble-stroke-top:#ffffff29;--bubble-stroke-bottom:#ffffff0a;color:#f7f7fa;letter-spacing:-.01em;text-align:center;text-shadow:0 1px 3px #00000059;filter:drop-shadow(0 1px 1px #00000024)drop-shadow(0 4px 10px #00000029);will-change:transform, opacity;height:56px;margin:0 auto;font-size:.95rem;font-weight:600;line-height:1.3;position:relative}.blob-bubble-shape{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.blob-bubble-stroke{stroke-width:1.5px}.blob-bubble-measure{visibility:hidden;white-space:nowrap;pointer-events:none;position:absolute;top:0;left:0}.blob-bubble-textwrap{justify-content:center;align-items:center;height:44px;display:flex;position:absolute;top:0;left:0;right:0}.blob-bubble-text{white-space:nowrap;margin:0}:root[data-theme=light] .blob-bubble{--bubble-fill-top:#fffffffa;--bubble-fill-bottom:#f4f3f9fa;--bubble-stroke-top:#14102824;--bubble-stroke-bottom:#1410280d;color:#2b2735;text-shadow:none;filter:drop-shadow(0 8px 14px #1f16361f)}
.process-section{--process-ink:#24231f;--process-muted:#68665f;--process-line:#d5d1c6;--process-panel:#f2f1ed;--process-panel-active:#ebe8df;--process-accent:#9a8035;--process-accent-soft:#d8c985}.process-container{max-width:1120px}.process-heading{text-align:center;opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);transform:translateY(20px)}.process-heading.is-visible{opacity:1;transform:translateY(0)}.process-stage{border:1px solid var(--process-line);background:var(--process-panel);opacity:0;border-radius:24px;margin-top:56px;padding:24px 48px;transition:opacity .7s cubic-bezier(.4,0,.2,1) .16s,transform .7s cubic-bezier(.4,0,.2,1) .16s;position:relative;overflow:visible;transform:translateY(24px);box-shadow:0 22px 60px #24231f0f}.process-stage.is-visible{opacity:1;transform:translateY(0)}.process-step{border-bottom:1px solid var(--process-line);grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);align-items:center;gap:56px;min-height:280px;padding:34px 22px;transition:background-color .26s;display:grid;position:relative}.process-step:last-child{border-bottom:0}.process-step.is-active{background:var(--process-panel-active)}.process-step:nth-child(odd) .process-copy{order:2}.process-step:nth-child(odd) .process-playground{order:1}.process-copy{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:22px;display:grid}.process-number{color:var(--process-accent);font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2.5rem;font-weight:600;line-height:1}.process-copy h3{color:var(--process-ink);margin:0;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:650;line-height:1.2}.process-copy p{color:var(--process-muted);margin:12px 0 0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.75}.process-playground{min-width:0}.process-visual{width:100%;height:210px;color:var(--process-ink);cursor:pointer;background:#e4e1da;border:1px solid #c8c3b8;border-radius:16px;transition:border-color .22s,box-shadow .22s,transform .22s;display:block;position:relative;overflow:hidden}.process-visual:hover{border-color:#aaa397;transform:translateY(-2px)}.process-visual:focus-visible,.process-swatches button:focus-visible,.process-blob:focus-visible{outline:2px solid var(--process-accent);outline-offset:3px}.process-visual.is-active{border-color:var(--process-accent);box-shadow:0 10px 30px #483f261f}.process-consult{background:#dedbd3}.process-chat{background:#f7f6f2;border:1px solid #b9b3a7;transition:transform .42s cubic-bezier(.22,1,.36,1);display:block;position:absolute;box-shadow:0 8px 22px #2f2c2514}.process-chat:before,.process-chat:after{content:"";background:#a7a298;border-radius:999px;height:5px;position:absolute;left:18px}.process-chat:before{width:62%;top:20px}.process-chat:after{width:42%;top:34px}.process-chat--photo{border-radius:12px 12px 12px 3px;width:56%;height:70px;top:35px;left:34px;transform:translate(-8px)rotate(-2deg)}.process-chat--reply{background:#d3c58d;border-radius:12px 12px 3px;width:48%;height:62px;bottom:32px;right:32px;transform:translate(8px)rotate(2deg)}.process-consult.is-active .process-chat--photo,.process-consult.is-active .process-chat--reply{transform:translate(0)rotate(0)}.process-chat-avatar,.process-line-chip,.process-tool-chip,.process-delivery-chip{z-index:4;color:#fff;background:#343631;border:1px solid #ffffff5c;place-items:center;display:grid;position:absolute;box-shadow:0 8px 20px #18191633}.process-chat-avatar{border-radius:50%;width:48px;height:48px;bottom:18px;left:22px}.process-chat-avatar svg{width:22px;height:22px}.process-line-chip{background:#365d42;border-radius:999px;min-width:58px;height:30px;padding:0 10px;font-size:.7rem;font-weight:700;top:18px;right:18px}.process-material{cursor:default;grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:12px;padding:18px;display:grid}.process-frame-sample{background-position:50%;background-size:cover;border-radius:5px;height:174px;padding:18px;box-shadow:0 10px 25px #27231c2e}.process-frame-sample img{object-fit:cover;border:4px solid #ede9dd;width:100%;height:100%}.process-swatches{gap:10px;display:grid}.process-swatches button{background-position:50%;background-size:cover;border:2px solid #0000;border-radius:6px;width:48px;height:48px;transition:transform .18s,border-color .18s;box-shadow:inset 0 0 0 1px #26231d29}.process-swatches button:hover,.process-swatches button.is-selected{border-color:var(--process-accent);transform:scale(1.08)}.process-assembly{background:#dad6cc}.process-assembly-photo{background:url(/assets/frame-art.webp) 50%/cover;border:1px solid #a9a397;position:absolute;inset:34px 58px;box-shadow:inset 0 0 0 7px #eeece6}.process-corner{z-index:2;pointer-events:none;border:0 solid #766445;width:46%;height:46%;position:absolute}.process-corner--tl{border-top-width:10px;border-left-width:10px;top:24px;left:48px}.process-corner--tr{border-top-width:10px;border-right-width:10px;top:24px;right:48px}.process-corner--bl{border-bottom-width:10px;border-left-width:10px;bottom:24px;left:48px}.process-corner--br{border-bottom-width:10px;border-right-width:10px;bottom:24px;right:48px}.process-tool-chip,.process-delivery-chip{border-radius:50%;width:42px;height:42px;bottom:16px;right:16px}.process-tool-chip svg,.process-delivery-chip svg{width:19px;height:19px}.process-delivery{background:#dedad1;overflow:visible}.process-parcel-box,.process-parcel-lid{background:#b8a27f;border:1px solid #8d7c61;width:180px;margin-left:-90px;display:block;position:absolute;left:50%}.process-parcel-box{border-radius:3px 3px 10px 10px;height:82px;bottom:24px;box-shadow:inset 0 10px #ffffff21}.process-parcel-lid{z-index:3;transform-origin:0 100%;border-radius:8px 8px 3px 3px;height:34px;bottom:97px}.process-finished-frame{z-index:2;background:#ad9456;border:1px solid #77643f;width:92px;height:104px;margin-left:-46px;padding:7px;display:block;position:absolute;bottom:86px;left:50%;box-shadow:0 8px 22px #29231833}.process-finished-frame img{object-fit:cover;width:100%;height:100%}.process-blob{--jelly-body-top:#f8edb9;--jelly-body-mid:#ddc45b;--jelly-body-deep:#a88a2d;--jelly-body-rim:#ead574;--jelly-outline:#786322;--jelly-outline-light:#b89d3a;--jelly-arm-light:#edda7d;--jelly-arm-mid:#cfb34b;--jelly-arm-deep:#94791f;--jelly-cheek-light:#f5d8bd;--jelly-cheek:#dea98e;--jelly-cheek-deep:#c68f78;--jelly-eye-light:#4c4228;--jelly-eye:#292417;--jelly-eye-deep:#15120b;--jelly-face-ink:#292417;--jelly-face-soft:#4c4228;--jelly-belly-glow:#f0d984;--jelly-eye-sparkle:#fff1a9;z-index:12;offset-path:inset(7px round 20px);offset-rotate:0deg;cursor:pointer;filter:drop-shadow(0 7px 9px #332c1629);background:0 0;border:0;width:88px;height:88px;padding:0;position:absolute;top:0;left:0}.process-blob-svg{transform-origin:50%;width:100%;height:100%;display:block;transform:scale(1.18)}@media (max-width:767px){.process-container{padding-left:12px;padding-right:12px}.process-stage{border-radius:18px;margin-top:34px;padding:20px 28px}.process-step{grid-template-columns:1fr;gap:18px;min-height:0;padding:28px 4px}.process-step:nth-child(odd) .process-copy,.process-step:nth-child(odd) .process-playground{order:initial}.process-copy{grid-template-columns:46px minmax(0,1fr);gap:12px}.process-number{font-size:1.45rem}.process-copy h3{font-size:1.1rem}.process-copy p{margin-top:7px;font-size:.925rem;line-height:1.65}.process-visual{border-radius:13px;height:180px}.process-material{grid-template-columns:minmax(0,1fr) 48px;gap:9px;padding:12px}.process-frame-sample{height:154px;padding:13px}.process-swatches{gap:7px}.process-swatches button{width:40px;height:40px}.process-assembly-photo{inset:30px 42px}.process-corner--tl,.process-corner--bl{left:34px}.process-corner--tr,.process-corner--br{right:34px}.process-parcel-box,.process-parcel-lid{width:150px;margin-left:-75px}.process-blob{offset-path:inset(5px round 14px);width:64px;height:64px}}@media (prefers-reduced-motion:reduce){.process-heading,.process-stage,.process-visual,.process-chat,.process-swatches button{transition-duration:.01ms}.process-visual:hover{transform:none}}