:root{--ink:#294427;--muted:#6f766b;--line:#d9ddd4;--cream:#f4f1e9;--lime:#d6b75f;--white:#fff;--iconic:#3e6136;--iconic-dark:#294427;--iconic-soft:#dfe8da;--iconic-gold:#d6b75f}
body{background:radial-gradient(circle at 15% 10%,#faf9f4 0,#f4f1e9 48%,#eeece4 100%)}
header{border-bottom-color:#dfe2da;padding:0 34px;box-shadow:0 3px 18px #2944270a}
.logo{width:128px;height:44px;display:flex;align-items:center;text-decoration:none}
.logo>img{display:block;width:118px;height:auto;max-height:38px;object-fit:contain}
.logo>i,.logo>span{display:none}
.trust{color:#778073;border-left-color:#d9ddd4;text-transform:uppercase;letter-spacing:.08em;font-size:9px}
.brand-partner{display:flex;align-items:center;gap:9px;margin-left:auto;margin-right:22px;padding-left:22px;border-left:1px solid var(--line);color:#7b7f78;font-size:8px;text-transform:uppercase;letter-spacing:.12em}
.brand-partner img{display:block;width:112px;height:20px;object-fit:contain}
.link{margin-left:0;color:var(--iconic-dark);font-weight:600}
.progress div.active b,.cta,.material-families button.active,.tools button.active{background:var(--iconic-dark);border-color:var(--iconic-dark)}
.cta span,.progress div.active b,.tools button.active b{color:#f0d37d}
.hero-copy h1 em{color:var(--iconic)}
.kicker{color:var(--iconic);letter-spacing:.2em}
.spark{background:var(--iconic-gold);color:var(--iconic-dark)}
.before-card,.after-card{box-shadow:0 18px 50px #29442720}
.active-area-context{background:var(--iconic-soft);border-color:#bdcfb6}.active-area-context b,.selection-entry.active .area-number,.surface-shape.selected.active span{background:var(--iconic)}
.selection-entry.active{border-color:var(--iconic);box-shadow:0 0 0 2px #3e613622}
.surface-shape.selected.active{outline-color:var(--iconic);filter:saturate(1.05) drop-shadow(0 0 7px #3e6136)}
.material-card.active{border-color:var(--iconic-dark);box-shadow:0 0 0 2px var(--iconic-gold)}
.green-dot{background:var(--iconic)}
.result-top{border-bottom:3px solid var(--iconic-gold)}
.result-top .logo{margin-right:auto}.result-top .brand-partner{margin-left:18px;margin-right:auto}
.result-copy h2,.brief-form h2,.studio-head h2,aside h3{color:var(--iconic-dark)}
.brand-signature{position:fixed;left:16px;bottom:15px;z-index:2;color:#66705f;font-size:8px;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl}
@media(max-width:760px){header{padding:0 16px}.trust,.brand-partner span{display:none}.brand-partner{padding-left:10px;margin-right:10px}.brand-partner img{width:82px}.logo{width:100px}.logo>img{width:92px}.brand-signature{display:none}}