/* =========================================================
   COOBEH V62.19 — BRAND DNA
   Scoped to #page-brand. No global palette overrides.
   ========================================================= */
#page-brand.dna-page-v6219{--dna-accent:#f15a22;--dna-ink:#f4f1ec;--dna-muted:#9e9b96;--dna-line:rgba(255,255,255,.09);--dna-panel:rgba(255,255,255,.035);padding-bottom:132px}
#page-brand .dna-shell{display:grid;gap:18px}
#page-brand .dna-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:8px 0 18px}
#page-brand .dna-page-head-copy{max-width:680px}
#page-brand .dna-page-head small,#page-brand .dna-kicker{display:block;color:var(--dna-accent);font-size:10px;letter-spacing:1.8px;font-weight:800}
#page-brand .dna-page-head h2{margin:6px 0 8px;font-size:clamp(30px,7vw,48px);line-height:1.02;color:var(--dna-ink)}
#page-brand .dna-page-head p{margin:0;color:var(--dna-muted);font-size:13px;line-height:1.9;max-width:620px}
#page-brand .dna-head-mark{width:88px;height:88px;display:grid;place-items:center;border:1px solid var(--dna-line);border-radius:24px;background:rgba(241,90,34,.06);flex:0 0 auto;overflow:hidden}
#page-brand .dna-head-mark img{width:58px;height:58px;object-fit:contain}
#page-brand .dna-state{display:none;border:1px solid var(--dna-line);border-radius:24px;background:var(--dna-panel);padding:24px;min-height:210px;align-items:center;justify-content:center;text-align:center}
#page-brand .dna-state.active{display:flex}
#page-brand .dna-state-inner{max-width:420px}
#page-brand .dna-state-art{width:86px;height:86px;margin:0 auto 18px;border-radius:26px;display:grid;place-items:center;background:rgba(241,90,34,.08);border:1px solid rgba(241,90,34,.2)}
#page-brand .dna-state-art img{width:54px;height:54px;object-fit:contain}
#page-brand .dna-state h3{margin:0 0 8px;color:var(--dna-ink);font-size:21px}
#page-brand .dna-state p{margin:0;color:var(--dna-muted);font-size:13px;line-height:1.9}
#page-brand .dna-state-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:18px}
#page-brand .dna-state button,#page-brand .dna-btn{border:0;border-radius:14px;min-height:44px;padding:0 16px;font:inherit;font-weight:800;cursor:pointer;background:#17191b;color:#fff;border:1px solid var(--dna-line)}
#page-brand .dna-state button.primary,#page-brand .dna-btn.primary{background:var(--dna-accent);border-color:var(--dna-accent);color:#fff}
#page-brand .dna-sync-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border:1px solid var(--dna-line);border-radius:14px;background:rgba(255,255,255,.025);font-size:11px;color:var(--dna-muted)}
#page-brand .dna-sync-strip span{display:flex;align-items:center;gap:8px}
#page-brand .dna-sync-strip i{width:7px;height:7px;border-radius:50%;background:#787878;box-shadow:0 0 0 4px rgba(255,255,255,.025)}
#page-brand .dna-sync-strip[data-state="syncing"] i{background:#f3a157}
#page-brand .dna-sync-strip[data-state="saved"] i{background:#64c58e}
#page-brand .dna-sync-strip[data-state="local"] i{background:#d3b25d}
#page-brand .dna-sync-strip[data-state="error"] i{background:#e26a64}
#page-brand .dna-builder,#page-brand .dna-profile{display:none}
#page-brand .dna-builder.active,#page-brand .dna-profile.active{display:grid;gap:16px}
#page-brand .dna-progress-card{padding:16px;border:1px solid var(--dna-line);border-radius:22px;background:var(--dna-panel);position:sticky;top:72px;z-index:8;backdrop-filter:blur(18px)}
#page-brand .dna-progress-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
#page-brand .dna-progress-top div{display:grid;gap:3px}
#page-brand .dna-progress-top b{color:var(--dna-ink);font-size:14px}
#page-brand .dna-progress-top small{color:var(--dna-muted);font-size:10px}
#page-brand .dna-progress-percent{min-width:56px;text-align:center;color:#fff;background:#181a1c;border:1px solid var(--dna-line);border-radius:999px;padding:7px 10px;font-weight:900;font-size:12px}
#page-brand .dna-progress-track{height:4px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden}
#page-brand .dna-progress-track i{display:block;width:0;height:100%;background:var(--dna-accent);border-radius:999px;transition:width .28s ease}
#page-brand .dna-step-dots{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin-top:12px}
#page-brand .dna-step-dots button{height:5px;border:0;padding:0;border-radius:999px;background:rgba(255,255,255,.08);cursor:pointer}
#page-brand .dna-step-dots button.done,#page-brand .dna-step-dots button.active{background:var(--dna-accent)}
#page-brand .dna-step{display:none;border:1px solid var(--dna-line);border-radius:24px;background:var(--dna-panel);padding:22px}
#page-brand .dna-step.active{display:block;animation:dnaStepIn .28s ease both}
@keyframes dnaStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#page-brand .dna-step-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
#page-brand .dna-step-head div{max-width:620px}
#page-brand .dna-step-head small{color:var(--dna-accent);font-size:10px;letter-spacing:1.5px;font-weight:900}
#page-brand .dna-step-head h3{margin:6px 0 7px;color:var(--dna-ink);font-size:22px;line-height:1.35}
#page-brand .dna-step-head p{margin:0;color:var(--dna-muted);font-size:12px;line-height:1.85}
#page-brand .dna-step-no{font-size:34px;line-height:1;color:rgba(255,255,255,.12);font-weight:900;letter-spacing:-1px}
#page-brand .dna-field{display:grid;gap:8px;margin-top:14px}
#page-brand .dna-field>span{font-size:12px;color:#d8d5cf;font-weight:800}
#page-brand .dna-field>small{font-size:10px;line-height:1.7;color:#85827e}
#page-brand .dna-field textarea,#page-brand .dna-field input[type="text"]{width:100%;box-sizing:border-box;border-radius:16px;border:1px solid var(--dna-line);background:#0c0e0f;color:#f7f4ef;padding:14px 15px;font:inherit;font-size:13px;line-height:1.8;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
#page-brand .dna-field textarea{resize:vertical;min-height:120px}
#page-brand .dna-field textarea:focus,#page-brand .dna-field input[type="text"]:focus{border-color:rgba(241,90,34,.55);box-shadow:0 0 0 3px rgba(241,90,34,.07)}
#page-brand .dna-field-feedback{min-height:16px;font-size:10px;color:#a8a39d}
#page-brand .dna-field-feedback.warn{color:#e3a462}
#page-brand .dna-field-feedback.good{color:#6dc492}
#page-brand .dna-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#page-brand .dna-value-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#page-brand .dna-value-chip,#page-brand .dna-audience-chip,#page-brand .dna-type-chip{border:1px solid var(--dna-line);background:#101214;color:#b8b4ae;border-radius:999px;min-height:38px;padding:0 13px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:.18s ease}
#page-brand .dna-value-chip.selected,#page-brand .dna-audience-chip.selected,#page-brand .dna-type-chip.selected{background:rgba(241,90,34,.12);border-color:rgba(241,90,34,.48);color:#fff}
#page-brand .dna-value-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:var(--dna-muted);font-size:10px}
#page-brand .dna-custom-value{display:flex;gap:8px;margin-top:12px}
#page-brand .dna-custom-value input{flex:1;min-width:0;border-radius:14px;border:1px solid var(--dna-line);background:#0c0e0f;color:#fff;padding:12px 13px;font:inherit;font-size:12px;outline:none}
#page-brand .dna-custom-value button{border-radius:14px;border:1px solid rgba(241,90,34,.4);background:rgba(241,90,34,.09);color:#fff;padding:0 14px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
#page-brand .dna-audience-core{display:grid;gap:12px}
#page-brand .dna-guided-card{border:1px solid var(--dna-line);border-radius:18px;padding:15px;background:#0d0f10}
#page-brand .dna-guided-card>small{display:block;color:var(--dna-accent);font-size:9px;letter-spacing:1px;font-weight:900;margin-bottom:6px}
#page-brand .dna-guided-card>b{display:block;color:#f3f0eb;font-size:13px;margin-bottom:10px}
#page-brand .dna-guided-sentence{border:1px solid var(--dna-line);border-radius:18px;padding:16px;background:#0c0e0f;line-height:2.4;color:#aaa6a0;font-size:12px}
#page-brand .dna-guided-sentence input{display:inline-block;width:min(210px,100%);border:0;border-bottom:1px dashed rgba(241,90,34,.5);background:transparent;color:#fff;padding:3px 7px;font:inherit;text-align:center;outline:none}
#page-brand .dna-personality-list{display:grid;gap:12px}
#page-brand .dna-axis{border:1px solid var(--dna-line);border-radius:16px;padding:13px 14px;background:#0d0f10}
#page-brand .dna-axis-labels{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c7c3bd;font-size:11px;font-weight:800}
#page-brand .dna-axis output{display:block;text-align:center;color:var(--dna-accent);font-size:10px;font-weight:900;margin:7px 0 5px}
#page-brand .dna-axis input[type="range"]{width:100%;accent-color:var(--dna-accent);cursor:pointer}
#page-brand .dna-diff-list{display:grid;gap:10px}
#page-brand .dna-diff-card{border:1px solid var(--dna-line);border-radius:18px;background:#0d0f10;padding:14px;position:relative}
#page-brand .dna-diff-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
#page-brand .dna-diff-card-head b{font-size:12px;color:#eeeae4}
#page-brand .dna-diff-remove{border:0;background:transparent;color:#817e79;font:inherit;cursor:pointer;font-size:18px}
#page-brand .dna-diff-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}
#page-brand .dna-diff-fields input{width:100%;box-sizing:border-box;border-radius:13px;border:1px solid var(--dna-line);background:#090b0c;color:#fff;padding:11px 12px;font:inherit;font-size:11px;outline:none}
#page-brand .dna-diff-types{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
#page-brand .dna-add-diff{width:100%;margin-top:10px;border:1px dashed rgba(255,255,255,.15);background:transparent;color:#c9c5bf;border-radius:15px;min-height:42px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
#page-brand .dna-review-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}
#page-brand .dna-review-score{border:1px solid var(--dna-line);border-radius:20px;padding:16px;display:grid;place-items:center;background:#0d0f10;text-align:center}
#page-brand .dna-ring{width:126px;height:126px;position:relative;display:grid;place-items:center;margin-bottom:10px}
#page-brand .dna-ring svg{width:126px;height:126px;transform:rotate(-90deg)}
#page-brand .dna-ring circle{fill:none;stroke-width:8}
#page-brand .dna-ring .track{stroke:rgba(255,255,255,.07)}
#page-brand .dna-ring .value{stroke:var(--dna-accent);stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset .35s ease}
#page-brand .dna-ring strong{position:absolute;color:#fff;font-size:25px}
#page-brand .dna-review-score small{color:var(--dna-muted);font-size:10px;line-height:1.7}
#page-brand .dna-review-list{display:grid;gap:7px}
#page-brand .dna-review-item{display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid var(--dna-line);border-radius:14px;padding:10px 12px;background:#0d0f10}
#page-brand .dna-review-item span{display:flex;align-items:center;gap:8px;color:#c7c3bd;font-size:11px;font-weight:800}
#page-brand .dna-review-item i{width:7px;height:7px;border-radius:50%;background:#676767}
#page-brand .dna-review-item.complete i{background:#61c18a}
#page-brand .dna-review-item b{font-size:9px;color:#8f8b85;font-weight:700}
#page-brand .dna-build-stage{text-align:center;padding:18px 8px}
#page-brand .dna-build-visual{width:150px;height:150px;border-radius:50%;margin:0 auto 18px;position:relative;border:1px solid rgba(241,90,34,.22);display:grid;place-items:center;background:rgba(241,90,34,.035)}
#page-brand .dna-build-visual i{position:absolute;border:1px solid rgba(241,90,34,.2);border-radius:50%;animation:dnaOrbit 6s linear infinite}
#page-brand .dna-build-visual i:nth-child(1){inset:13px}
#page-brand .dna-build-visual i:nth-child(2){inset:31px;animation-direction:reverse;animation-duration:4.8s}
#page-brand .dna-build-visual img{width:58px;height:58px;object-fit:contain}
@keyframes dnaOrbit{to{transform:rotate(360deg)}}
#page-brand .dna-build-stage h3{margin:0 0 8px;color:#fff;font-size:22px}
#page-brand .dna-build-stage p{margin:0 auto;color:var(--dna-muted);font-size:12px;line-height:1.9;max-width:440px}
#page-brand .dna-builder-nav{position:sticky;bottom:78px;z-index:9;display:grid;grid-template-columns:1fr 1.6fr;gap:8px;padding:9px;border:1px solid var(--dna-line);background:rgba(7,9,10,.88);backdrop-filter:blur(18px);border-radius:18px}
#page-brand .dna-builder-nav button{min-height:48px;border-radius:13px;border:1px solid var(--dna-line);background:#141618;color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
#page-brand .dna-builder-nav button.primary{background:var(--dna-accent);border-color:var(--dna-accent)}
#page-brand .dna-builder-nav button:disabled{opacity:.38;cursor:not-allowed}
#page-brand .dna-profile-hero{border:1px solid var(--dna-line);border-radius:24px;background:var(--dna-panel);padding:20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
#page-brand .dna-profile-hero h3{margin:5px 0 7px;color:#fff;font-size:24px}
#page-brand .dna-profile-hero p{margin:0;color:var(--dna-muted);font-size:11px;line-height:1.8}
#page-brand .dna-profile-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
#page-brand .dna-profile-meta span{border:1px solid var(--dna-line);border-radius:999px;padding:7px 10px;color:#aaa6a0;font-size:9px}
#page-brand .dna-profile-actions{display:grid;gap:7px;min-width:120px}
#page-brand .dna-profile-actions button{min-height:40px;border-radius:12px;border:1px solid var(--dna-line);background:#141618;color:#fff;font:inherit;font-size:10px;font-weight:900;cursor:pointer}
#page-brand .dna-profile-actions button.primary{background:var(--dna-accent);border-color:var(--dna-accent)}
#page-brand .dna-visual-card{border:1px solid var(--dna-line);border-radius:24px;background:var(--dna-panel);padding:18px;overflow:hidden}
#page-brand .dna-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
#page-brand .dna-section-head small{display:block;color:var(--dna-accent);font-size:9px;letter-spacing:1.4px;font-weight:900;margin-bottom:4px}
#page-brand .dna-section-head h3{margin:0;color:#fff;font-size:17px}
#page-brand .dna-section-head button{border:0;background:transparent;color:#a9a59f;font:inherit;font-size:10px;cursor:pointer}
#page-brand .dna-map{position:relative;min-height:390px;display:grid;place-items:center}
#page-brand .dna-map-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#page-brand .dna-map-lines line{stroke:rgba(255,255,255,.09);stroke-width:1.2;stroke-dasharray:4 7}
#page-brand .dna-map-core{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#0b0d0e;border:1px solid rgba(241,90,34,.36);box-shadow:0 0 0 10px rgba(241,90,34,.035);z-index:2;padding:12px}
#page-brand .dna-map-core b{color:#fff;font-size:15px;line-height:1.4}
#page-brand .dna-map-core small{color:var(--dna-accent);font-size:8px;letter-spacing:1px}
#page-brand .dna-map-node{position:absolute;width:132px;min-height:74px;border-radius:18px;border:1px solid var(--dna-line);background:#0d0f10;padding:11px 12px;color:#fff;text-align:right;cursor:pointer}
#page-brand .dna-map-node span{display:block;color:var(--dna-accent);font-size:8px;font-weight:900;letter-spacing:1px;margin-bottom:4px}
#page-brand .dna-map-node b{display:block;font-size:11px;margin-bottom:3px}
#page-brand .dna-map-node small{display:block;color:#85817b;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-brand .dna-map-node.n1{top:20px;right:8%}#page-brand .dna-map-node.n2{top:20px;left:8%}#page-brand .dna-map-node.n3{top:150px;right:2%}#page-brand .dna-map-node.n4{top:150px;left:2%}#page-brand .dna-map-node.n5{bottom:20px;right:8%}#page-brand .dna-map-node.n6{bottom:20px;left:8%}#page-brand .dna-map-node.n7{bottom:12px;left:50%;transform:translateX(-50%)}
#page-brand .dna-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#page-brand .dna-profile-card{border:1px solid var(--dna-line);border-radius:20px;background:var(--dna-panel);padding:17px;min-width:0}
#page-brand .dna-profile-card.wide{grid-column:1/-1}
#page-brand .dna-profile-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
#page-brand .dna-profile-card-head div small{display:block;color:var(--dna-accent);font-size:8px;letter-spacing:1.1px;font-weight:900;margin-bottom:3px}
#page-brand .dna-profile-card-head div b{color:#fff;font-size:13px}
#page-brand .dna-profile-card-head button{border:0;background:transparent;color:#8e8a84;font:inherit;font-size:10px;cursor:pointer}
#page-brand .dna-profile-card p{margin:0;color:#b5b1ab;font-size:11px;line-height:1.9;white-space:pre-wrap}
#page-brand .dna-profile-chips{display:flex;flex-wrap:wrap;gap:7px}
#page-brand .dna-profile-chips span{border:1px solid rgba(241,90,34,.24);background:rgba(241,90,34,.07);color:#d8d4cf;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800}
#page-brand .dna-personality-profile{display:grid;gap:9px}
#page-brand .dna-personality-profile-row{display:grid;grid-template-columns:70px 1fr 70px;gap:8px;align-items:center;color:#aaa6a0;font-size:9px}
#page-brand .dna-personality-profile-row span:last-child{text-align:left}
#page-brand .dna-personality-profile-row i{height:4px;border-radius:999px;background:rgba(255,255,255,.07);position:relative;overflow:hidden}
#page-brand .dna-personality-profile-row i em{position:absolute;inset-block:0;right:0;background:var(--dna-accent);border-radius:999px}
#page-brand .dna-summary-box{border-right:2px solid var(--dna-accent);padding-right:14px;color:#dad6d0;font-size:12px;line-height:2.05}
#page-brand .dna-linked-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#page-brand .dna-linked-grid button{min-height:78px;border-radius:16px;border:1px solid var(--dna-line);background:#0d0f10;color:#fff;padding:11px;font:inherit;text-align:right;cursor:pointer}
#page-brand .dna-linked-grid button small{display:block;color:var(--dna-accent);font-size:8px;letter-spacing:1px;margin-bottom:4px}
#page-brand .dna-linked-grid button b{font-size:10px;line-height:1.45}
#page-brand .dna-history-list{display:grid;gap:7px}
#page-brand .dna-history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--dna-line);background:#0d0f10;color:#aaa6a0;font-size:10px}
#page-brand .dna-history-item b{color:#fff;font-size:11px}
#page-brand .dna-history-empty{color:#85817b;font-size:10px;line-height:1.8}
#page-brand .dna-hidden{display:none!important}
@media(max-width:760px){
  #page-brand .dna-page-head{align-items:center}#page-brand .dna-head-mark{width:72px;height:72px;border-radius:21px}#page-brand .dna-head-mark img{width:48px;height:48px}
  #page-brand .dna-two-col,#page-brand .dna-review-grid,#page-brand .dna-profile-grid{grid-template-columns:1fr}
  #page-brand .dna-profile-card.wide{grid-column:auto}
  #page-brand .dna-step{padding:18px 15px}.dna-step-no{display:none}
  #page-brand .dna-progress-card{top:66px}
  #page-brand .dna-diff-fields{grid-template-columns:1fr}
  #page-brand .dna-profile-hero{grid-template-columns:1fr}
  #page-brand .dna-profile-actions{grid-template-columns:1fr 1fr}
  #page-brand .dna-map{min-height:auto;display:grid;grid-template-columns:1fr;gap:8px;place-items:stretch}
  #page-brand .dna-map-lines{display:none}
  #page-brand .dna-map-core{width:auto;height:auto;min-height:88px;border-radius:22px;margin-bottom:4px}
  #page-brand .dna-map-node{position:static!important;width:auto;min-height:64px;transform:none!important;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}
  #page-brand .dna-map-node span{grid-row:1/3;font-size:10px}.dna-map-node b,.dna-map-node small{grid-column:2}
  #page-brand .dna-linked-grid{grid-template-columns:1fr 1fr}
  #page-brand .dna-builder-nav{bottom:74px}
}
@media(max-width:380px){#page-brand .dna-page-head p{font-size:12px}#page-brand .dna-linked-grid{grid-template-columns:1fr}#page-brand .dna-profile-actions{grid-template-columns:1fr}}