/* Graph Intelligence™ is a static, non-operational preview. */
.gi-panel { box-sizing:border-box; position:relative; grid-column:1/-1; width:100%; padding:30px; margin:0; border:1px solid #454741; border-radius:17px; color:#f0eee7; background:linear-gradient(120deg,#191c19,#101311); overflow:hidden; isolation:isolate; }
.onboarding > .gi-panel { margin-top:32px; margin-bottom:24px; }
.gi-panel *, .gi-panel *::before, .gi-panel *::after { box-sizing:border-box; }
.gi-panel .gi-header { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.gi-panel .gi-brand { display:flex; align-items:center; gap:13px; min-width:0; }
.gi-panel .gi-brand > img { width:48px; height:48px; flex:none; filter:saturate(.55); }
.gi-panel .gi-brand h2 { font:500 23px/1.25 Arial,sans-serif; letter-spacing:-.04em; margin:0; color:#e1e2da; }
.gi-panel .gi-brand sup { font-size:10px; line-height:0; vertical-align:super; margin-left:2px; color:#bdbfaf; }
.gi-panel .gi-powered { display:block; font:500 9px/1.5 Arial,sans-serif; letter-spacing:.2em; color:#bcb8a6; margin-top:5px; text-transform:uppercase; }
.gi-panel .gi-status { display:flex; align-items:center; gap:7px; flex:none; padding:8px 11px; border:1px solid #666655; border-radius:6px; color:#d6d3bd; background:#22261f; font:500 10px/1.2 Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.gi-panel .gi-status svg { width:13px; height:13px; }
.gi-panel .gi-body { display:grid; grid-template-columns:1.1fr 1fr; gap:25px; align-items:center; margin-top:28px; }
.gi-panel .gi-eyebrow { color:#a5b1a7; font:600 9px/1.5 Arial,sans-serif; letter-spacing:.17em; text-transform:uppercase; margin:0 0 14px; }
.gi-panel h3.gi-title { font:500 clamp(28px,3vw,39px)/1.08 Arial,sans-serif; letter-spacing:-.055em; max-width:430px; margin:0 0 18px; color:#f0eee7; }
.gi-panel .gi-copy > p:not(.gi-eyebrow) { margin:0; max-width:440px; font:400 13px/1.8 Arial,sans-serif; color:#b4bdb2; }
.gi-panel .gi-map { position:relative; border:1px dashed #454f43; border-radius:12px; background:radial-gradient(ellipse at 50% 50%,#3d493827,transparent 67%),#0b100d; overflow:hidden; }
.gi-panel .gi-map svg { display:block; width:100%; height:auto; opacity:.76; }
.gi-panel .gi-map-caption { border-top:1px solid #29362b; color:#a4afa0; font:400 9px/1.5 Arial,sans-serif; text-align:center; padding:10px; margin:0; }
.gi-panel .gi-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-top:27px; border-top:1px solid #394139; border-bottom:1px solid #394139; }
.gi-panel .gi-feature { padding:18px 15px; border-right:1px solid #394139; }
.gi-panel .gi-feature:first-child { padding-left:0; }.gi-panel .gi-feature:last-child { border:0; padding-right:0; }
.gi-panel .gi-feature span { color:#9caa9a; font:500 9px/1.4 Arial,sans-serif; letter-spacing:.1em; }
.gi-panel .gi-feature h4 { margin:7px 0 5px; color:#d3dbce; font:500 12px/1.5 Arial,sans-serif; }
.gi-panel .gi-feature p { margin:0; font:400 10px/1.7 Arial,sans-serif; color:#a8b2a3; }
.gi-panel .gi-bottom { display:flex; justify-content:space-between; align-items:center; gap:22px; margin-top:21px; }
.gi-panel .gi-disabled { display:flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:12px 17px; flex:none; border:1px solid #545e4f; border-radius:8px; color:#bcc5b4; background:repeating-linear-gradient(-45deg,#242c21,#242c21 5px,#222a20 5px,#222a20 10px); font:600 11px/1.5 Arial,sans-serif; cursor:not-allowed; box-shadow:none; opacity:1; }
.gi-panel .gi-disabled svg { width:14px; height:14px; }
.gi-panel .gi-disclosure { color:#a4b19f; font:400 10px/1.8 Arial,sans-serif; max-width:390px; margin:0; }
.gi-panel .gi-feedback { margin-top:26px; padding:23px; border:1px solid #655c42; border-radius:12px; background:linear-gradient(110deg,#20251b,#181c15); }
.gi-panel .gi-feedback-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.gi-panel .gi-feedback h3 { font:500 19px/1.3 Arial,sans-serif; color:#f4e3b8; margin:0 0 7px; letter-spacing:-.035em; }
.gi-panel .gi-feedback-heading p { font:400 11px/1.7 Arial,sans-serif; color:#bdc4b1; margin:0; max-width:460px; }
.gi-panel :is(.gi-interest,.gi-feedback-save,.gi-feedback-retry) { min-height:44px; border-radius:7px; padding:11px 17px; font:600 11px/1.5 Arial,sans-serif; cursor:pointer; border:1px solid #d9b45d; background:#e7c473; color:#191b12; flex:none; }
.gi-panel .gi-interest[aria-pressed=true] { background:#293829; border-color:#93ac81; color:#d2e5bd; }
.gi-panel .gi-feedback-retry { background:transparent; border-color:#82866c; color:#d3d9c5; }
.gi-panel .gi-feedback button:disabled { background:#2c3225; color:#a7ad97; border-color:#596348; cursor:not-allowed; }
.gi-panel .gi-feedback-disclaimer { font:400 10px/1.7 Arial,sans-serif; margin:14px 0 22px; color:#bdc0ac; }
.gi-panel .gi-feedback label { display:block; color:#d6dccb; font:500 12px/1.6 Arial,sans-serif; margin-bottom:8px; }
.gi-panel .gi-feedback textarea { display:block; width:100%; min-height:102px; resize:vertical; background:#0e140f; border:1px solid #56634a; border-radius:7px; padding:12px; color:#e9efdf; font:400 12px/1.7 Arial,sans-serif; }
.gi-panel .gi-feedback textarea::placeholder { color:#949f87; }
.gi-panel .gi-feedback-meta { display:flex; gap:16px; justify-content:space-between; margin-top:8px; color:#aeb79e; font:400 10px/1.7 Arial,sans-serif; }
.gi-panel .gi-feedback-meta p { margin:0; max-width:500px; }.gi-panel .gi-feedback-meta span { white-space:nowrap; }
.gi-panel .gi-feedback-actions { display:flex; gap:14px; align-items:center; margin-top:17px; flex-wrap:wrap; }
.gi-panel .gi-feedback-actions p { margin:0; color:#d3c99d; font:400 11px/1.7 Arial,sans-serif; flex:1 1 180px; }
.gi-panel .gi-feedback :is(button,textarea):focus-visible { outline:2px solid #f0cf87; outline-offset:4px; }
@media(max-width:560px) { .gi-panel .gi-feedback { padding:18px 15px; }.gi-panel .gi-feedback-heading { flex-direction:column; align-items:stretch; gap:15px; }.gi-panel .gi-feedback-meta { flex-direction:column; gap:4px; }.gi-panel .gi-feedback-actions { align-items:stretch; }.gi-panel .gi-feedback-save { width:100%; } }
@media(max-width:720px) { .gi-panel { padding:23px; }.gi-panel .gi-body { grid-template-columns:1fr; gap:24px; }.gi-panel h3.gi-title { max-width:440px; font-size:34px; }.gi-panel .gi-copy > p:not(.gi-eyebrow) { max-width:100%; }.gi-panel .gi-map { max-width:100%; }.gi-panel .gi-map svg { max-height:260px; }.gi-panel .gi-bottom { flex-direction:column; align-items:start; gap:12px; }.gi-panel .gi-disclosure { max-width:none; }.gi-panel .gi-brand h2 { font-size:21px; } }
@media(max-width:460px) { .gi-panel { padding:20px 17px; }.gi-panel .gi-header { align-items:start; gap:15px; flex-direction:column; }.gi-panel .gi-brand > img { width:43px; height:43px; }.gi-panel .gi-status { margin-left:56px; }.gi-panel .gi-body { margin-top:25px; }.gi-panel .gi-features { grid-template-columns:1fr; }.gi-panel .gi-feature { padding:14px 0; border-right:0; border-bottom:1px solid #394139; }.gi-panel .gi-feature h4 { margin-top:4px; }.gi-panel .gi-feature p { font-size:11px; }.gi-panel .gi-disabled { width:100%; }.gi-panel .gi-powered { font-size:8px; } }