:root{--font-heading: "IBM Plex Sans", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--color-primary: #225fed;--color-secondary: #15233d;--color-accent: #4f86ff;--color-bg: #f3f7fc;--color-surface: #ffffff;--color-surface-soft: #f7fbff;--color-header-bg: rgba(248, 251, 255, .92);--color-header-border: rgba(34, 95, 237, .14);--color-text: #111827;--color-text-muted: #5b6473;--color-border: #d7dfec;--color-hero-line: rgba(255, 255, 255, .16);--shadow-panel: 0 20px 52px rgba(26, 53, 105, .12)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:var(--font-body);color:var(--color-text);background:radial-gradient(circle at top left,rgba(34,95,237,.12),transparent 26%),linear-gradient(180deg,#2a3b5d 0,#1e2d49 24rem,var(--color-bg) 24rem,#f8fbff 100%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}#root{min-height:100vh}.site-shell{position:relative}.site-shell:before{content:"";position:absolute;inset:0 0 auto;height:34rem;background:linear-gradient(90deg,transparent 0,var(--color-hero-line) 50%,transparent 100%),linear-gradient(180deg,#225fed4d 0,#225fed00);background-repeat:no-repeat;background-size:100% 1px,100% 100%;pointer-events:none}.site-header,.main-shell,.site-footer{width:min(1200px,calc(100% - 2rem));margin:0 auto}.site-header{position:sticky;top:1rem;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem 1.25rem;background:var(--color-header-bg);border:1px solid var(--color-header-border);border-radius:1.25rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 40px #12254829}.brand-block{display:flex;align-items:center;gap:.9rem}.brand-link{display:inline-flex;align-items:center;padding:.35rem .55rem;border-radius:1rem;background:#ffffffb8;border:1px solid rgba(34,95,237,.08)}.brand-logo{display:block;width:clamp(11rem,18vw,14rem);height:auto;color:var(--color-text)}.eyebrow,.mono-note,.nav-link,.text-link,.metric-value{font-family:var(--font-mono)}.site-nav{display:flex;flex-wrap:wrap;gap:.65rem}.account-summary{display:flex;flex:1 1 100%;justify-content:flex-end;align-items:center;gap:.5rem;flex-wrap:wrap}.user-nav{display:flex;align-items:center;gap:.25rem}.sign-out-link{color:#9f1239!important}.sign-out-link:hover{background:#fff1f2!important;color:#9f1239!important}.nav-link{padding:.7rem .95rem;border-radius:999px;color:var(--color-text-muted);font-size:.8rem}.nav-link:hover,.nav-link.is-active{color:var(--color-text);background:#225fed1a}.main-shell{padding:4rem 0 5rem}.hero,.page-hero,.section-block,.report-shell,.form-panel{animation:fade-up .7s ease both}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;min-height:34rem}.hero-copy,.section-intro,.panel,.metric-card,.support-card,.report-note{position:relative}.hero h1,.page-hero h1,.section-intro h2,.panel h2,.report-note h3,.support-card h3{margin:0;font-family:var(--font-heading);font-weight:700;letter-spacing:-.04em}.hero h1{color:#fff;font-size:clamp(3rem,5vw,5.6rem);line-height:.94;max-width:12ch}.hero-text,.page-hero p,.section-intro p,.panel p,.support-card p,.report-note p,.site-footer p,.ticket-form label,.feature-list,.metric-card p{line-height:1.7}.hero-text{max-width:60ch;color:#ffffffc7;font-size:1.06rem}.eyebrow{margin:0 0 1rem;color:var(--color-accent);font-size:.79rem;letter-spacing:.14em;text-transform:uppercase}.hero-actions,.form-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.button-primary,.button-secondary,.button-danger{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.9rem 1.25rem;border-radius:999px;border:1px solid transparent;font-weight:600}.button-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:0 16px 30px #225fed40}.button-primary:hover,.button-secondary:hover,.button-danger:hover,.support-card:hover,.metric-card:hover,.panel:hover{transform:translateY(-2px)}.button-secondary{color:#fff;background:#ffffff14;border-color:#ffffff42;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.button-danger{color:#9f1239;background:#fff1f2;border-color:#fecdd3;box-shadow:none}.hero-visual{position:relative}.hero-visual img{min-height:28rem;object-fit:cover;border-radius:1.75rem;box-shadow:var(--shadow-panel)}.hero-badge{position:absolute;left:1.25rem;right:1.25rem;bottom:1.25rem;display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.15rem;border-radius:1rem;background:#f7fafff0;border:1px solid rgba(34,95,237,.1);color:var(--color-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.badge-dot{width:.75rem;height:.75rem;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 .35rem #4f86ff2e}.section-block,.report-shell{margin-top:4rem}.section-intro{max-width:56rem;margin-bottom:1.5rem}.section-intro h2,.page-hero h1,.panel h2{font-size:clamp(2rem,3vw,3.2rem);color:var(--color-text)}.page-hero{padding:2rem 0 1rem}.compact-hero .section-intro{margin-bottom:0}.panel,.metric-card,.support-card,.report-note,.form-panel,.report-frame{background:linear-gradient(180deg,rgba(255,255,255,.98),var(--color-surface-soft));border:1px solid var(--color-border);border-radius:1.5rem;box-shadow:var(--shadow-panel)}.split-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:1.5rem}.panel,.form-panel{padding:1.5rem}.metric-grid,.support-card-grid{display:grid;gap:1rem}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.support-card{padding:1.4rem}.metric-value{margin:0 0 .6rem;color:var(--color-primary);font-size:2rem}.support-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.text-link{display:inline-flex;margin-top:1rem;color:var(--color-primary);font-size:.86rem}.feature-list{padding-left:1.2rem;color:var(--color-text-muted)}.ticket-form{display:grid;gap:1.25rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ticket-form label{display:grid;gap:.55rem;color:var(--color-text);font-weight:500}.ticket-form input,.ticket-form select,.ticket-form textarea{width:100%;border:1px solid var(--color-border);border-radius:1rem;padding:.9rem 1rem;color:var(--color-text);background:#fbfdff}.ticket-form textarea{resize:vertical}.status-banner{margin:0;padding:.95rem 1rem;border-radius:1rem;color:#0d4b20;background:#e8f7ea}.status-banner-error{color:#8a1538;background:#fdecef}.mono-note{margin:0;color:var(--color-text-muted);font-size:.82rem}.contact-management-section{margin-top:4rem}.contact-management-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.5rem;align-items:start}.contact-list-panel,.contact-editor-panel{min-height:100%}.contact-list-header,.contact-record-header,.contact-actions-inline{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.contact-list-header h3,.contact-editor-panel h3{margin:0;font-family:var(--font-heading);font-size:1.4rem;letter-spacing:-.03em}.contact-list{display:grid;gap:.9rem;margin-top:1rem}.contact-record-button{display:grid;gap:.8rem;width:100%;padding:1rem 1.1rem;border:1px solid var(--color-border);border-radius:1rem;background:#fbfdff;color:var(--color-text);text-align:left;box-shadow:0 10px 24px #15233d0f}.contact-record-button:hover,.contact-record-button.is-selected{transform:translateY(-2px);border-color:#225fed52;box-shadow:0 16px 30px #225fed1f}.contact-record-name{font-weight:700;font-size:1rem}.contact-record-meta{display:flex;flex-wrap:wrap;gap:.6rem;color:var(--color-text-muted);font-size:.92rem}.contact-pill{display:inline-flex;align-items:center;padding:.3rem .6rem;border-radius:999px;background:#225fed1a;color:var(--color-primary);font-size:.76rem;font-weight:600}.contact-pill.is-current{background:#11182714;color:var(--color-secondary)}.contact-pill.is-inactive{background:#fef2f2;color:#b91c1c}.contact-editor-intro{margin-bottom:1rem}.contact-actions-inline{justify-content:flex-start;flex-wrap:wrap;margin-top:.5rem}.support-workspace-grid,.incident-collaboration-grid{display:grid;gap:1.5rem}.support-workspace-grid{grid-template-columns:.9fr 1.1fr;align-items:start}.incident-workspace{display:grid;gap:1.5rem}.incident-panel-header,.incident-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.incident-panel-intro{margin-bottom:1rem}.incident-list,.timeline-list{display:grid;gap:.9rem}.incident-card,.timeline-item{display:grid;gap:.65rem;width:100%;padding:1rem 1.1rem;border:1px solid var(--color-border);border-radius:1rem;background:#fbfdff;color:var(--color-text);text-align:left;box-shadow:0 10px 24px #15233d0f}.incident-card:hover,.incident-card.is-selected{transform:translateY(-2px);border-color:#225fed52;box-shadow:0 16px 30px #225fed1f}.incident-card-title,.timeline-title{margin:0;font-weight:700;font-size:1rem}.incident-card-meta{display:flex;flex-wrap:wrap;gap:.6rem;color:var(--color-text-muted);font-size:.92rem}.report-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:1.5rem;align-items:start}.report-frame{overflow:hidden;min-height:42rem}.report-frame iframe{display:block;width:100%;min-height:42rem;border:0}.report-note{padding:1.5rem}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:0 0 2rem;color:var(--color-text-muted)}.reveal{animation:fade-up .7s ease both}.reveal:nth-child(2){animation-delay:80ms}.reveal:nth-child(3){animation-delay:.16s}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}@media(max-width:960px){.hero,.split-panel,.report-layout,.contact-management-grid,.support-workspace-grid,.incident-collaboration-grid,.support-card-grid,.metric-grid,.form-grid{grid-template-columns:1fr}.site-header{position:static}.brand-block{flex-direction:column;align-items:flex-start}}