:root{--orange:#eb691b;--ink:#171717;--muted:#717171;--line:#e8e6e3;--soft:#fff4ec}*{box-sizing:border-box}body{margin:0;background:#fcfbf9;color:var(--ink);font-family:Pretendard,'Noto Sans KR',Arial,sans-serif;line-height:1.65}button,input,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;background:#e9e7e4!important;color:#999!important;border-color:#e9e7e4!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b94d0c;outline-offset:4px}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;padding:0 max(24px,calc((100vw - 1200px)/2));background:white}.brand{display:flex;align-items:center;gap:6px;text-decoration:none;color:#242424;font-weight:900;font-size:34px;letter-spacing:-2px}.symbol{background:var(--orange);color:white;border-radius:9px 2px 9px 2px;display:inline-flex;width:30px;height:34px;align-items:center;justify-content:center;font-style:italic}.brand-sub{font-size:13px;letter-spacing:1px;margin-left:18px;border-left:1px solid #ddd;padding-left:22px}.header-label{font-size:13px;color:var(--muted)}header .text{margin-left:auto}.text{border:0;background:none;color:#666;font-size:13px;padding:10px}.text:hover{color:var(--orange)}main{min-height:calc(100vh - 170px)}footer{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid var(--line);font-size:11px;color:#777}.landing{max-width:1200px;margin:auto;padding:80px 0 55px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--orange);font-weight:700}.pill{display:inline-block;border:1px solid #f4d5c1;border-radius:30px;padding:6px 13px;font-size:12px;color:#a74b13;background:#fff8f2}h1{font-size:48px;line-height:1.3;letter-spacing:-2.5px;margin:24px 0}h1 em{font-style:normal;color:var(--orange)}.lead{color:#777;font-size:16px;line-height:1.9;margin-bottom:32px}.primary,.secondary{border-radius:10px;padding:15px 25px;font-weight:700;border:1px solid transparent}.primary{background:var(--orange);color:white}.primary:hover{background:#d75910}.secondary{background:white;border-color:#ddd;color:#444}.arrow{margin-left:36px}.fine{font-size:12px;color:#888;margin-top:14px}.art{position:relative;min-height:420px;border-radius:30px;background:#f2ece4;overflow:hidden;padding:35px;display:flex;align-items:center;justify-content:center}.room{width:310px;height:240px;background:#fffaf4;border:12px solid #e1cbb4;transform:perspective(700px) rotateY(-13deg) rotateX(12deg);border-radius:8px;box-shadow:24px 28px 0 #ddcbb7;position:relative}.window{height:85px;width:115px;position:absolute;top:22px;left:22px;background:linear-gradient(135deg,#c2d6ce,#e8eee8);border:8px solid white}.shelf{position:absolute;right:20px;top:25px;width:72px;height:125px;background:repeating-linear-gradient(0deg,#ba8b60 0 5px,#e4d2b7 5px 38px)}.table{position:absolute;left:65px;bottom:20px;width:120px;height:55px;border-radius:50%;background:#bf9169;box-shadow:0 14px 0 #a27550}.scan{position:absolute;inset:15px;border:2px dashed #eb691b88;border-radius:10px}.dot{position:absolute;width:20px;height:20px;border:5px solid #fff;background:var(--orange);border-radius:50%;box-shadow:0 0 0 12px #eb691b18}.d1{left:45px;top:70px}.d2{right:50px;bottom:65px}.floating{position:absolute;background:white;border:1px solid #eee;border-radius:12px;padding:12px 17px;font-size:12px;box-shadow:0 8px 30px #6c4e3510}.f1{top:32px;left:25px}.f2{bottom:35px;right:22px}.green{color:#238636}.benefits{max-width:1200px;margin:0 auto 55px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:26px;gap:35px}.benefits b{font-size:14px}.benefits p{font-size:12px;color:#777}.number{color:var(--orange);font-size:11px;margin-right:12px}.wizard{max-width:800px;margin:40px auto 65px}.progress-head{display:flex;justify-content:space-between;color:#666;font-size:12px}.progress{height:4px;background:#e8e4de;border-radius:10px;margin:13px 0 40px}.progress div{height:100%;background:var(--orange);transition:width .25s}.wizard h1{font-size:31px;letter-spacing:-1.4px;margin:14px 0 10px}.sub{color:#777;font-size:14px;margin-bottom:28px}.options{display:grid;gap:12px}.option{border:1px solid var(--line);background:white;border-radius:15px;padding:21px;text-align:left;display:flex;gap:18px;align-items:center;width:100%;color:var(--ink)}.option:hover{border-color:#edaa7e}.option.selected{border:2px solid var(--orange);background:var(--soft);padding:20px}.icon{width:46px;height:46px;background:#f7f4f0;border-radius:12px;display:grid;place-items:center;font-size:23px}.option strong{font-size:16px}.option small{display:block;color:#777;font-size:12px;margin-top:4px}.check{margin-left:auto;color:#bbb;font-size:20px}.selected .check{color:var(--orange)}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.actions .primary{min-width:180px}.hint{background:#f5f1eb;border-radius:12px;padding:15px 18px;color:#776b5c;font-size:12px;margin-top:20px}.quantity{display:flex;align-items:center;justify-content:space-between;padding:23px;background:white;border:1px solid var(--line);border-radius:15px;margin-bottom:12px;gap:14px}.quantity small{display:block;font-size:12px;color:#777}.stepper{display:flex;align-items:center;border:1px solid #ddd;border-radius:9px;overflow:hidden;flex-shrink:0}.stepper button{border:0;background:#faf9f7;width:44px;height:44px;font-size:20px}.stepper input{width:65px;height:44px;text-align:center;border:0;background:white;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{appearance:none}.selection-total{display:flex;justify-content:space-between;padding:18px;color:#555;font-size:14px}.selection-total strong{color:var(--orange)}.result{max-width:1120px;margin:50px auto 65px}.result h1{font-size:34px}.result-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:30px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:28px}.row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #f1efec;font-size:14px}.row small{color:#888}.total{background:var(--soft);border:1px solid #f3caae}.total h2{font-size:30px;letter-spacing:-1px;margin:12px 0}.total .primary{width:100%;margin-top:20px}.tag{display:inline-block;font-size:11px;padding:4px 9px;background:#f5f2ed;border-radius:5px;margin:3px}.warning{color:#9e5b00;background:#fff5db;border-radius:10px;padding:14px;font-size:12px}.error{color:#bd3529;font-size:13px}.form{display:grid;gap:15px}.form label{font-size:13px}.form input:not([type=checkbox]),.form textarea{display:block;width:100%;border:1px solid #ddd;border-radius:9px;padding:12px;margin-top:5px}.form textarea{min-height:90px}.review-edit{border:0;background:none;color:#ad470c;white-space:nowrap}.report-grid{grid-template-columns:1fr 1fr}.report-grid .option{align-items:flex-start}.report-grid strong{display:block}.report-grid .check{font-size:16px}.print-only{display:none}@media(max-width:800px){header{height:72px;padding:0 20px;gap:10px}.brand{font-size:28px}.brand-sub{font-size:10px;margin-left:8px;padding-left:12px}.header-label{display:none}.landing{padding:40px 22px;grid-template-columns:1fr;gap:32px}h1{font-size:36px}.art{min-height:310px}.room{width:250px;height:190px}.benefits{margin:0 22px 30px;grid-template-columns:1fr;gap:10px}footer{margin:0 20px;flex-wrap:wrap;gap:8px}.wizard,.result{margin:28px 20px 40px}.wizard h1{font-size:26px}.progress{margin-bottom:28px}.result-grid{grid-template-columns:1fr}.result h1{font-size:28px}.quantity{padding:17px 12px}.quantity strong{font-size:14px}.stepper input{width:46px}.report-grid{grid-template-columns:1fr}.option{padding:18px}.option.selected{padding:17px}.actions{position:sticky;bottom:0;background:#fcfbf9;padding:15px 0;margin-top:20px}.actions .primary{min-width:150px}.card{padding:20px}.row{font-size:12px}.total h2{font-size:29px}}@media print{header,footer,.actions,button{display:none!important}.result{margin:0;max-width:none}.result-grid{grid-template-columns:1.5fr 1fr}.print-only{display:block}}

/* Original vector illustrations, authored for TELOS. */
.icon svg{width:32px;height:32px}.icon{color:#bc5417;background:#fff0e4;flex-shrink:0;width:56px;height:56px}.selected .icon{background:#ffe3cd}.monthly-label{font-weight:700;margin:24px 0 0}.total .monthly-amount{font-size:clamp(32px,3.8vw,48px);line-height:1.25;letter-spacing:-2px;color:#b9470b;margin:8px 0 12px;overflow-wrap:anywhere}.monthly-amount small{font-size:17px;letter-spacing:0;color:#855134;font-weight:500}.cost-breakdown{border-top:1px solid #edcfba;margin-top:24px;padding-top:8px}.cost-breakdown .row{border-color:#edcfba}.grand-total{font-size:12px;color:#755d4a;margin-top:18px}.grand-total summary{cursor:pointer}.total .fine{color:#755d4a}.total .pill{font-size:11px}.result-grid aside{grid-column:2;grid-row:1}.result-grid>div{grid-column:1;grid-row:1}.primary{background:#bd4d0b}.primary:hover{background:#a94007}.fine{color:#6b6b6b}@media(max-width:800px){.result-grid aside{grid-column:1;grid-row:1}.result-grid>div{grid-column:1;grid-row:2}.total .monthly-amount{font-size:42px}.icon{width:48px;height:48px}.option strong{font-size:15px}}@media print{.grand-total{display:block}.result-grid aside{grid-column:2;grid-row:1}.result-grid>div{grid-column:1;grid-row:1}.total .monthly-amount{font-size:30px}}

.brand-logo{display:block;width:108px;height:auto;object-fit:contain}main{min-height:calc(100vh - 90px)}@media(max-width:800px){.brand-logo{width:88px}main{min-height:calc(100vh - 72px)}}