/* Use Cases additive styles. Scoped to gvuc- to avoid changing other GrantVault AI pages. */
:root { --gvuc-navy:#061f38; --gvuc-blue:#0a365d; --gvuc-gold:#f1c268; --gvuc-orange:#ff8217; --gvuc-muted:#556579; --gvuc-border:#d9e4ed; }
.gvuc-skip { position:absolute; z-index:1000; top:-60px; left:14px; padding:12px 16px; background:#fff; color:#061f38; border-radius:8px; }
.gvuc-skip:focus { top:9px; }
.gvuc-brand-icon { display:grid; place-items:center; height:37px; width:37px; flex:none; color:#061f38; background:linear-gradient(140deg,#fff2cc,#efb84f); border-radius:12px; font-size:20px; font-weight:950; }
.gvuc-brand-text { display:flex; flex-direction:column; gap:4px; color:#fff; text-transform:none; white-space:nowrap; }
.gvuc-brand-byline { font-size:9px; color:#d2e5f4; text-transform:uppercase; letter-spacing:.10em; font-weight:650; }
.gvuc-header-cta { padding:12px 14px; font-size:13px; }
.gvuc-hero { color:#fff; background:radial-gradient(circle at 90% 0%,rgba(28,111,169,.25),transparent 40%), linear-gradient(132deg,#041a30,#082e50 66%,#0e3651); }
.gvuc-hero-grid { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); gap:60px; align-items:center; padding:84px 0 92px; }
.gvuc-eyebrow { color:#f3c66e; text-transform:uppercase; letter-spacing:.12em; font-size:12px; font-weight:900; margin:0 0 16px; }
.gvuc-eyebrow-dark { color:#22689b; }
.gvuc-hero h1 { color:#fff; max-width:740px; font-size:clamp(43px,5.8vw,68px); line-height:1.09; letter-spacing:-.057em; margin:0 0 24px; }
.gvuc-lead { max-width:660px; color:#e2edf5; font-size:clamp(17px,1.8vw,19px); line-height:1.7; }
.gvuc-small { color:#b0cce1; font-size:13px; font-weight:700; }
.gvuc-actions { display:flex; flex-wrap:wrap; gap:13px; align-items:center; margin-top:26px; }
.gvuc-button-outline { display:inline-flex; align-items:center; justify-content:center; padding:14px 20px; min-height:49px; text-decoration:none; color:#fff; border:1px solid rgba(255,255,255,.58); border-radius:10px; font-weight:850; text-align:center; }
.gvuc-button-outline:hover { background:rgba(255,255,255,.10); }
.gvuc-hero-panel { color:#fff; padding:26px; border-radius:24px; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.18); box-shadow:0 28px 75px rgba(0,0,0,.20); }
.gvuc-panel-heading { text-transform:uppercase; font-size:12px; font-weight:900; letter-spacing:.13em; color:#f3c66e; margin-bottom:16px; }
.gvuc-flow { padding:0; margin:0; list-style:none; }
.gvuc-flow li { display:grid; grid-template-columns:40px 1fr; gap:3px 13px; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.15); }
.gvuc-flow li > span { grid-row:1 / 3; align-self:center; display:grid; place-items:center; width:35px; height:35px; background:rgba(241,194,104,.15); border-radius:10px; font-weight:900; color:#f3c66e; }
.gvuc-flow strong { line-height:1.3; }
.gvuc-flow small { font-size:12px; color:#bcd2e2; }
.gvuc-panel-note { margin:16px 0 0; color:#c0d9e7; font-size:13px; }
.gvuc-overview { padding:84px 0 96px; background:#f6f9fc; }
.gvuc-overview h2 { font-size:clamp(34px,3.8vw,48px); letter-spacing:-.04em; line-height:1.15; max-width:840px; margin-bottom:18px; }
.gvuc-overview-lead { color:#53687b; font-size:17px; max-width:720px; }
.gvuc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:35px; }
.gvuc-preview { display:flex; flex-direction:column; min-width:0; background:#fff; border:1px solid var(--gvuc-border); border-radius:18px; padding:28px; box-shadow:0 16px 33px rgba(6,31,56,.055); }
.gvuc-preview-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.gvuc-number { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:#fdf0dc; color:#9a5615; font-weight:900; }
.gvuc-audience { color:#47657f; font-size:12px; font-weight:850; }
.gvuc-preview h3 { font-size:clamp(20px,2vw,24px); letter-spacing:-.025em; line-height:1.25; margin-bottom:12px; }
.gvuc-preview p { color:var(--gvuc-muted); font-size:15px; line-height:1.65; flex-grow:1; }
.gvuc-preview a { color:#075990; text-decoration:none; font-weight:900; margin-top:14px; }
.gvuc-preview a:hover, .gvuc-workflow-card a:hover { text-decoration:underline; }
.gvuc-detail-section { padding:94px 0; scroll-margin-top:100px; }
.gvuc-detail-alt { background:#edf5fb; }
.gvuc-detail-grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:70px; align-items:start; }
.gvuc-case-label { display:inline-flex; padding:9px 13px; color:#2b5777; background:#e6f1f9; border-radius:6px; font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; margin-bottom:20px; }
.gvuc-detail-intro h2 { font-size:clamp(30px,3.5vw,45px); line-height:1.19; letter-spacing:-.042em; }
.gvuc-detail-intro > p { color:#50647b; font-size:16px; line-height:1.73; }
.gvuc-problem strong { color:#092e50; }
.gvuc-goal { margin-top:30px; padding:24px; border-left:5px solid #e6a64e; background:#f4f8fc; border-radius:0 14px 14px 0; }
.gvuc-goal span, .gvuc-metric span { display:block; text-transform:uppercase; font-size:12px; font-weight:900; letter-spacing:.06em; color:#18557f; margin-bottom:7px; }
.gvuc-goal p,.gvuc-metric p { margin:0; line-height:1.55; color:#364e61; }
.gvuc-workflow-card { padding:34px; background:#fff; border:1px solid #dce6ef; border-radius:22px; box-shadow:0 20px 55px rgba(7,38,71,.08); }
.gvuc-workflow-card h3 { font-size:22px; letter-spacing:-.02em; margin-bottom:18px; }
.gvuc-steps { list-style:none; margin:0; padding:0; counter-reset:gvuc-step; }
.gvuc-steps li { position:relative; padding:3px 0 21px 54px; min-height:56px; counter-increment:gvuc-step; }
.gvuc-steps li + li { padding-top:3px; }
.gvuc-steps li:before { content:counter(gvuc-step,decimal-leading-zero); display:grid; place-items:center; position:absolute; top:0; left:0; width:38px; height:38px; background:#ecf4fa; color:#195984; font-size:12px; font-weight:900; border-radius:12px; }
.gvuc-steps strong { display:block; font-size:15px; line-height:1.45; color:#0e2f4d; }
.gvuc-steps span { display:block; font-size:14px; color:#5e7080; line-height:1.6; margin-top:4px; }
.gvuc-metric { background:#f5f8fb; border:1px solid #e1e9f1; border-radius:12px; padding:17px 19px; margin:7px 0 23px; }
.gvuc-workflow-card > a { color:#075990; font-weight:900; text-decoration:none; }
.gvuc-disclaimer { padding:65px 0; background:#eaf1f6; }
.gvuc-disclaimer-inner { display:grid; grid-template-columns:.8fr 1.2fr; gap:65px; align-items:center; }
.gvuc-disclaimer h2 { font-size:clamp(29px,3vw,38px); line-height:1.19; }
.gvuc-disclaimer p:last-child { color:#485d70; line-height:1.8; }
.gvuc-final-cta { background:linear-gradient(135deg,#041e36,#0a385b); color:#fff; padding:83px 0; }
.gvuc-final-inner { max-width:850px; text-align:center; }
.gvuc-final-cta h2 { color:#fff; font-size:clamp(32px,4.4vw,52px); line-height:1.16; letter-spacing:-.04em; }
.gvuc-final-cta .gvuc-final-inner > p:not(.gvuc-eyebrow):not(.gvuc-trial-note) { color:#e0ebf4; font-size:17px; }
.gvuc-actions-center { justify-content:center; }
.gvuc-trial-note { color:#bfd0df; font-size:13px; margin-top:20px; }
.gvuc-footer-grid { grid-template-columns:2fr 1fr 1fr; }
.gvuc-footer-grid .footer-col { display:flex; flex-direction:column; align-items:flex-start; }
.gvuc-footer-grid .footer-col a { display:inline-block; }
@media (max-width:1120px) { .gvuc-header-cta { display:none; } .gvuc-hero-grid { gap:30px; } }
@media (max-width:900px) { .gvuc-hero-grid,.gvuc-detail-grid,.gvuc-disclaimer-inner { grid-template-columns:1fr; gap:36px; } .gvuc-grid { grid-template-columns:1fr; } .gvuc-preview { padding:25px; } .gvuc-detail-section { padding:68px 0; } .gvuc-overview { padding:68px 0; } .gvuc-footer-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:620px) { .gvuc-hero-grid { padding:60px 0 66px; } .gvuc-hero h1 { font-size:clamp(36px,10vw,48px); } .gvuc-button-outline, .gvuc-actions .btn { width:100%; justify-content:center; white-space:normal; } .gvuc-workflow-card { padding:22px; } .gvuc-detail-intro h2 { font-size:33px; } .gvuc-footer-grid { grid-template-columns:1fr; } .gvuc-hero-panel { padding:20px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
/* Additive landing-page preview; use only when Kiro has added the snippet to the CURRENT homepage. */
.gvuc-home-section { padding:79px 0 89px; background:#f6f9fc; }
.gvuc-home-section h2 { font-size:clamp(32px,4vw,44px); letter-spacing:-.04em; margin-bottom:14px; }
.gvuc-home-section .gvuc-grid { margin-top:28px; }
.gvuc-home-section .gvuc-preview a { margin-top:auto; padding-top:14px; }
.gvuc-home-end { display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap; margin-top:30px; }
.gvuc-home-end a { font-weight:900; }
.gvuc-home-end .btn { white-space:normal; text-align:center; }
@media (max-width:620px) { .gvuc-home-section { padding:64px 0 72px; } }