/* Skopentra premium system — shared public and private presentation. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 500;font-display:swap;src:url('/static/fonts/dm-sans-regular.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600 900;font-display:swap;src:url('/static/fonts/dm-sans-bold.ttf') format('truetype')}
:root{--sp-ink:#20243d;--sp-muted:#606980;--sp-accent:#6551b9;--sp-paper:#f5f6fb;--sp-surface:#fff;--sp-border:#dfe2ed;--sp-tint:#eeeafa;--sp-ease:cubic-bezier(.2,.8,.2,1)}
body,button,input,select,textarea{font-family:'DM Sans',ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#publicView,#appShell{color:var(--sp-ink)}
#publicView{--studio-paper:var(--sp-paper);--studio-night:#edf0fa;--studio-accent:var(--sp-accent);--lx-ink:var(--sp-ink);--lx-muted:var(--sp-muted);--lx-lime:#c8bbff;background:var(--sp-paper)}
#publicView .public-header{background:#ffffffdf;border-color:#ffffff;box-shadow:0 10px 38px #29386012,inset 0 1px #fff;border-radius:19px;backdrop-filter:blur(18px)}
#publicView .public-brand{font-weight:700;letter-spacing:-1.2px}
#publicView .public-hero{min-height:790px;background:radial-gradient(ellipse at 80% 42%,#c0b9e450,transparent 50%),linear-gradient(125deg,#f8f9fc,#e9edf8 63%,#e2e3f4);padding-bottom:100px}
#publicView .public-hero h1{font-size:clamp(54px,5.8vw,88px);line-height:1.05;font-weight:700;letter-spacing:-.065em}
#publicView :is(.public-hero h1 em,.public-section h2 em,.public-final-cta h2 em){font-family:inherit;font-style:normal;font-weight:500;letter-spacing:-.055em}
#publicView .public-hero h1 em{color:var(--sp-accent)}
#publicView .public-hero-copy>p{font-size:17px;color:#596178;line-height:1.8;max-width:470px}
#publicView .public-kicker{color:#584a8b;border-color:#d2c8ec;background:#ffffffb8;letter-spacing:.13em;font-size:10px}
#publicView .public-hero-grid{opacity:.15;background-size:82px 82px}
#publicView .public-preview-shell{height:394px;background:#fbfcff;border-color:#fff;box-shadow:0 32px 70px #4d3a7628,0 0 0 8px #ffffff75;transform:perspective(1400px) rotateX(var(--hero-tilt-x,4deg)) rotateY(var(--hero-tilt-y,-7deg));transition:transform 450ms var(--sp-ease)}
#publicView .public-preview-sidebar{background:#24273f;color:#bdc0db}
#publicView .public-preview-sidebar .active{background:#bfb1fa30;color:#e4ddff}
#publicView .public-preview-main{color:var(--sp-ink)}
#publicView .public-preview-heading small{color:#786893}
#publicView .public-preview-heading strong{font-weight:700;font-size:20px;letter-spacing:-.035em}
#publicView .public-preview-metrics>div{background:#fff;border-color:#e3e4ef;box-shadow:0 6px 14px #2d244c04}
#publicView .public-preview-metrics strong{color:#4f438a;font-weight:700}
#publicView .public-preview-metrics :is(span,small){color:#646b80}
#publicView .public-preview-list{border-color:#e3e4ef}
#publicView .public-preview-list i,#publicView .public-floating-icon{background:#ede8fa;color:#6551a3}
#publicView .public-preview-list em{color:#6551a3}
#publicView .hero-stage-caption{color:#666780;font-size:8px}
#publicView .public-floating-card{right:-12px;bottom:0;background:#fff;border:1px solid #e3ddf2;border-radius:17px;box-shadow:0 24px 50px #4c3a7420;transform:rotate(3deg)}
#publicView .hero-context-card{left:-22px;bottom:-56px;background:#282840;color:#f9f7ff;border-color:#585071;box-shadow:0 18px 46px #3b2c5e24;transform:rotate(-3deg)}
#publicView .hero-context-card :is(small,div>span,.context-mark){color:#d0c4ee}
#publicView .public-section{padding-block:100px}
#publicView .public-section h2{font-weight:700;font-size:clamp(38px,4.1vw,62px)}
#publicView .public-section-label{font-weight:700;color:#70618e}
#publicView :is(.public-platform,.public-vision,.public-pricing){background:var(--sp-paper)}
#publicView .public-workflow{background:linear-gradient(120deg,#edeafa,#e7edf7);border-block:1px solid #e1dced}
#publicView .public-workflow .public-section-label{color:#70618e}
#publicView .public-value-strip{background:#fff;border-block:1px solid #e1e3ef;color:#655879}
#publicView :is(.public-feature-card,.pricing-card,.vision-card){background:#fff;border:1px solid #e0e2ed;border-radius:20px;box-shadow:0 6px 10px #28325703,0 18px 44px #28325706}
#publicView .public-feature-card{padding:31px;min-height:300px}
#publicView .public-feature-card::after{opacity:.6}
#publicView .public-feature-card h3{font-size:22px;line-height:1.3;font-weight:700}
#publicView .public-feature-card p{color:var(--sp-muted);line-height:1.8;font-size:14px}
#publicView .public-feature-symbol{box-shadow:inset 0 1px #fff,0 7px 12px #5845810b}
#publicView .pricing-card-premium{background:linear-gradient(150deg,#35304d,#25263c);color:#f4f0ff;border-color:#51455e}
#publicView .pricing-card-premium :is(p,li,.pricing-eyebrow,.pricing-amount span,.plan-details){color:#d6cde8}
#publicView .pricing-card-premium h3,#publicView .pricing-card-premium .pricing-amount strong{color:#fff}
#publicView .public-final-cta{background:radial-gradient(ellipse at 75% 30%,#42395d,transparent 60%),#25263c;color:#fff}
#publicView .public-final-cta h2 em{color:#cbbbfa}
#publicView .public-footer{background:#1e2134}
#publicView .public-flow-story{background:#f8f9fd;border-bottom:1px solid #e3e3ef}
#publicView .flow-story-stage{border-radius:24px;border-color:#dedfed;background:linear-gradient(145deg,#fff,#f1effa);box-shadow:0 24px 60px #4736640c;transform:perspective(1200px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transition:transform 500ms var(--sp-ease)}
#publicView .flow-story-panel{background:radial-gradient(ellipse at 100% 0,#42375d,transparent 70%),#282940;border-color:#454059;box-shadow:0 10px 30px #211c3d12}
#publicView .flow-story-copy h2{font-weight:700}
#publicView .public-coverage{background:#fff;border-block:1px solid #e5e6ef}
.coverage-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:end;margin-bottom:35px}.coverage-intro>div>p{color:var(--sp-muted);line-height:1.8;max-width:650px;font-size:15px}.coverage-intro>p{color:var(--sp-muted);line-height:1.8;margin:0;font-size:13px;padding:22px;border:1px solid var(--sp-border);border-radius:16px;background:var(--sp-paper)}
.coverage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.coverage-card{border:1px solid var(--sp-border);border-radius:18px;background:#fafbff;padding:24px;min-width:0;box-shadow:0 7px 20px #282e4a03}.coverage-region{color:#76638f;font-size:10px;letter-spacing:.12em;font-weight:700;text-transform:uppercase}.coverage-card h3{font-size:17px;line-height:1.4;letter-spacing:-.025em;margin:12px 0;min-height:48px}.coverage-state{display:inline-block;color:#42624e;background:#e9f3eb;border:1px solid #d4e5d8;border-radius:50px;padding:6px 9px;font-size:10px;font-weight:700}.coverage-card[data-state="partial"] .coverage-state,.coverage-card[data-state="integration"] .coverage-state{color:#765e33;background:#fbf1df;border-color:#eddcbc}.coverage-card[data-state="local"] .coverage-state{color:#615184;background:#eee8fa;border-color:#dfd5f2}.coverage-card p{color:var(--sp-muted);font-size:12px;line-height:1.8;margin:16px 0 0}.coverage-note{font-size:12px;color:var(--sp-muted);line-height:1.8;margin-top:28px}
#appShell{background:var(--sp-paper)}
#appShell .rail{background:linear-gradient(155deg,#2c2942,#202438 75%);border-color:#3b3b52;padding-inline:15px}
#appShell .brand{font-weight:700;font-size:25px;letter-spacing:-1.2px}
#appShell .rail-label{color:#b4adc9;font-size:9px}
#appShell .rail-link{font-weight:500;min-height:54px;border-radius:13px;color:#cac7dc;margin-block:4px}
#appShell .rail-link.selected{color:#f7f4ff;background:linear-gradient(100deg,#8e74cb32,#8e74cb10);border-color:#a391c534;box-shadow:inset 2px 0 #c4aeea,0 9px 25px #15152515}
#appShell .rail-link.selected .nav-text{color:inherit}
#appShell .rail-link.selected .nav-icon{background:#d4c2f4;color:#4b3a7c;box-shadow:0 4px 15px #16152d20}
#appShell .rail-bottom{color:#b3afc3}
#appShell .topbar{background:#ffffffdc;backdrop-filter:blur(16px);border-bottom:1px solid var(--sp-border);box-shadow:0 4px 20px #2c305203}
#appShell .workspace-view{max-width:1480px;padding:38px clamp(22px,3vw,48px) 85px;background:radial-gradient(ellipse at 100% 0,#e5deef35,transparent 30%)}
#appShell .page-heading{margin-bottom:25px;padding-bottom:21px;border-color:#e1e2ed}
#appShell .page-heading h1{font-weight:700;letter-spacing:-.04em;font-size:clamp(30px,3vw,42px);color:var(--sp-ink)}
#appShell .page-heading p{color:var(--sp-muted);font-size:14px}
#appShell .tier-pill{font-size:10px;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#eee4fa,#e7e6f6);border:1px solid #dcd1ee;color:#664d86;box-shadow:inset 0 1px #fff}
#appShell .eyebrow{font-size:9px;color:#78608f;letter-spacing:.15em}
#appShell .hero-banner{background:radial-gradient(ellipse at 100% 0,#504164,transparent 65%),linear-gradient(120deg,#2b2c43,#25283e);padding:30px 34px;min-height:222px;border-radius:21px;border:1px solid #48445c;box-shadow:0 20px 40px #34304712;transform-style:preserve-3d}
#appShell .hero-banner h2{font-size:clamp(30px,3.2vw,43px);font-weight:500;letter-spacing:-.045em;line-height:1.12;margin:13px 0}
#appShell .hero-banner p{font-size:13px;line-height:1.7;color:#d3cddd;max-width:470px}
#appShell .hero-banner .eyebrow,#appShell .hero-review-link{color:#d9c8f0}
#appShell .hero-orbit{opacity:1;width:285px;height:170px;transform:perspective(800px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transition:transform 550ms var(--sp-ease)}
#appShell .orbit-a{border-color:#d4bff535;width:240px;height:240px;left:30px;top:-28px;transform:rotateX(48deg) rotateZ(-20deg)}
#appShell .orbit-b{width:190px;height:190px;left:55px;top:-3px;border-color:#d4bff533;transform:rotateX(48deg) rotateZ(20deg)}
#appShell .orbit-c{width:76px;height:76px;left:112px;top:38px;transform:rotate(-8deg);background:linear-gradient(140deg,#e2d3f9,#baa5df);border:1px solid #eee4fc;color:#504068;font-size:46px;box-shadow:0 16px 24px #14132330,inset 0 1px #fff;z-index:2}
.workspace-depth-card{position:absolute;display:grid;gap:7px;width:115px;padding:13px 14px;background:#ffffffec;border:1px solid #fff;border-radius:12px;box-shadow:0 16px 34px #18152528;color:#645376;z-index:3;font-size:10px;font-weight:700;letter-spacing:.04em;transform:rotate(6deg)}.workspace-depth-card i{display:block;height:4px;border-radius:3px;background:#dcd4eb;width:90%;font-style:normal}.workspace-depth-card i:last-child{width:62%;background:#eae5f2}.workspace-depth-card.depth-discover{left:17px;top:0;transform:rotate(-8deg)}.workspace-depth-card.depth-review{right:-1px;bottom:-7px}
#appShell .metric-band-label p{color:var(--sp-muted);font-size:12px;line-height:1.7}
#appShell .stats{gap:14px;margin-top:23px}
#appShell .stats button[data-metric-view]{padding:22px;border-color:var(--sp-border);border-radius:17px;background:#fff;min-height:152px;box-shadow:0 4px 7px #35305103,0 12px 24px #35305105}
#appShell .stats button[data-metric-view] span{color:#5d647b;font-size:12px;font-weight:500}
#appShell .stats button[data-metric-view] strong{font-size:39px;font-weight:700;color:#34324e;margin:10px 0}
#appShell .stats button[data-metric-view] small{color:#646a80;font-size:10px;line-height:1.7}
#appShell .stats button[data-metric-view][aria-pressed="true"]{border-color:#ab96cc;background:#f3effa;box-shadow:inset 0 0 0 1px #ab96cc30}
#appShell .review-monitor{border-radius:19px;border:1px solid var(--sp-border);padding:23px 25px 17px;background:linear-gradient(115deg,#f7f4fc,#fff 65%);box-shadow:0 12px 30px #3a315306}
#appShell .review-monitor h3{font-weight:700;font-size:18px}
#appShell .review-chip{border-color:#e3e3ed;border-radius:13px;padding:14px 15px}
#appShell .review-chip strong{font-size:24px;font-weight:700;color:#3d3658}
#appShell .review-chip span{font-size:11px;color:#676780;line-height:1.5}
#appShell .review-monitor-details summary{font-size:12px;padding-block:6px;min-height:32px;color:#606278}
#appShell .section-title h2{font-weight:700;font-size:25px;color:var(--sp-ink)}
#appShell :is(.table-wrap,.government-discoveries,.team-section){border:1px solid var(--sp-border);border-radius:19px;background:#fff;box-shadow:0 12px 32px #31365104}
#appShell .table-wrap th{font-size:9px;font-weight:700;background:#f6f7fb;color:#717187;letter-spacing:.1em;padding:18px}
#appShell .table-wrap td{padding:20px 18px;font-size:12px;color:#62667d}
#appShell .buyer{color:var(--sp-ink);font-size:13px;font-weight:700}.opportunity-title{line-height:1.6}
#appShell .government-discoveries{padding:28px;margin-top:34px}
#appShell .government-grid{gap:17px}
#appShell .government-card{border:1px solid #e1e2ed;border-radius:17px;background:linear-gradient(145deg,#fff,#fafafe);padding:23px;box-shadow:0 4px 12px #2f315003;overflow-wrap:anywhere}
#appShell .government-card h3{font-weight:700;font-size:17px;letter-spacing:-.025em;line-height:1.45}
#appShell .government-card p{line-height:1.8;color:#62667c;font-size:12px}
#appShell :is(.review-button,.draft-button,.opportunity-actions button){min-height:40px;border-color:#d5c9e6;border-radius:10px;font-weight:700;color:#654a8c;background:#f5f0fb;box-shadow:inset 0 1px #fff;transition:transform 200ms var(--sp-ease),background 200ms ease,box-shadow 200ms ease}
#appShell :is(.review-button,.draft-button,.opportunity-actions button):not(:disabled):hover{background:#eae1f5;transform:translateY(-2px);box-shadow:0 6px 12px #66518110}
#appShell :is(input,select,textarea){border-color:#cfd3e2;border-radius:10px;background:#fff;color:var(--sp-ink);font-size:13px;min-height:44px}
#appShell :is(input,select,textarea):focus{border-color:#9980bd;box-shadow:0 0 0 3px #9b83c51b}
#appShell :is(button,input,select,textarea,a,summary):focus-visible{outline:3px solid #8b72b4;outline-offset:3px}
#appShell :is(button):disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none}
#appShell .filters{gap:8px}
#appShell .government-tabs{gap:8px}
#appShell .government-tabs button{border-radius:9px;min-height:39px;font-size:11px}
#appShell .government-tabs button[aria-pressed="true"]{background:#6a538e;color:#fff;border-color:#6a538e}
#appShell .auth-view{background:radial-gradient(ellipse at 5% 30%,#e3d8f147,transparent 55%),var(--sp-paper)}
#appShell .auth-intro h1{font-weight:700;letter-spacing:-.065em}
#appShell .auth-intro em{color:#755397}
#appShell .auth-card{border-color:var(--sp-border);border-radius:22px;box-shadow:0 25px 60px #39314d0b;padding:34px}
#appShell .auth-card h2{font-weight:700;color:var(--sp-ink)}
#appShell .auth-proof span{color:#746286;border-color:#d8cfe3;background:#ffffff80}
#appShell .primary-button,#appShell .send-button{background:#6a538e;border-radius:11px;box-shadow:0 6px 18px #6a538e17}
#appShell .primary-button:hover,#appShell .send-button:hover{background:#574174}
#appShell .review-dialog{border:1px solid #ded8e8;border-radius:22px;box-shadow:0 35px 100px #25213b33;color:var(--sp-ink)}
#appShell .review-dialog::backdrop{background:#25213b55;backdrop-filter:blur(7px)}
#appShell .review-facts{background:#f6f5fb;border-color:#e2ddeb;border-radius:13px;padding:18px}
#aiProposalStudio{border-color:var(--sp-border)!important;padding:30px!important}
#aiProposalStudio>h2{font-size:28px;font-weight:700;letter-spacing:-.035em}
#aiProposalStudio .studio-evidence-panel{background:linear-gradient(140deg,#f5f1fa,#f5f6fb);border-color:#e0d7ec;border-radius:16px;padding:22px}
#aiProposalStudio .studio-workspace{gap:25px;grid-template-columns:minmax(230px,.85fr) minmax(0,1.75fr)}
#aiProposalStudio #studioDraft{padding:26px!important;font-size:14px!important;line-height:1.9!important;min-height:450px;border:1px solid #d8d9e6!important;border-radius:14px!important;box-shadow:0 9px 30px #32314805;background:#fff}
#aiProposalStudio :is(.studio-template-details,.studio-company-library){background:#fafaff;border-color:#e0dcea;border-radius:14px;padding:20px}
#aiProposalStudio .studio-review-check{background:#f8f5fc;border:1px solid #e3dced;border-radius:12px;padding:16px;font-size:12px}
#aiProposalStudio .studio-actions button{font-size:12px!important}
#aiProposalStudio .studio-template-card{border-radius:14px!important;background:#f9f8fd!important}
@media(prefers-reduced-motion:no-preference){
 #publicView.motion-enhanced .hero-stage-orbit{animation:none;transform:rotate(-15deg)}
 #publicView.motion-enhanced .hero-context-card{animation:premium-float 4.5s var(--sp-ease) 2 alternate}
 #publicView.motion-enhanced .public-floating-card{animation:premium-float 4.5s .45s var(--sp-ease) 2 alternate-reverse}
 @keyframes premium-float{from{translate:0 8px}to{translate:0 -9px}}
 #publicView.motion-enhanced .public-preview-shell{animation:premium-arrive 900ms 150ms var(--sp-ease) both}
 @keyframes premium-arrive{from{opacity:0;translate:0 32px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
 #appShell .workspace-enter{animation:premium-workspace-enter 620ms var(--sp-ease) both;animation-delay:var(--reveal-delay,0ms)}
 @keyframes premium-workspace-enter{from{opacity:.35;translate:0 20px}to{opacity:1;translate:0 0}}
 #appShell .hero-banner.workspace-enter .workspace-depth-card{animation:premium-depth-arrive 1s 200ms var(--sp-ease) both}
 @keyframes premium-depth-arrive{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
 #publicView :is(.public-feature-card,.coverage-card,.pricing-card){transition:transform 280ms var(--sp-ease),box-shadow 280ms ease,border-color 280ms ease}
 #publicView :is(.public-feature-card,.coverage-card,.pricing-card):hover{transform:translateY(-5px);box-shadow:0 18px 38px #43355712;border-color:#b8a3cf}
}
@media(max-width:1100px){#publicView .public-hero{min-height:740px}#appShell .hero-orbit{width:235px}.coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){#aiProposalStudio .studio-workspace{grid-template-columns:1fr}#appShell .rail{padding-inline:11px}.coverage-intro{grid-template-columns:1fr}.coverage-intro>p{max-width:650px}#publicView .public-hero{gap:72px;padding-bottom:110px}#appShell .hero-banner p{max-width:380px}}
@media(max-width:700px){#publicView .public-hero{padding-top:170px;padding-inline:24px;gap:66px}#publicView .public-hero h1{font-size:clamp(39px,11vw,70px)}#publicView .public-hero-copy>p{font-size:15px}#publicView .public-preview-shell{height:315px;transform:none}#publicView .public-preview-heading strong{font-size:14px}#publicView .hero-context-card{left:0;bottom:-43px}#publicView .public-floating-card{right:0;bottom:5px}#publicView .public-section{padding:76px 24px}#publicView .public-value-group{font-size:8px;letter-spacing:.12em;gap:18px}#publicView .public-value-group .public-strip-separator{display:none}.coverage-grid{grid-template-columns:1fr}.coverage-card h3{min-height:0}#appShell .workspace-view{padding:25px 17px 65px}#appShell .hero-banner{padding:25px;min-height:214px}#appShell .hero-banner h2{font-size:33px}#appShell .hero-banner p{font-size:12px}#appShell .government-discoveries{padding:20px 16px}#appShell .stats button[data-metric-view]{padding:17px;min-height:148px}#appShell .stats button[data-metric-view] strong{font-size:34px}#appShell .review-monitor{padding:20px 17px 14px}#appShell .review-state{font-size:10px}#appShell .auth-card{padding:27px}#aiProposalStudio{padding:20px 16px!important}#aiProposalStudio #studioDraft{padding:18px!important}#appShell .top-actions{gap:10px}#appShell .text-button{font-size:11px}.coverage-intro{gap:20px}#publicView .flow-story-stage{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#publicView *,#publicView *::before,#publicView *::after,#appShell *,#appShell *::before,#appShell *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#publicView :is(.public-preview-shell,.flow-story-stage),#appShell .hero-orbit{transform:none!important;translate:none!important}}
/* Explicit foregrounds on the pale hero: do not inherit historical dark-theme ink. */
#publicView .public-hero{color:#20243d}
#publicView .public-hero .public-hero-copy h1{color:#20243d}
#publicView .public-hero .public-hero-copy h1 em{color:#6551b9}
#publicView .public-hero .public-kicker{color:#584a8b}
#publicView.public-site .public-hero .public-hero-copy>p{color:#596178}
#publicView .public-hero :is(.public-hero-note,.hero-assurances,.hero-stage-caption,.hero-stage-caption span:last-child){color:#606078}
#publicView .public-hero :is(.public-text-link,.public-text-link span){color:#403450;border-bottom-color:#9f90b2}
#publicView .public-hero .hero-assurances span::before{color:#6551b9}
#publicView .public-hero .public-preview-main{color:#20243d}
#publicView .public-hero .public-preview-heading strong{color:#20243d}
#publicView .public-hero .public-preview-heading small{color:#70618e}
#publicView .public-hero .public-preview-top{color:#64677e}
#publicView .public-hero .public-preview-heading>span{color:#666b80}
#publicView .public-hero .public-preview-list-head{color:#51556c}
#publicView .public-hero .public-preview-list b{color:#30354e}
#publicView .public-hero .public-preview-list small{color:#69718a}
#publicView .public-hero .public-floating-card{color:#292641}
#publicView .public-hero .public-floating-card small{color:#62667a}