:root{--ink:#14221e;--muted:#66726d;--cream:#f3f0e8;--paper:#fff;--sage:#bdcfbe;--lime:#d7ee82;--line:#dde2dd;--orange:#df6d3c;--shadow:0 22px 60px rgba(20,34,30,.12)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:rgba(243,240,232,.94);border-bottom:1px solid rgba(20,34,30,.1);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font:700 19px Manrope}.brand b{color:var(--orange)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:white;border-radius:9px}.live{font-size:13px;font-weight:600}.live span{display:inline-block;width:8px;height:8px;background:#4ca269;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px rgba(76,162,105,.13)}main{min-height:90vh}.hero{text-align:center;padding:76px 20px 54px;background:radial-gradient(circle at 15% 10%,rgba(215,238,130,.45),transparent 26%),radial-gradient(circle at 85% 40%,rgba(189,207,190,.55),transparent 29%)}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:700;color:#52635b}.hero h1{font:700 clamp(48px,7vw,94px)/.92 Manrope;margin:20px 0;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--orange)}.hero>p:not(.eyebrow){max-width:650px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.55}.trust{display:flex;justify-content:center;gap:28px;margin-top:28px;font-size:13px;font-weight:600}.studio{width:min(1100px,calc(100% - 32px));margin:0 auto 80px;background:var(--paper);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.steps{display:grid;grid-template-columns:repeat(5,1fr);background:#eef0eb;border-bottom:1px solid var(--line)}.step{appearance:none;border:0;background:none;padding:20px 10px;color:#8a948f;font:600 13px "DM Sans";display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.step b{width:25px;height:25px;border:1px solid #aeb6b1;border-radius:50%;display:grid;place-items:center;font-size:11px}.step.active{color:var(--ink);background:white}.step.active b{background:var(--ink);border-color:var(--ink);color:white}.panel{display:none;padding:46px clamp(22px,5vw,64px) 56px}.panel.active{display:block}.panel-heading{display:flex;gap:18px;margin-bottom:30px}.panel-heading>span{font:700 12px Manrope;color:var(--orange);padding-top:7px}.panel h2{font:700 clamp(28px,4vw,42px)/1 Manrope;letter-spacing:-.035em;margin:0 0 10px}.panel-heading p{margin:0;color:var(--muted)}label{display:block;font-size:13px;font-weight:700}.dropzone{border:1.5px dashed #9eaaa3;border-radius:16px;min-height:330px;display:grid;place-items:center;text-align:center;cursor:pointer;overflow:hidden;background:#f8f9f5;margin-bottom:24px;position:relative}.dropzone input{position:absolute;opacity:0}.dropzone.drag{background:#eef6dc;border-color:#81973d}.dropzone img{width:100%;height:400px;object-fit:contain;background:#18201d}.upload-icon{margin:0 auto 14px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:25px}.dropzone strong,.dropzone span{display:block}.dropzone span{font-weight:400;color:var(--muted);margin-top:8px}.grid{display:grid;gap:18px;margin:20px 0}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}input,select{width:100%;border:1px solid var(--line);background:white;border-radius:10px;padding:14px;font:500 15px "DM Sans";color:var(--ink);margin-top:8px;outline:none}input:focus,select:focus{border-color:#74877d;box-shadow:0 0 0 3px rgba(116,135,125,.12)}.unit{position:relative}.unit input{padding-right:48px}.unit span{position:absolute;right:15px;top:22px;color:var(--muted);font-weight:500}.helper,.disclaimer{font-size:12px;color:var(--muted);line-height:1.5}.primary,.dark{border:0;border-radius:10px;padding:15px 20px;font:700 14px "DM Sans";cursor:pointer;text-decoration:none}.primary{background:var(--lime);color:var(--ink)}.dark{background:var(--ink);color:white}.next{margin:30px 0 0 auto;display:block;min-width:210px}.next span{float:right}.ai-row{display:grid;grid-template-columns:1fr auto;gap:10px}.ai-row input{margin:0}.catalogue-meta{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px}.catalogue-meta input{width:280px;margin:0}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-height:620px;overflow:auto;padding:2px}.tile{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;cursor:pointer;text-align:left;padding:0;color:var(--ink)}.tile:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(20,34,30,.1)}.tile.selected{outline:3px solid var(--orange);border-color:transparent}.tile img{width:100%;aspect-ratio:1.25;object-fit:cover;background:#edf0ed}.tile-body{padding:13px}.tile-title{font-weight:700;font-size:13px;line-height:1.3;min-height:34px}.tile-meta{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:12px}.tile-meta strong{color:var(--ink)}.ai-notes{padding:16px;background:#eef4e4;border-radius:10px;margin:18px 0;font-size:13px;line-height:1.55}.visual-stage{min-height:480px;background:#18201d;border-radius:16px;display:grid;place-items:center;overflow:hidden;position:relative;color:white;text-align:center}.visual-stage img{width:100%;height:100%;max-height:650px;object-fit:contain;display:none}.visual-stage img[src]{display:block}.visual-stage span{font-size:44px;color:var(--lime)}#visual-empty,#visual-loading{display:grid;gap:8px;place-items:center}.visual-stage small{color:#b8c2bd}.spinner{width:42px;height:42px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--lime);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.visual-controls{display:flex;align-items:end;justify-content:space-between;margin:18px 0}.visual-controls label{width:220px}.quote{border:1px solid var(--line);border-radius:14px;overflow:hidden}.quote-head{background:var(--ink);color:white;padding:26px;display:flex;justify-content:space-between;align-items:end}.quote-head h3{font:700 27px Manrope;margin:0}.quote-total{text-align:right}.quote-total strong{font:700 30px Manrope;display:block}.quote-body{padding:5px 26px}.quote-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.quote-row:last-child{border:0}.quote-row span:last-child{font-weight:700}.quote-product{display:flex;gap:16px;align-items:center;padding:22px 26px;background:#f7f7f3}.quote-product img{width:72px;height:72px;border-radius:8px;object-fit:cover}.quote-product strong,.quote-product span{display:block}.quote-product span{font-size:12px;color:var(--muted);margin-top:5px}.coverage-edit{padding:18px 26px;background:#fff8e8;font-size:13px}.coverage-edit .unit{max-width:180px}.quote-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.inline{display:inline-block}footer{display:flex;justify-content:space-between;padding:30px max(5vw,24px);border-top:1px solid rgba(20,34,30,.13);font-size:12px;color:var(--muted)}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);background:var(--ink);color:white;padding:12px 18px;border-radius:9px;z-index:99;transition:.25s;font-size:13px;box-shadow:var(--shadow)}#toast.show{transform:translate(-50%,0)}@media(max-width:720px){.hero{padding-top:50px}.trust{gap:10px;flex-wrap:wrap}.steps span{display:none}.panel{padding:32px 18px 42px}.grid.two,.grid.three{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}.ai-row{grid-template-columns:1fr}.catalogue-meta{display:block}.catalogue-meta input{width:100%;margin-top:12px}.visual-stage{min-height:330px}.visual-controls,.quote-actions{align-items:stretch;flex-direction:column}.visual-controls label{width:100%}.quote-head{display:block}.quote-total{text-align:left;margin-top:15px}.next{width:100%}footer{display:block}footer span{display:block;margin:7px 0}}@media print{.topbar,.hero,.steps,.panel-heading,.quote-actions,.disclaimer,footer{display:none!important}.studio{box-shadow:none;margin:0;width:100%}.panel{display:none!important}.panel[data-panel="5"]{display:block!important;padding:0}.quote{border:1px solid #aaa}}