*{box-sizing:border-box}html,body,#hero-root{margin:0;width:100%;height:100%;overflow:hidden}body{background:#f7f3ec;color:#10283c;font-family:DM Sans,sans-serif}.workflow{position:relative;width:100%;height:100%;container-type:size;overflow:hidden;background:#f7f3ec}.workflow h2{font:400 4.1cqw/1 Belleza,Georgia,serif;color:#10283c;margin:0;text-align:center}.workflow-paths{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:#d9c3a2;stroke-width:6;stroke-dasharray:7 7;pointer-events:none}.workflow-paths path{animation:flow 9s linear infinite}@keyframes flow{to{stroke-dashoffset:-100}}.draw-card,.result-card,.preview-card{position:absolute;background:#ebe0d0;border-radius:2cqw}.draw-card{left:4%;top:4%;width:42%;height:42%;padding:3% 4%;transform:rotate(-6deg)}.draw-card h2{font-size:4cqw}.draw-card svg{display:block;width:100%;height:85%;overflow:visible}.draw-line{fill:none;stroke:#5d5853;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:0;animation:draw 8s ease-in-out infinite}.draw-cursor{fill:#f7f3ec;stroke:#292929;stroke-width:3;stroke-linejoin:round;animation:cursor 8s ease-in-out infinite}@keyframes draw{0%{stroke-dashoffset:800}35%,85%{stroke-dashoffset:0}to{stroke-dashoffset:800}}@keyframes cursor{0%{opacity:0;transform:translate(-220px)}10%,70%{opacity:1}90%,to{opacity:0}}.workflow-mark{position:absolute;left:46%;top:21%;width:7%;aspect-ratio:1;background:#c46c40;color:#f6e3c7;border-radius:18%;font:700 7cqw/.82 Georgia;text-align:center}.result-card{left:57%;top:3%;width:39%;height:90%;padding:2%;display:flex;flex-direction:column;gap:1.1%;overflow:visible}.mini-plan{height:42%;min-height:0}.mini-plan .plan-stage{height:100%}.mini-plan .plan-label-controls,.mini-plan .plan-notes,.mini-plan .plan-tip-actions,.mini-plan .plan-tip-accessories{display:none}.mini-plan .plan-canvas{height:100%;padding:0;border:0;border-radius:0;box-shadow:none;background:#e8dccb}.mini-plan .plan-svg{width:100%;height:100%}.mini-plan .plan-items{top:0;right:0;bottom:0;left:0}.mini-plan .plan-tip{width:12cqw;min-width:55px;display:none;grid-template-columns:1fr;border-radius:5px;pointer-events:none}.mini-plan .plan-item:hover .plan-tip,.mini-plan .plan-item:focus-within .plan-tip,.mini-plan .plan-item.is-open .plan-tip,.mini-plan .plan-rug:hover .plan-tip,.mini-plan .plan-rug:focus-within .plan-tip,.mini-plan .plan-floor-accessory:hover .plan-tip,.mini-plan .plan-floor-accessory:focus-within .plan-tip,.mini-plan .plan-treatment:hover .plan-tip,.mini-plan .plan-treatment:focus-within .plan-tip{display:grid}.mini-plan .plan-tip-media{padding:2px;min-height:0;border-radius:4px}.mini-plan .plan-tip-media img{min-height:0;height:10cqw;object-fit:contain}.mini-plan .plan-tip-body{display:none}.result-card h2{font-size:3.5cqw;margin:1% 0}.mini-products{flex:1;min-height:0;background:#f8f4ed;padding:2%;border-radius:5px}.mini-products .products{height:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3%}.mini-products .product{min-height:0;border-radius:5px;box-shadow:none}.mini-products .product:hover{transform:translateY(-2px);box-shadow:0 4px 10px #6f5d4829}.mini-products .product .img{aspect-ratio:auto;height:43%;padding:3%;flex:none}.mini-products .product-link{min-height:0;flex:1}.mini-products .product .head{padding:4% 7% 0;gap:2%;flex:1}.mini-products .product .label{font-size:1.05cqw;line-height:1.2}.mini-products .product .name{font-size:1.5cqw;font-weight:700;line-height:1.2}.mini-products .product .variant{font-size:1.1cqw;line-height:1.2}.mini-products .product .body{padding:0 7% 5%;gap:0;flex:0}.mini-products .product .body>.variant{display:none}.mini-products .price{font-size:1.5cqw;font-weight:700}.mini-products .price-note{display:none}.interaction-hint{font-size:1.15cqw;color:#75695c;text-align:center}.preview-card{left:5%;top:50%;width:40%;height:44%;padding-top:3%;overflow:hidden}.preview-card img{position:absolute;left:0;bottom:0;width:100%;height:83%;object-fit:cover}.preview-card>.preview-badge{position:absolute;bottom:2%;left:3%;background:#f7f3ecdf;color:#5d554b;font-size:1.1cqw;padding:1% 2%;text-transform:uppercase;letter-spacing:.08em}.workflow-spark{position:absolute;left:46%;top:65%;color:#c46c40;font-size:10cqw;line-height:1;animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{50%{transform:scale(.85);opacity:.65}}.selection{position:absolute;z-index:30;left:27%;bottom:3%;width:45%;display:flex;align-items:center;gap:3%;padding:1.5%;background:#fffdf8;border:1px solid #d9cbbb;border-radius:8px;box-shadow:0 8px 24px #4a38283b;color:#2b2a28}.selection img{width:20%;aspect-ratio:1;object-fit:contain}.selection span{display:flex;flex-direction:column;gap:3px;min-width:0}.selection small{font-size:1.2cqw;color:#a65e3b;font-weight:700}.selection strong{font-size:2cqw}.selection button{margin-left:auto;align-self:flex-start;border:0;background:none;font-size:3cqw;cursor:pointer;color:#51483f}@media (prefers-reduced-motion:reduce){.workflow-paths path,.draw-line,.draw-cursor,.workflow-spark{animation:none}.draw-cursor{opacity:1}}.workflow-paths{z-index:5}.workflow-paths .flow-path{animation:flow 9s linear infinite}.workflow-paths marker path{animation:none;stroke-dasharray:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.workflow-mark{z-index:6;background:transparent;overflow:hidden}.workflow-mark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:18%}.mini-plan{height:auto;flex:none}.mini-plan .plan-stage,.mini-plan .plan-canvas,.mini-plan .plan-svg{height:auto}.mini-plan .plan-item,.mini-plan .plan-rug,.mini-plan .plan-floor-accessory,.mini-plan .plan-treatment{animation:piece-in .4s ease-out both}.mini-plan .plan-items>:nth-child(2){animation-delay:.2s}.mini-plan .plan-items>:nth-child(3){animation-delay:.4s}.mini-plan .plan-items>:nth-child(4){animation-delay:.6s}.mini-plan .plan-items>:nth-child(5){animation-delay:.8s}.mini-plan .plan-items>:nth-child(6){animation-delay:1s}.mini-plan .plan-items>:nth-child(7){animation-delay:1.2s}.mini-plan .plan-items>:nth-child(8){animation-delay:1.4s}@keyframes piece-in{0%{opacity:0}to{opacity:1}}.mini-products .product .img{padding:0;background:#f3e9e2}.mini-products .product .img img{object-fit:cover}@media (prefers-reduced-motion:reduce){.workflow-paths .flow-path,.mini-plan .plan-item,.mini-plan .plan-rug,.mini-plan .plan-floor-accessory,.mini-plan .plan-treatment{animation:none}}.mini-plan{overflow:hidden}.mini-plan .plan-stage{width:115%}.draw-card,.result-card,.preview-card{box-shadow:0 8px 22px #55412d17}.mini-plan .plan-stage{margin-left:9%}.mini-plan .plan-item,.mini-plan .plan-rug,.mini-plan .plan-floor-accessory,.mini-plan .plan-treatment{animation-duration:.65s}.mini-plan .plan-items>:nth-child(2){animation-delay:.5s}.mini-plan .plan-items>:nth-child(3){animation-delay:1s}.mini-plan .plan-items>:nth-child(4){animation-delay:1.5s}.mini-plan .plan-items>:nth-child(5){animation-delay:2s}.mini-plan .plan-items>:nth-child(6){animation-delay:2.5s}.mini-plan .plan-items>:nth-child(7){animation-delay:3s}.mini-products{background:transparent}.mini-products .product{background:transparent;animation:product-in .7s ease-out both}.mini-products .product:nth-child(2){animation-delay:1s}.mini-products .product:nth-child(3){animation-delay:2s}.mini-products .product:nth-child(4){animation-delay:3s}@keyframes product-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mini-products .product{animation:none}}.mini-plan{background:#e8dccb}.mini-products .product{background:#f8f4ed}.workflow-paths{stroke:#cdb596;stroke-width:4;stroke-dasharray:5 8}.workflow-paths .flow-path{animation:none}.workflow-paths marker path{stroke-width:2.4}.stage-label{font-size:1.35cqw;letter-spacing:.13em;font-weight:700;color:#a45a36;line-height:1.2}.stage-label span{color:#77695d;margin-left:.6cqw}.workflow h2{font-size:3.15cqw;line-height:1.08;text-align:left}.draw-card{padding:3.5% 4%}.draw-card h2{font-size:3.5cqw;margin-top:3%}.draw-card svg{height:77%;margin-top:2%}.draw-card svg text{font:500 9px DM Sans,sans-serif;fill:#897c6d;letter-spacing:.08em}.draw-window{fill:none;stroke:#c46c40;stroke-width:6;stroke-linecap:round}.draw-door{fill:none;stroke:#8b8073;stroke-width:2;stroke-dasharray:4 3}.draw-line{animation:draw-once 1.8s ease-out both}@keyframes draw-once{0%{stroke-dashoffset:800}to{stroke-dashoffset:0}}.result-card{padding:2.5%;gap:0}.result-card h2{font-size:3.3cqw;margin:2% 0 1%}.mini-plan{background:#e8dccb;max-height:38%;flex:0 1 auto;min-height:0}.mini-plan .plan-item,.mini-plan .plan-rug,.mini-plan .plan-floor-accessory,.mini-plan .plan-treatment{animation:piece-in .5s ease-out 1.8s both}.mini-plan .plan-items>:nth-child(2){animation-delay:2s}.mini-plan .plan-items>:nth-child(3){animation-delay:2.25s}.mini-plan .plan-items>:nth-child(4){animation-delay:2.5s}.mini-plan .plan-items>:nth-child(5){animation-delay:2.75s}.mini-plan .plan-items>:nth-child(6){animation-delay:3s}.mini-plan .plan-items>:nth-child(7){animation-delay:3.25s}.mini-plan .plan-items>:nth-child(8){animation-delay:3.5s}.interaction-hint{display:block;text-align:right;margin:1.2% 0 2%;font-size:1.15cqw;color:#766a5c}.products-label{font-size:1.25cqw;font-weight:700;letter-spacing:.12em;color:#766a5c;margin:1% 0 2%}.mini-products{padding:0;flex:1}.mini-products .products{gap:2.5%}.mini-products .product{animation:product-in .65s ease-out 4s both}.mini-products .product:nth-child(2){animation-delay:5s}.mini-products .product:nth-child(3){animation-delay:6s}.mini-products .product:nth-child(4){animation-delay:7s}.mini-products .product .img{height:48%}.preview-card{padding:3% 3% 0}.preview-card h2{font-size:3.3cqw;margin-top:3%}.preview-card img{height:77%}@media (prefers-reduced-motion:reduce){.draw-line,.mini-plan .plan-item,.mini-plan .plan-rug,.mini-plan .plan-floor-accessory,.mini-plan .plan-treatment,.mini-products .product{animation:none}}.draw-card{transform:none}.draw-card,.result-card,.preview-card{transition:transform .28s ease,box-shadow .28s ease;transform-origin:center}@media (hover:hover){.draw-card:hover,.result-card:hover,.preview-card:hover{transform:scale(1.025);box-shadow:0 12px 28px #55412d26;z-index:4}}.mini-plan .plan-items{pointer-events:none}.mini-plan .plan-item,.mini-plan .plan-rug,.mini-plan .plan-floor-accessory,.mini-plan .plan-treatment{pointer-events:none;cursor:default}.mini-plan .plan-tip{display:none!important}.workflow-paths{stroke:#bd9d79;stroke-width:3;stroke-dasharray:none}.workflow-paths marker path{stroke-width:2;fill:none}.is-replay .mini-plan .plan-item,.is-replay .mini-plan .plan-rug,.is-replay .mini-plan .plan-floor-accessory,.is-replay .mini-plan .plan-treatment{animation-delay:0s}.is-replay .mini-plan .plan-items>:nth-child(2){animation-delay:.2s}.is-replay .mini-plan .plan-items>:nth-child(3){animation-delay:.4s}.is-replay .mini-plan .plan-items>:nth-child(4){animation-delay:.6s}.is-replay .mini-plan .plan-items>:nth-child(5){animation-delay:.8s}.is-replay .mini-plan .plan-items>:nth-child(6){animation-delay:1s}.is-replay .mini-plan .plan-items>:nth-child(7){animation-delay:1.2s}.is-replay .mini-plan .plan-items>:nth-child(8){animation-delay:1.4s}.is-replay .mini-products .product{animation-delay:1s}.is-replay .mini-products .product:nth-child(2){animation-delay:1.5s}.is-replay .mini-products .product:nth-child(3){animation-delay:2s}.is-replay .mini-products .product:nth-child(4){animation-delay:2.5s}.preview-card img{animation:preview-in .8s ease-out both}@keyframes preview-in{0%{opacity:.55;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.draw-card,.result-card,.preview-card{transition:none}.preview-card img{animation:none}}.mini-products .product:hover{transform:none;box-shadow:none}@media (prefers-reduced-motion:reduce){.is-replay .mini-plan .plan-item,.is-replay .mini-plan .plan-rug,.is-replay .mini-plan .plan-floor-accessory,.is-replay .mini-plan .plan-treatment,.is-replay .mini-products .product{animation:none}}.draw-card,.result-card,.preview-card{border-radius:1cqw}.workflow-paths{stroke:#ad8b6a;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.draw-card,.preview-card,.result-card{width:40%}.workflow-paths{stroke:#c2693f;stroke-width:5}.workflow-paths .flow-path{animation:arrow-pulse 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.workflow-paths .flow-path:nth-child(2){animation-delay:.5s}@keyframes arrow-pulse{0%,to{opacity:.55;scale:1}50%{opacity:1;scale:1.25}}@media (prefers-reduced-motion:reduce){.workflow-paths .flow-path{animation:none}}
