/* IKONOBOX brand. Public client sites own their palettes independently. */
body.home-page, body.simple-page, body.builder-page {
 --forest:#194f42; --deep:#142521; --ink:#142521; --lime:#d5ed83;
 --paper:#f7f8f5; --muted:#52625c; --line:#d7ded8;
 background-color:var(--paper);
}
.home-page .home-pitch h1 em { color:var(--forest); background:linear-gradient(transparent 69%,#d5ed8399 69%,#d5ed8399 91%,transparent 91%); }
.home-page .home-kicker, .simple-page .eyebrow { letter-spacing:.12em; }
.home-page .home-kicker::before { content:''; display:inline-block; width:7px; height:7px; background:var(--lime); margin-right:9px; }
.home-page .home-preview { border-color:#14252128; box-shadow:0 24px 50px -30px #14252166; }
.home-page .home-preview-bar { background:#fff; }
.home-page .home-plan:not(.home-plan-year), .simple-page .credit-pack:not(.is-recommended) { background:#fff; }
.home-page .home-extras { border-radius:2px; }
.simple-page .commerce-hero .eyebrow { color:var(--forest); }
.builder-page .domain-selection { background:#fff; border:1px solid var(--line); border-left:3px solid var(--forest); }
.builder-page .choice { background:#fff; }
.builder-page .choice[aria-pressed=true] { background:#f1f6e5; border-color:var(--forest); }
.builder-page .form-panel { border-color:var(--line); }
.builder-page .domain-selection small, .builder-page .field small { color:var(--muted); }
.builder-page .builder-header, .home-page .home-header, .simple-page .page-header { border-color:var(--line); }
.builder-page .design-picker { margin-bottom:24px; }
.builder-page .design-choice { padding:7px; border-radius:6px; background:#fff; transition:border-color .2s,box-shadow .2s; text-align:left; }
.builder-page .design-choice[aria-pressed=true] { border-color:var(--forest); box-shadow:0 0 0 1px var(--forest); }
.builder-page .design-choice>span:last-child { padding:12px 7px 8px; }
.builder-page .design-choice strong { font-size:14px; }
.builder-page .design-choice small { font-size:11px; }
.design-window { --preview-accent:#d5ed83; --preview-deep:#194f42; position:relative; display:flex; flex-direction:column; justify-content:space-between; padding:13px; height:156px; overflow:hidden; background:var(--preview-deep); color:#fff; }
.design-window>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.28; }
.design-window>span { position:relative; z-index:1; }
.design-window .design-window-name { display:block; font:600 10px/1.3 'Syne',sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.design-window .design-window-title { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font:600 23px/1.1 'Syne',sans-serif; letter-spacing:-.045em; max-width:95%; }
.design-window .design-window-bottom { display:flex; justify-content:space-between; gap:10px; font-size:8px; line-height:1.2; }
.design-window-bottom i { width:27px; height:10px; flex-shrink:0; background:var(--preview-accent); }
.design-studio .design-window { color:#142521; background:var(--preview-accent); }
.design-studio .design-window>img { opacity:.12; }
.design-studio .design-window-title { font-weight:700; }
.design-studio .design-window-bottom i { background:var(--preview-deep); }
.design-galerie .design-window { text-align:center; background:#17241e; }
.design-galerie .design-window-title { font:500 25px/1.05 Georgia,serif; margin-inline:auto; }
.design-galerie .design-window>img { opacity:.5; }
.design-signature .design-window { background:#1a2928; }
.design-signature .design-window-title { font:italic 400 25px/1.05 Georgia,serif; }
.design-picker[data-palette=cobalt] .design-window { --preview-accent:#e1ecff; --preview-deep:#214bb2; }
.design-picker[data-palette=carbon] .design-window { --preview-accent:#d5ed83; --preview-deep:#252923; }
.design-picker[data-palette=terracotta] .design-window { --preview-accent:#f3d8be; --preview-deep:#8b4030; }
.design-picker[data-palette=slate] .design-window { --preview-accent:#dce8ee; --preview-deep:#294653; }
@media(hover:hover) and (pointer:fine) {
 .home-page .btn, .simple-page .btn, .builder-page .btn { transition:background-color .2s,box-shadow .2s,transform .2s; }
 .home-page .btn:hover, .simple-page .btn:hover, .builder-page .btn:hover { box-shadow:0 6px 18px #1425211a; transform:translateY(-2px); }
 .builder-page .design-choice:hover { border-color:var(--forest); }
}
@media(max-width:760px) { .design-window { height:148px; padding:12px; }.design-window .design-window-title { font-size:21px; }.builder-page .design-picker { gap:12px; }.builder-page .design-choice small { font-size:11px; }.builder-page .palette-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(prefers-reduced-motion:reduce) { .home-page .btn,.simple-page .btn,.builder-page .btn,.builder-page .design-choice { transition:none!important; transform:none!important; } }
.builder-page .trade-more { margin-top:8px; }
.builder-page .trade-more>summary { min-height:44px; padding-block:10px; font-size:13px; color:var(--forest); cursor:pointer; }
.builder-page .trade-more .suggestions { padding-top:12px; }