:root{font-family:Inter,Arial,sans-serif;color:#20202b;background:#f3f4f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:86px;background:#fff;border-bottom:1px solid #e2e3eb;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2))}.brand{display:flex;gap:12px;align-items:center}.logo{background:#5426ad;color:white;font-size:32px;font-weight:800;border-radius:12px;width:44px;height:44px;text-align:center}.brand strong{font-size:15px;letter-spacing:1px}.brand small{display:block;font-size:11px;letter-spacing:2px;color:#727080;margin-top:5px}.internal{font-size:13px;border:1px solid #dddce6;padding:7px 12px;border-radius:30px;color:#666273}main{max-width:1208px;margin:auto;padding:36px 24px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:#756d86;margin:0 0 12px}h1{font-size:32px;letter-spacing:-1px;margin:0;font-weight:750}h2{font-size:18px;margin:0;line-height:1.4}.promo{font-size:14px;padding:12px 16px;background:#eee7fd;color:#5426ad;border-radius:10px}.promo strong{display:block;margin-top:4px}.workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}.panel{background:#fff;border:1px solid #e2e3eb;border-radius:18px;padding:26px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:22px}.step{font-size:12px;background:#eee8f8;color:#5426ad;padding:6px 7px;border-radius:6px;font-weight:700}label{display:block;font-size:14px;font-weight:650;margin:20px 0 8px}select,input{font:inherit;width:100%;border:1px solid #d7d6e1;border-radius:9px;padding:13px;color:#272131;background:#fff;min-height:48px}select{padding-right:30px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #bca2ef;outline-offset:2px}.spec{margin-top:14px;background:#f6f5f9;border-radius:9px;padding:15px;font-size:14px;line-height:1.6}.spec strong{font-weight:600}.spec p{margin:4px 0 0;color:#6c6678}.divider{height:1px;background:#eeedf2;margin:26px 0}.field-title{font-size:15px;font-weight:700}.field-title span{float:right;font-weight:400;color:#777;font-size:13px}.qty-wrap{position:relative}.qty-wrap input{padding-right:60px;font-size:20px;font-weight:650}.qty-wrap span{position:absolute;right:18px;top:16px;color:#777;font-size:14px}.helper{font-size:13px;line-height:1.5;color:#736e7c;margin:10px 0}.tiers{display:flex;gap:7px;flex-wrap:wrap}.tiers button{border:1px solid #e1deea;background:#fff;color:#635a72;padding:9px 12px;border-radius:7px;cursor:pointer;font-size:13px;min-height:36px}.tiers button.active{background:#5426ad;color:#fff;border-color:#5426ad}.result{background:#32204e;color:#fff;border-radius:18px;padding:28px}.result .eyebrow{color:#c8b8e0}.result h2{font-size:22px}.result>p:not(.eyebrow){color:#cfc3de;font-size:14px;line-height:1.5}.price{display:flex;align-items:baseline;gap:9px;margin-top:30px;flex-wrap:wrap}.price strong{font-size:44px;letter-spacing:-1.8px;line-height:1.2}.price span{color:#ccb9e5;font-size:16px}.total{border-top:1px solid #ffffff26;display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:22px;align-items:center}.total span{font-size:14px;color:#d5c7e6}.total strong{font-size:24px}.delivery{margin-top:24px;font-size:14px;line-height:1.6;padding-top:20px;border-top:1px solid #ffffff26}.delivery small{color:#cbbddc;font-size:13px}#breakdown{font-size:14px;line-height:1.8;color:#d7c9e6}#breakdown div{display:flex;justify-content:space-between;gap:12px}.whatsapp{margin-top:20px}textarea{width:100%;height:310px;resize:vertical;font:14px/1.7 Arial,sans-serif;border:1px solid #e3e0e9;background:#faf9fc;border-radius:9px;padding:14px;color:#514959}.copy{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:9px;background:#5426ad;color:white;font:600 16px Arial;padding:16px 20px;margin-top:14px;cursor:pointer;min-height:52px}.copy:hover{background:#432080}#copyStatus{font-size:13px;color:#5426ad;margin:8px 0 0;min-height:16px}footer{text-align:center;color:#82798d;font-size:12px;margin-top:30px}[hidden]{display:none!important}@media(max-width:760px){header{height:72px;padding:0 18px}.internal{font-size:12px;padding:6px 9px}.brand strong{font-size:13px}.brand small{font-size:10px}main{padding:24px 16px}.heading{display:block;margin-bottom:20px}h1{font-size:27px}.promo{display:inline-block;margin-top:16px;padding:9px 12px;font-size:13px}.promo strong{display:inline;margin-left:5px}.workspace{grid-template-columns:1fr;gap:18px}.panel{padding:20px;border-radius:14px}.result{padding:24px;border-radius:14px}.price strong{font-size:40px}.section-title{margin-bottom:18px}textarea{font-size:14px}.tiers button{min-height:40px}select,input{font-size:16px}.copy{position:sticky;bottom:12px;box-shadow:0 4px 15px #351e4630}footer{line-height:1.7}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

.promo{color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3;font-weight:600}.promo strong{font-size:18px}.heading h1{max-width:650px;line-height:1.2}.product-preview{margin:20px 0 0;background:#f8f8fb;border:1px solid #eceaf1;border-radius:12px;padding:14px;text-align:center}.product-preview img{width:100%;height:260px;object-fit:contain;display:block}.product-preview figcaption{font-size:12px;line-height:1.5;color:#756d86;margin-top:10px}.price-list{margin-top:18px;border:1px solid #ddd7e8;border-radius:10px;padding:14px}.price-list summary{font-size:15px;font-weight:650;color:#5426ad;cursor:pointer;min-height:30px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}th,td{text-align:right;padding:12px 10px;border-bottom:1px solid #eae6f0}th{background:#f5f1fa;font-size:12px}th:first-child,td:first-child{text-align:left}td button{font:inherit;color:#5426ad;background:none;border:0;cursor:pointer;padding:6px 0;min-height:36px}tr.chosen{background:#f1eafa}.workspace>*{min-width:0}@media(max-width:760px){.product-preview img{height:220px}h1{font-size:26px}.price-list{padding:10px}th,td{padding:10px 8px}.total{flex-wrap:wrap}}

.release-note{background:#fff7ed;color:#9a3412;border-left:3px solid #ea580c;padding:12px 14px;border-radius:6px;font-size:14px;line-height:1.6;margin:12px 0 0}

.flow-help{font-size:16px;line-height:1.6;color:#655d70;margin-top:-12px}.catalog-tabs{display:flex;gap:8px;margin:20px 0 12px}.catalog-tabs button{font:600 15px Arial;padding:13px 16px;border-radius:10px;border:1px solid #ddd5e9;background:#fff;color:#5426ad;cursor:pointer}.catalog-tabs button.active{background:#5426ad;color:#fff}.product-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px}.product-card{font:inherit;text-align:left;background:white;border:2px solid #e6e1ed;border-radius:12px;padding:12px;cursor:pointer;color:#292034;min-width:0}.product-card.active{border-color:#5426ad;background:#f6f1ff}.product-card img{height:74px;width:100%;object-fit:contain}.product-card strong{display:block;font-size:14px;line-height:1.4;margin-top:8px}.product-card small{display:block;font-size:13px;color:#756383;line-height:1.5}.product-card .card-images{display:flex;justify-content:center}.card-images img{width:32%;height:74px}.product-preview img{height:150px}.combo-images{display:flex;justify-content:center}.combo-images img{width:32%;height:150px}.spec summary,.design-details summary{cursor:pointer;font-size:14px;font-weight:600}.spec[open] summary{margin-bottom:10px}.design-details{margin-top:20px;border-top:1px solid #e8e1ef;padding-top:18px}.comparison{background:#fff;color:#332046;border-radius:10px;padding:16px;margin:18px 0}.comparison p{margin:4px 0;font-size:14px;line-height:1.6}.comparison strong{color:#166534;font-size:20px}.comparison del{color:#7b7383}.mobile-price{display:none}.product-card:hover{border-color:#9d78da}.workspace aside{position:sticky;top:20px}.result{scroll-margin-top:20px}@media(max-width:760px){.product-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{padding:10px}.product-card img,.card-images img{height:58px}.product-preview img,.combo-images img{height:120px}.catalog-tabs button{font-size:14px;padding:12px;flex:1}.flow-help{font-size:14px}.workspace aside{position:static}.mobile-price{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #ddd4e7;display:flex;align-items:center;justify-content:space-between;padding:12px 16px calc(12px + env(safe-area-inset-bottom));z-index:5;box-shadow:0 -4px 18px #32204e12}.mobile-price small{display:block;font-size:12px;color:#776583}.mobile-price strong{font-size:20px;line-height:1.3}.mobile-price button{font:600 14px Arial;color:white;background:#5426ad;border:0;border-radius:8px;padding:13px 20px;cursor:pointer}main{padding-bottom:100px}.copy{position:static}#copy{position:static}.product-card strong{font-size:14px}.heading h1{font-size:24px}}

.normal-summary{margin-top:18px;font-size:14px;line-height:1.5;color:#e5dcef}.normal-summary p{margin:4px 0}.normal-summary del{font-weight:600;text-decoration-thickness:2px}td del{color:#666;text-decoration-thickness:2px}#normalColumn small{font-weight:400}#normalListNote{color:#65318d;font-weight:600}

/* Mobile shopping flow */
.catalog-label{font-size:16px;font-weight:700;margin:20px 0 12px}.table-hint{display:none}.table-scroll:focus-visible{outline:3px solid #bca2ef;outline-offset:3px}.helper{font-size:14px}.normal-summary{padding:12px 0;border-top:1px solid #ffffff26;margin-top:16px}.price{margin-top:20px}#calculator{scroll-margin-top:16px}#calculator:focus,#result:focus{outline:none}.price-list td button{min-height:44px;min-width:48px}.mobile-price>div{min-width:0}.mobile-price button{flex-shrink:0;min-height:48px}#mobileProduct{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5426ad;font-weight:600}
@media(max-width:760px){.heading{margin-bottom:16px}header{height:64px}.product-card{position:relative;padding:10px}.product-card img{height:48px}.product-card.active{box-shadow:inset 0 0 0 1px #5426ad}.product-card strong{line-height:1.35}.product-card small{line-height:1.4}.table-hint{display:block;font-size:14px;color:#655774;margin:10px 0}.table-scroll th:first-child,.table-scroll td:first-child{position:sticky;left:0;background:#fff;z-index:1}.table-scroll tr.chosen td:first-child{background:#f1eafa}.table-scroll th:first-child{background:#f5f1fa}.mobile-price{gap:10px;padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.mobile-price small{font-size:13px}#mobileProduct{max-width:calc(100vw - 165px)}main{padding-bottom:125px}.design-details summary{font-size:15px;line-height:1.5;min-height:44px}.price strong{font-size:clamp(32px,9vw,40px)}.total strong{font-size:clamp(20px,6vw,24px)}.product-preview{padding:10px}.copy{justify-content:center}.result{scroll-margin-top:12px}}

/* Clearer product selection and calmer mobile layout */
:root{background:#f4f5fa;color:#252035}header{border-bottom:1px solid #e9e4f1}.heading{margin-bottom:20px}h1{font-size:30px}.flow-help{margin:0 0 20px;max-width:700px}.catalog-picker{background:#fff;border:1px solid #e6e1ee;border-radius:18px;padding:20px;margin-bottom:24px;box-shadow:0 3px 12px #37245104}.catalog-picker>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;min-height:48px}.catalog-picker>summary::-webkit-details-marker{display:none}.catalog-picker>summary strong{display:block;font-size:17px}.catalog-picker>summary small{display:block;color:#756383;font-size:14px;line-height:1.5;margin-top:3px}.catalog-picker>summary>span:nth-child(2){flex:1;min-width:0}.picker-action{font-size:13px;font-weight:650;color:#5426ad;background:#f0eafa;padding:8px 12px;border-radius:20px}.catalog-picker[open] .picker-action{font-size:0}.catalog-picker[open] .picker-action:after{content:'Tutup';font-size:13px}.catalog-tabs{background:#f2eef8;border-radius:12px;padding:4px;margin:18px 0 16px}.catalog-tabs button{border:0;flex:1;background:transparent}.catalog-tabs button.active{box-shadow:0 3px 8px #5426ad20}.product-cards{margin:0}.product-card{position:relative;border:1px solid #e6e1ed;padding:16px;border-radius:14px}.product-card.active{border:2px solid #7041bd;padding:15px;background:#f9f6ff}.product-card img{height:84px}.selected-badge{position:absolute;right:8px;top:8px;border-radius:20px;padding:4px 7px;background:#5426ad;color:#fff;font-size:11px;font-weight:600}.panel{box-shadow:0 4px 16px #30234604}.section-title .step,.catalog-picker .step{background:#5426ad;color:#fff;border-radius:50%;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.variant-text{margin:0;padding:14px 16px;background:#f5f2fa;border:1px solid #e6deef;border-radius:10px;font-size:15px;line-height:1.6;color:#49365e}.result{background:linear-gradient(140deg,#382052,#241333);box-shadow:0 8px 24px #32204e12}.total{padding:18px 16px;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px}.price-list summary,.design-details summary{line-height:1.5}.copy{justify-content:center}.product-preview{border:0;background:#f8f7fb}.mobile-price{border-top:2px solid #e4d8f5}.mobile-price strong{color:#452283}
@media(max-width:760px){main{padding-top:20px}.heading h1{font-size:25px;line-height:1.2}.heading .eyebrow{display:none}.promo{font-size:14px}.promo strong{font-size:16px}.flow-help{font-size:14px;margin-bottom:18px}.catalog-picker{padding:14px;border-radius:14px;margin-bottom:16px}.catalog-picker>summary strong{font-size:15px}.catalog-picker>summary small{font-size:13px}.picker-action{padding:7px 9px;font-size:12px}.catalog-tabs{margin-top:14px}.product-card{padding:12px}.product-card.active{padding:11px}.product-card img{height:68px}.product-card strong{font-size:14px;margin-top:6px}.product-card small{font-size:13px}.selected-badge{font-size:10px;padding:3px 6px}.panel{padding:18px}.section-title h2{font-size:17px}.product-preview img,.combo-images img{height:100px}.product-preview figcaption{font-size:12px}.spec{padding:12px}.price-list{padding:12px}.result h2{font-size:21px}.variant-text{font-size:15px;padding:12px}.total{gap:8px}.mobile-price button{border-radius:10px}select{padding:14px 12px}#variantLabel{margin-bottom:8px}}

/* Pastel accents: soft surfaces, high-contrast text and actions. */
:root{background:#f7f5fa}
header{background:#fdfbff}
.internal{background:#eee7fa;border-color:#e1d6f3;color:#594275}
.catalog-picker{border-color:#e3d9ef}
.catalog-picker .step{background:#e9def8;color:#5426ad}
.catalog-tabs{background:#f0eaf8}
.product-card{background:#faf7ff;border-color:#e8def2}
.product-card:nth-child(3n+2){background:#f0f8f5;border-color:#dcece5}
.product-card:nth-child(3n){background:#fff5ed;border-color:#f1e2d7}
.product-card.active{background:#eee3fb;border-color:#7041bd}
.product-card:hover{border-color:#9d78da}
.product-preview{background:#f1ecfa}
.spec{background:#edf6f2}
.spec summary{color:#315e50}
.spec p{color:#52685f}
.section-title .step{background:#e9def8;color:#5426ad}
.variant-text{background:#f5effc;border-color:#e7dcf3}
.price-list{background:#fffaf5;border-color:#eedfce}
.whatsapp{border-color:#d4e8df}
.whatsapp .step{background:#deeee5;color:#285b49}
.whatsapp textarea{background:#f5faf7;border-color:#dcebe2}
#copy{background:#316b57}
#copy:hover{background:#255442}
#copyStatus{color:#285b49}
.comparison{background:#edf7f0}
.mobile-price{background:#fdfbff}
