:root{--panel:#0d0d0d;--panel-raised:#111;--soft-line:#343434}
body{background:#080808}.shell{width:min(1180px,calc(100% - 48px))}
.app-toolbar{height:64px;padding:0 12px 0 16px;border-color:#393939;border-radius:14px;background:rgba(10,10,10,.9)}
.app-brand{display:flex;align-items:center;gap:12px;min-width:max-content}.app-brand>span{font-size:18px;letter-spacing:-.055em}.app-brand>i{width:1px;height:20px;background:#343434}.app-brand>small{color:#7f7f7a;font:9px 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.toolbar-flow{display:flex;align-items:center;gap:10px;color:#74746f;font:9px 'DM Mono',monospace;letter-spacing:.05em;text-transform:uppercase}.toolbar-flow span:first-child{color:#ededE8}.toolbar-flow i{font-style:normal;color:#444}.app-toolbar-actions{display:flex;align-items:center;gap:5px}.toolbar-action{padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#aaa;font-size:11px;transition:background .2s,color .2s}.toolbar-action:hover{background:#1a1a1a;color:#fff}
.unified-hero{display:grid;grid-template-columns:minmax(0,.78fr) minmax(510px,1.22fr);gap:76px;align-items:center;max-width:none;padding:112px 0 76px}.app-intro{padding:16px 0 36px}.app-intro h1{max-width:570px;margin:20px 0 25px;font-size:clamp(47px,5.6vw,72px);line-height:1.01}.app-intro p{max-width:500px;margin:0;color:#a2a29d;font-size:15px;line-height:1.7}.app-intro .actions{margin-top:28px}
.app-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:42px;border:1px solid #303030;border-radius:10px;overflow:hidden;background:#303030}.app-proof div{min-width:0;padding:14px;background:#0b0b0b}.app-proof b{display:block;font-size:10px;font-weight:500}.app-proof span{display:block;margin-top:5px;color:#7f7f7b;font:8px/1.45 'DM Mono',monospace;text-transform:uppercase}
.unified-hero>.scanner{margin:0;padding:24px;border-color:#3b3b3b;border-radius:16px;background:linear-gradient(145deg,rgba(19,19,19,.96),rgba(8,8,8,.96));box-shadow:0 30px 100px #0009,0 0 0 1px #ffffff05}.unified-hero>.scan-results{grid-column:1/-1;margin-top:4px}.unified-hero .windowbar{padding-bottom:22px}.unified-hero .scan-panel{padding-top:26px}.unified-hero .scan-panel h2{font-size:24px}.unified-hero .scan-panel>p{max-width:600px;margin-top:7px;font-size:12px;line-height:1.65}.unified-hero .mode{display:none}.unified-hero .url-row{margin-top:24px;padding:6px;border:1px solid #373737;border-radius:10px;background:#080808}.unified-hero .url-row input{border:0;background:transparent;padding:12px 13px}.unified-hero .url-row input:focus{box-shadow:none}.unified-hero .url-row .button{border-radius:7px;padding:12px 16px}.unified-hero .live{margin:12px 6px 0}.unified-hero .preview{margin-top:24px;padding-top:20px}
.unified-context{padding:100px 0 58px;border-top:1px solid #2d2d2d}.context-head{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end;margin-bottom:40px}.context-head h2{max-width:650px;margin:12px 0 0;font-size:clamp(36px,4.7vw,58px);font-weight:500;line-height:1.02;letter-spacing:-.07em}.context-head p{margin:0;color:#969691;font-size:13px;line-height:1.7}
.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid #323232;border-radius:13px;overflow:hidden;background:#323232}.outcome-card{position:relative;min-height:238px;padding:22px;background:#0c0c0c;transition:background .25s,transform .3s cubic-bezier(.16,1,.3,1)}.outcome-card:hover{z-index:1;background:#141414;transform:translateY(-4px)}.outcome-card>span{color:#767671;font:9px 'DM Mono',monospace;letter-spacing:.08em}.outcome-card h3{margin:55px 0 9px;font-size:16px;font-weight:500;letter-spacing:-.04em}.outcome-card p{margin:0;color:#90908b;font-size:11px;line-height:1.6}.outcome-card button{margin-top:17px;padding:0;border:0;background:transparent;color:#d2d2cc;font-size:10px;text-decoration:underline;text-underline-offset:4px}
.scope-ribbon{display:grid;grid-template-columns:220px 1fr auto;gap:24px;align-items:center;margin-top:18px;padding:18px 20px;border:1px solid #303030;border-radius:11px;background:rgba(12,12,12,.75)}.scope-ribbon b{font-size:12px;font-weight:500}.scope-list{display:flex;gap:7px;flex-wrap:wrap}.scope-list span{padding:5px 7px;border:1px solid #323232;border-radius:999px;color:#92928d;font:8px 'DM Mono',monospace;text-transform:uppercase}
.open-source-band{padding:42px 0 92px}.open-source-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:30px;border:1px solid #333;border-radius:13px;background:linear-gradient(110deg,#121212,#0a0a0a)}.open-source-inner h2{max-width:620px;margin:9px 0 0;font-size:26px;font-weight:500;letter-spacing:-.055em}.open-source-inner p{max-width:550px;margin:9px 0 0;color:#8f8f8a;font-size:12px}
.footer-closure{display:block!important;margin-top:0!important;padding:36px 0 26px!important;border-top:1px solid #343434!important;color:#aaa!important}.unified-footer-top{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:start}.unified-footer-brand{display:inline-flex;align-items:center;color:#eee;line-height:1}.unified-footer-brand .brand-wordmark{font-size:21px;font-weight:500;letter-spacing:-.035em}.unified-footer-top p{max-width:430px;margin:12px 0 0;color:#7f7f7a;font-size:11px;line-height:1.6}.unified-footer-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.unified-footer-links a,.unified-footer-links button{padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#a2a29d;font-size:11px}.unified-footer-links a:hover,.unified-footer-links button:hover{background:#171717;color:#fff}.unified-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:15px;border-top:1px solid #292929;color:#666;font:9px 'DM Mono',monospace}
@media(max-width:980px){.unified-hero{grid-template-columns:1fr;gap:34px;padding-top:82px}.app-intro{max-width:720px;padding-bottom:0}.app-intro h1{max-width:720px}.unified-hero>.scanner{width:100%}.toolbar-flow{display:none}.outcome-grid{grid-template-columns:1fr 1fr}.scope-ribbon{grid-template-columns:1fr}.scope-ribbon .button{justify-self:start}.context-head{grid-template-columns:1fr;gap:22px}}
@media(max-width:680px){.shell{width:min(100% - 28px,1180px)}.app-toolbar{height:58px;padding-left:13px}.app-brand i,.app-brand small,.toolbar-action{display:none}.unified-hero{padding:64px 0 54px;gap:26px}.app-intro h1{font-size:clamp(39px,11vw,54px)}.app-proof{grid-template-columns:1fr}.app-proof div{display:flex;align-items:center;justify-content:space-between;gap:18px}.app-proof span{margin:0;text-align:right}.unified-hero>.scanner{padding:17px;border-radius:13px}.unified-hero .url-row{display:block;padding:5px}.unified-hero .url-row .button{width:100%;justify-content:center;margin-top:4px}.context-head h2{font-size:38px}.outcome-grid{grid-template-columns:1fr}.outcome-card{min-height:185px}.outcome-card h3{margin-top:34px}.open-source-inner,.unified-footer-top,.unified-footer-bottom{display:grid;grid-template-columns:1fr}.open-source-inner{padding:24px}.unified-footer-links{justify-content:flex-start}.unified-footer-bottom{gap:8px}.scope-ribbon{padding:16px}.unified-context{padding-top:72px}}
@media(prefers-reduced-motion:reduce){.outcome-card{transition:none}}

/* Compact AMOLED product shell. */
:root{--ui-border:#1e1e1e;--ui-subtle:#141414;--ui-raised:#0f0f0f;--ui-hover:rgba(255,255,255,.05);--ui-blue:#3291ff}
body{background:#000}
.aurora{opacity:.2;filter:blur(58px);background:radial-gradient(ellipse 52% 34% at 50% 44%,rgba(255,255,255,.12),transparent 72%);animation:product-halo 8s ease-in-out infinite alternate}
.aurora span{display:none}
@keyframes product-halo{to{transform:translateY(5vh) scale(1.14);opacity:.11}}
.shell{width:min(1180px,calc(100% - 48px))}

.app-toolbar{position:fixed;top:16px;right:0;left:0;z-index:20;width:100%;height:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;pointer-events:none}
.nav-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:4px;margin:auto;padding:5px;background:rgba(10,10,10,.76);border:1px solid rgba(255,255,255,.09);border-radius:999px;box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 34px -12px #000;backdrop-filter:blur(20px) saturate(140%);transition:background .16s,border-color .16s,transform .22s cubic-bezier(.16,1,.3,1)}
.app-toolbar.scrolled .nav-pill{background:rgba(10,10,10,.94);border-color:rgba(255,255,255,.13);transform:translateY(-2px)}
.app-brand{margin-right:3px;padding:5px 14px 5px 11px;border-right:1px solid rgba(255,255,255,.09);color:#fff}
.app-brand .brand-wordmark{font-size:13px;font-weight:500;letter-spacing:-.025em;line-height:1}
.app-toolbar-actions{gap:2px}
.app-toolbar .toolbar-action{display:inline-flex;align-items:center;height:30px;padding:0 11px;border-radius:999px;color:rgba(255,255,255,.66);font-size:12px;transition:color .12s,background .12s}
.app-toolbar a.toolbar-action{text-decoration:none}
.app-toolbar .toolbar-action:hover{color:#fff;background:var(--ui-hover)}
.app-toolbar .toolbar-github{height:30px;margin-left:3px;padding:0 13px!important;border-radius:999px;background:#ededed!important;color:#000!important;font-size:12px;font-weight:500}
.app-toolbar .toolbar-github:hover{background:#fff!important;transform:none}.app-toolbar .toolbar-github svg{width:13px;height:13px}

.unified-hero{display:block;max-width:none;padding:120px 0 86px}
.app-intro{max-width:980px;margin:auto;padding:0;text-align:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 auto 29px;padding:4px 11px 4px 5px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-raised);color:#777;font:11px/1.3 Inter,Arial,sans-serif;text-transform:none}
.hero-eyebrow:before{display:none}
.hero-eyebrow span{padding:2px 7px;border-radius:999px;background:#1e1e1e;color:#eee;font:600 9px/1.4 'DM Mono',monospace;letter-spacing:.05em}
.hero-eyebrow b{font-weight:400}
.app-intro h1{max-width:none;margin:0 auto 24px;font-size:clamp(50px,6.5vw,82px);font-weight:600;line-height:1.01;letter-spacing:-.058em;text-wrap:balance}
.app-intro .text-line{overflow:visible;white-space:nowrap}
.app-intro p{max-width:650px;margin:0 auto;color:#858585;font-size:clamp(15px,1.55vw,18px);line-height:1.55;text-wrap:pretty}
.app-intro .actions{justify-content:center;margin-top:34px}
.app-intro .button{height:38px;padding:0 16px;border-radius:7px;font-size:13px}
.app-proof{display:flex;justify-content:center;gap:13px;margin:27px 0 0;border:0;background:transparent}
.app-proof div{display:flex;align-items:center;gap:7px;padding:0;background:transparent}
.app-proof div+div:before{content:'·';margin-right:6px;color:#333}
.app-proof b,.app-proof span{display:inline;margin:0;color:#3e3e3e;font:10px/1.4 'DM Mono',monospace;text-transform:none;letter-spacing:0}
.app-proof b{color:#5d5d5d;font-weight:400}

.unified-hero>.scanner{position:relative;width:100%;margin:44px auto 0;padding:0;border:1px solid var(--ui-border);border-radius:12px;background:#000;box-shadow:inset 0 1px rgba(255,255,255,.035),0 34px 90px -28px #000;overflow:hidden;scroll-margin-top:84px}
.unified-hero>.scanner:before{content:'';position:absolute;z-index:-1;right:12%;bottom:-35px;left:12%;height:90px;background:rgba(255,255,255,.08);filter:blur(48px)}
.unified-hero .windowbar{height:40px;padding:0 13px;border-bottom:1px solid var(--ui-border);background:#080808}
.window-project{display:flex;align-items:center;gap:14px;color:#777;font:10px 'DM Mono',monospace}
.dots{gap:6px}.dots i{width:9px;height:9px;background:#262626}.dots i:first-child{background:#3a3a3a}
.workspace-tabs{display:flex;align-items:stretch;align-self:stretch;gap:3px}
.workspace-tabs span{display:flex;align-items:center;padding:0 11px;border-bottom:2px solid transparent;color:#555;font-size:10px}
.workspace-tabs .active{border-bottom-color:#ededed;background:#111;color:#ddd}
.unified-hero .chip{display:flex;align-items:center;gap:6px;color:#5f5f5f}.unified-hero .chip i,.preview-status i{width:5px;height:5px;border-radius:50%;background:#666}
.unified-hero .scan-panel{padding:30px 34px 0}
.scan-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.panel-label{display:block;margin-bottom:7px;color:#4d4d4d;font:600 9px 'DM Mono',monospace;letter-spacing:.08em}
.unified-hero .scan-panel h2{font-size:25px;font-weight:600;letter-spacing:-.045em}
.scan-scope{padding:5px 8px;border:1px solid var(--ui-border);border-radius:4px;color:#626262;font:9px 'DM Mono',monospace;white-space:nowrap}
.unified-hero .scan-panel>p{max-width:620px;margin:8px 0 25px;color:#777;font-size:12px}
.unified-hero .url-row{margin:0;padding:5px;border:1px solid #242424;border-radius:8px;background:#070707;transition:border-color .14s,box-shadow .14s}
.unified-hero .url-row:focus-within{border-color:var(--ui-blue);box-shadow:0 0 0 1px rgba(50,145,255,.22)}
.unified-hero .url-row input{height:42px;border:0;background:transparent;padding:0 13px;font-size:13px}
.unified-hero .url-row .button{height:42px;padding:0 18px;border:0;border-radius:6px}
.unified-hero .live{margin:11px 6px 0;color:#555;font-size:9px}
.unified-hero .scan-steps{margin:18px 0 0}
.unified-hero .preview{margin:25px -34px 0;padding:10px 14px;border-top:1px solid var(--ui-border);background:#050505}
.unified-hero .preview .grade{width:24px;height:24px;border-color:#252525;border-radius:4px;color:#777;font-size:10px}
.unified-hero .preview strong{font-size:10px;font-weight:500}.unified-hero .preview small{font-size:8px}
.preview-status{display:flex;align-items:center;gap:6px;margin-left:auto;color:#555;font:9px 'DM Mono',monospace}.preview-status i{background:#72c68d}

.unified-hero>.scan-results{margin-top:18px;padding:0;border-color:var(--ui-border);border-radius:12px;background:#000;overflow:hidden;box-shadow:0 28px 80px -34px #000}
.scan-results .scan-result-head{padding:28px 30px;border-color:var(--ui-border);background:#050505}
.scan-results .scan-result-score{border-color:#2b2b2b;background:#000}
.scan-results .scan-result-metrics{margin:0;border:0;border-bottom:1px solid var(--ui-border);background:#080808}
.scan-results .scan-result-metric{padding:14px 20px;border-color:var(--ui-border)}
.scan-results>section,.scan-results>.scan-result-actions,.scan-results>p{margin-right:30px;margin-left:30px}
.scan-results>section{margin-top:30px}
.scan-results .scan-action-list{gap:6px}
.scan-results .scan-action{border-color:#232323;border-radius:6px;background:#080808}
.scan-results .scan-action-top{padding:15px 16px 13px}.scan-results .scan-action-body{padding:15px 16px;border-color:#1c1c1c;background:#050505}
.scan-results .scan-edit{border-color:#242424;border-radius:6px;background:#090909}
.scan-results .scan-default{border-color:#242424;border-radius:6px;background:#080808}
.scan-results .scan-result-actions{margin-top:28px;padding:20px 0 28px;border-color:var(--ui-border)}

.unified-context{padding:118px 0 66px;border-top:1px solid var(--ui-border)}
.context-head{align-items:center}.context-head .eyebrow{display:inline-flex;padding:4px 8px;border:1px solid var(--ui-border);border-radius:999px;background:#0b0b0b;color:#666;font-size:9px}
.context-head h2{max-width:720px;font-weight:600;letter-spacing:-.058em}
.context-head p{color:#7d7d7d}
.outcome-grid{border-color:var(--ui-border);border-radius:10px;background:var(--ui-border)}
.outcome-card{min-height:225px;background:#050505}.outcome-card:hover{background:#0d0d0d;transform:translateY(-2px)}
.outcome-card>span{color:#4d4d4d}.outcome-card p{color:#767676}
.scope-ribbon{border-color:var(--ui-border);background:#050505}.scope-list span{border-color:#242424;color:#5f5f5f}
.open-source-inner{border-color:var(--ui-border);background:linear-gradient(110deg,#0c0c0c,#030303)}
.footer-closure{border-color:var(--ui-border)!important}

@media(max-width:760px){
  .app-toolbar{top:9px;height:auto;padding:0 8px}
  .nav-pill{width:100%;justify-content:space-between;border-radius:12px}
  .app-brand{padding-left:8px}
  .app-toolbar button.toolbar-action{display:none}
  .app-toolbar .nav-scan{display:inline-flex}
  .app-toolbar .toolbar-github{width:auto;height:30px;padding:0 10px!important;border-radius:8px}
  .app-toolbar .toolbar-github-label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
  .unified-hero{padding:118px 0 68px}
  .app-intro .text-line{white-space:normal}
  .app-intro h1{font-size:clamp(43px,11.8vw,64px)}
  .app-proof{flex-wrap:wrap;row-gap:7px}
  .unified-hero>.scanner{margin-top:54px;padding:0;border-radius:10px}
  .workspace-tabs{display:none}
  .unified-hero .scan-panel{padding:24px 20px 0}
  .unified-hero .preview{margin-right:-20px;margin-left:-20px}
  .scan-results .scan-result-head{padding:22px}
  .scan-results>section,.scan-results>.scan-result-actions,.scan-results>p{margin-right:22px;margin-left:22px}
}
@media(max-width:520px){
  .shell{width:min(100% - 24px,1180px)}
  .app-brand{margin-right:0;padding-right:10px;font-size:12px}
  .app-toolbar .toolbar-action{padding:0 8px;font-size:11px}
  .app-toolbar .toolbar-github{width:32px;padding:0!important}
  .app-toolbar .toolbar-github-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hero-eyebrow b{display:none}
  .hero-eyebrow{margin-bottom:24px;padding-right:5px}
  .app-intro h1{font-size:clamp(42px,12vw,56px);letter-spacing:-.064em}
  .app-intro p{font-size:15px}
  .app-proof div+div:before{display:none}
  .app-proof div{width:100%;justify-content:center}
  .scan-heading{display:block}.scan-scope{display:inline-block;margin-top:14px}
  .unified-hero .url-row{display:block}.unified-hero .url-row .button{width:100%;margin-top:4px}
  .preview-status{display:none}
  .unified-context{padding-top:84px}
  .context-head h2{font-size:36px}
  .scan-results .scan-result-actions{margin-right:18px;margin-left:18px}
}
@media(prefers-reduced-motion:reduce){.aurora,.nav-pill{animation:none;transition:none}}

/* Sona UI motion system, adapted for the dependency-free static build. */
:root{
  --sona-spatial:cubic-bezier(.16,1,.3,1);
  --sona-feedback:cubic-bezier(.2,.8,.2,1);
  --sona-focus:#64a8ff;
}
.brand-wordmark{
  font-family:Inter,Arial,sans-serif!important;
  font-weight:500!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}
.app-brand .brand-wordmark{font-size:13px!important}
.footer-closure{font-family:Inter,Arial,sans-serif!important}
.unified-footer-brand .brand-wordmark{font-size:18px!important;line-height:1.1}
.unified-footer-identity{display:flex;flex-direction:column;align-items:flex-start}
.unified-footer-bottom{font-family:'DM Mono',monospace!important}

.sona-spotlight,.outcome-card,.scope-ribbon,.open-source-inner,.scan-action{
  --sona-x:-400px;
  --sona-y:-400px;
  --sona-spotlight-opacity:0;
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.sona-spotlight:after,.outcome-card:after,.scope-ribbon:after,.open-source-inner:after,.scan-action:after{
  content:'';
  position:absolute;
  z-index:0;
  inset:-1px;
  pointer-events:none;
  opacity:var(--sona-spotlight-opacity);
  background:radial-gradient(320px circle at var(--sona-x) var(--sona-y),rgba(255,255,255,.095),transparent 72%);
  transition:opacity .2s ease-out;
}
.open-source-inner{overflow:visible}
.open-source-inner:after{border-radius:inherit}
.sona-spotlight>*,.outcome-card>*,.scope-ribbon>*,.open-source-inner>*,.scan-action>*{position:relative;z-index:1}

[data-sona-magnetic]{
  --sona-magnetic-x:0px;
  --sona-magnetic-y:0px;
  position:relative;
  overflow:hidden;
  transform:translate3d(var(--sona-magnetic-x),var(--sona-magnetic-y),0);
  transition:transform .46s var(--sona-spatial),background-color .18s,border-color .18s,color .18s;
  will-change:transform;
}
[data-sona-magnetic]:active{transform:translate3d(var(--sona-magnetic-x),var(--sona-magnetic-y),0) scale(.97)}
.sona-ripple{
  position:absolute;
  z-index:0;
  width:10px;
  height:10px;
  margin:-5px 0 0 -5px;
  border-radius:50%;
  pointer-events:none;
  background:currentColor;
  opacity:.13;
  transform:scale(0);
  animation:sona-ripple .55s var(--sona-spatial) forwards;
}
[data-sona-magnetic]>*:not(.sona-ripple){position:relative;z-index:1}
@keyframes sona-ripple{70%{opacity:.08}to{opacity:0;transform:scale(28)}}

.workspace-tabs{position:relative}
.workspace-tabs button{
  display:flex;
  align-items:center;
  padding:0 11px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:#555;
  font:10px Inter,Arial,sans-serif;
  cursor:pointer;
  transition:color .16s,background .24s var(--sona-spatial),padding .3s var(--sona-spatial);
}
.workspace-tabs button:hover{color:#bcbcbc;background:#0d0d0d}
.workspace-tabs button.active{padding-inline:14px;border-bottom-color:#ededed;background:#111;color:#ddd}
.workspace-tabs button:focus-visible,.button:focus-visible,.toolbar-action:focus-visible,.icon-btn:focus-visible,.unified-footer-links a:focus-visible,.unified-footer-links button:focus-visible{
  outline:2px solid var(--sona-focus);
  outline-offset:2px;
}

.score-tabs{position:relative;isolation:isolate}
.score-tabs:before{
  content:'';
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  width:var(--sona-tab-width,0);
  height:var(--sona-tab-height,0);
  border-radius:6px;
  background:#e9e9e5;
  transform:translateX(var(--sona-tab-x,0));
  transition:width .34s var(--sona-spatial),transform .34s var(--sona-spatial),height .2s ease;
}
.score-tabs button.active,.score-tabs button:hover{background:transparent!important}
.score-tabs button.active{color:#111!important}

.overlay{
  transition:opacity .2s ease,visibility 0s linear .24s!important;
}
.overlay.show{transition:opacity .18s ease,visibility 0s!important}
.overlay .dialog{
  opacity:0;
  transform:translate3d(var(--sona-dialog-x,0),var(--sona-dialog-y,20px),0) scale(.975)!important;
  transform-origin:var(--sona-dialog-origin,center);
  transition:opacity .2s ease,transform .38s var(--sona-spatial)!important;
}
.overlay.show .dialog{opacity:1;transform:translate3d(0,0,0) scale(1)!important}
#compare-dialog .dialog{--sona-dialog-x:28px;--sona-dialog-y:0;--sona-dialog-origin:right center}
#report-dialog .dialog,#guardrail-dialog .dialog{--sona-dialog-y:32px;--sona-dialog-origin:center bottom}
.icon-btn{display:grid!important;place-items:center;line-height:1;transition:transform .28s var(--sona-spatial),background .18s,border-color .18s}
.icon-btn:hover{transform:rotate(90deg) scale(1.06);border-color:#666;background:#1b1b1b}

.sona-word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.sona-word{display:inline-block;opacity:0;transform:translateY(115%) rotate(2deg);transition:opacity .35s ease,transform .66s var(--sona-spatial)}
.sona-split-visible .sona-word{opacity:1;transform:none}
.sona-word-space{display:inline-block;width:.24em}
.sona-dialog-open{overflow:hidden}

.sona-dropdown{position:relative}
.sona-dropdown-trigger{gap:8px}
.sona-dropdown-trigger span{display:inline-block;transition:transform .3s var(--sona-spatial)}
.sona-dropdown.open .sona-dropdown-trigger span{transform:rotate(180deg)}
.sona-dropdown-menu{
  position:absolute;
  z-index:30;
  right:0;
  bottom:calc(100% + 8px);
  width:230px;
  padding:6px;
  border:1px solid #2d2d2d;
  border-radius:10px;
  background:rgba(12,12,12,.96);
  box-shadow:0 20px 60px #000b,inset 0 1px rgba(255,255,255,.04);
  backdrop-filter:blur(18px);
  opacity:0;
  visibility:hidden;
  transform:translateY(7px) scale(.965);
  transform-origin:right bottom;
  transition:opacity .16s ease,transform .3s var(--sona-spatial),visibility 0s linear .3s;
}
.sona-dropdown.open .sona-dropdown-menu{opacity:1;visibility:visible;transform:none;transition:opacity .16s ease,transform .3s var(--sona-spatial),visibility 0s}
.sona-dropdown-menu a{display:block;padding:10px 11px;border-radius:7px;color:#d7d7d2;text-align:left;transition:background .18s,color .18s}
.sona-dropdown-menu a:hover,.sona-dropdown-menu a:focus-visible{outline:0;background:#1c1c1c;color:#fff}
.sona-dropdown-menu b{display:block;font-size:11px;font-weight:500}
.sona-dropdown-menu small{display:block;margin-top:2px;color:#747470;font-size:9px}

@media(max-width:680px){
  .unified-footer-brand .brand-wordmark{font-size:16px!important}
  .unified-footer-links{margin-top:7px}
  .sona-dropdown-menu{right:auto;left:0;transform-origin:left bottom}
}
@media(prefers-reduced-motion:reduce){
  [data-sona-magnetic]{transform:none!important;transition:none!important}
  .sona-ripple{display:none}
  .sona-word{opacity:1;transform:none;transition:none}
  .overlay .dialog{transition:opacity .12s ease!important;transform:none!important}
  .score-tabs:before,.workspace-tabs button{transition:none}
  .sona-dropdown-menu,.sona-dropdown-trigger span{transition:none}
}

/* Sona UI v2 — blue-horizon aurora, scroll choreography, and readable product density. */
html,body{overflow-x:clip}
.aurora{
  --sona-horizon-x:50%;
  --sona-horizon-drift:0px;
  --sona-horizon-shift:0px;
  display:block;
  opacity:1!important;
  filter:none!important;
  background:
    radial-gradient(ellipse 72% 29% at var(--sona-horizon-x) 69%,rgba(16,95,255,.19),transparent 73%),
    radial-gradient(ellipse 46% 18% at 50% 76%,rgba(62,169,255,.11),transparent 76%),
    linear-gradient(180deg,transparent 0 50%,rgba(4,28,74,.04) 67%,rgba(0,11,32,.22) 100%)!important;
  mix-blend-mode:screen;
  transform:none;
  animation:none!important;
  transition:opacity .4s ease;
  will-change:background;
}
.aurora::before{
  content:"";
  position:absolute;
  right:-14%;
  bottom:17.5vh;
  left:-14%;
  height:1px;
  background:linear-gradient(90deg,transparent 4%,rgba(26,93,218,.08) 18%,rgba(53,141,255,.46) 40%,rgba(151,221,255,.78) 50%,rgba(53,141,255,.46) 60%,rgba(26,93,218,.08) 82%,transparent 96%);
  box-shadow:0 0 9px rgba(124,205,255,.42),0 0 34px rgba(40,126,255,.3),0 0 110px rgba(17,82,224,.28);
  transform:translate3d(var(--sona-horizon-drift),var(--sona-horizon-shift),0) scaleX(.94);
  animation:sona-horizon-pulse 7s ease-in-out infinite alternate;
  will-change:opacity,transform;
}
.aurora::after{
  content:"";
  position:absolute;
  right:-10%;
  bottom:-18vh;
  left:-10%;
  height:50vh;
  border-radius:50% 50% 0 0;
  background:radial-gradient(ellipse 58% 70% at var(--sona-horizon-x) 0%,rgba(39,131,255,.23),rgba(8,54,157,.09) 40%,transparent 72%);
  filter:blur(30px);
  transform:translate3d(0,var(--sona-horizon-shift),0);
}
.aurora span{
  --aurora-a:.34;
  display:block!important;
  position:absolute!important;
  bottom:17.5vh!important;
  width:12vw!important;
  min-width:92px!important;
  height:59vh!important;
  border-radius:50% 50% 10% 10%!important;
  opacity:.76;
  background:linear-gradient(to top,rgba(17,91,255,.58) 0%,rgba(43,139,255,.42) 24%,rgba(92,194,255,.2) 53%,rgba(69,147,255,.08) 74%,transparent 100%)!important;
  filter:blur(17px)!important;
  transform-origin:50% 100%!important;
  transform:translate3d(var(--sona-horizon-drift),var(--sona-horizon-shift),0) scaleY(var(--aurora-a))!important;
  animation:none!important;
  will-change:transform,opacity;
}
.aurora span:nth-child(3n+1){background:linear-gradient(to top,rgba(16,68,224,.54),rgba(39,129,255,.3) 42%,rgba(101,208,255,.13) 68%,transparent 100%)!important;filter:blur(20px)!important}
.aurora span:nth-child(3n+2){opacity:.64;filter:blur(15px)!important}
.aurora span:nth-child(1){left:-6%;--aurora-a:.14}
.aurora span:nth-child(2){left:0%;--aurora-a:.2}
.aurora span:nth-child(3){left:6%;--aurora-a:.28}
.aurora span:nth-child(4){left:12%;--aurora-a:.36}
.aurora span:nth-child(5){left:18%;--aurora-a:.47}
.aurora span:nth-child(6){left:24%;--aurora-a:.59}
.aurora span:nth-child(7){left:30%;--aurora-a:.7}
.aurora span:nth-child(8){left:36%;--aurora-a:.81}
.aurora span:nth-child(9){left:42%;--aurora-a:.9}
.aurora span:nth-child(10){left:48%;--aurora-a:.88}
.aurora span:nth-child(11){left:54%;--aurora-a:.79}
.aurora span:nth-child(12){left:60%;--aurora-a:.68}
.aurora span:nth-child(13){left:66%;--aurora-a:.56}
.aurora span:nth-child(14){left:72%;--aurora-a:.45}
.aurora span:nth-child(15){left:78%;--aurora-a:.34}
.aurora span:nth-child(16){left:84%;--aurora-a:.26}
.aurora span:nth-child(17){left:90%;--aurora-a:.19}
.aurora span:nth-child(18){left:96%;--aurora-a:.13}
@keyframes sona-horizon-pulse{
  from{opacity:.52;transform:translate3d(var(--sona-horizon-drift),var(--sona-horizon-shift),0) scaleX(.91)}
  to{opacity:.9;transform:translate3d(var(--sona-horizon-drift),calc(var(--sona-horizon-shift) - 3px),0) scaleX(1.02)}
}
.sona-scroll-progress{
  position:fixed;
  z-index:60;
  top:0;
  right:0;
  left:0;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,#2f79ff,#5bbcff);
  box-shadow:0 0 16px rgba(50,145,255,.65);
  transform:scaleX(var(--sona-scroll-progress,0));
  transform-origin:left;
}
.sona-scroll-item{
  opacity:0;
  filter:blur(7px);
  transform:translateY(28px) scale(.99);
  transition:opacity .7s ease,filter .75s ease,transform .82s var(--sona-spatial);
  transition-delay:var(--sona-reveal-delay,0ms);
}
.sona-scroll-item.sona-in{opacity:1;filter:none;transform:none}

.unified-hero .url-row{align-items:flex-start}
.unified-hero .url-row textarea{
  flex:1;
  min-width:0;
  min-height:42px;
  max-height:180px;
  resize:none;
  overflow:auto;
  border:0;
  outline:0;
  background:transparent;
  color:#ededed;
  padding:11px 13px;
  font:14px/1.45 Inter,Arial,sans-serif;
}
.unified-hero .url-row textarea::placeholder{color:#5f5f5f}
.unified-hero .url-row .button{min-width:126px;white-space:nowrap}
.unified-hero .scan-panel>p{font-size:15px!important;line-height:1.62!important}
.unified-hero .live{font-size:11px!important;line-height:1.5}
.unified-hero .preview strong{font-size:13px!important}
.unified-hero .preview small{font-size:10px!important;line-height:1.45}
.unified-hero .app-proof b{color:rgba(239,245,255,.76)!important;text-shadow:0 1px 14px rgba(0,0,0,.9)}
.unified-hero .app-proof span{color:rgba(200,218,245,.58)!important;text-shadow:0 1px 14px rgba(0,0,0,.9)}
.unified-hero .app-proof div+div:before{color:rgba(174,202,240,.42)}
.panel-label,.scan-scope,.window-project,.workspace-tabs button{font-size:11px!important}
.workspace-tabs button{padding-inline:13px}
.app-proof b,.app-proof span{font-size:11px!important}
.context-head .eyebrow,.outcome-card>span{font-size:11px!important}
.context-head p{font-size:16px!important;line-height:1.68}
.outcome-card h3{font-size:19px!important}
.outcome-card p{font-size:14px!important;line-height:1.65}
.outcome-card button{font-size:12px!important}
.scope-ribbon b{font-size:15px!important}
.scope-list span{font-size:10px!important}
.open-source-inner p{font-size:15px!important;line-height:1.65}
.unified-footer-top p{font-size:14px!important;line-height:1.65}
.unified-footer-links a,.unified-footer-links button{font-size:13px!important}
.unified-footer-bottom{font-size:10px!important}

.scan-result-meta,.scan-result-score span,.scan-result-verdict,.scan-result-metric span,.scan-action-priority,.scan-default span{font-size:10px!important}
.scan-result-head p{font-size:14px!important}
.scan-plan-head p,.scan-action-body p{font-size:13px!important}
.scan-action h4{font-size:16px!important}
.scan-source,.scan-match summary,.scan-edit-head b{font-size:11px!important}
.scan-source-local{text-decoration:none;color:#8f8f8a}
.scan-edit pre,.scan-match code{font-size:11px!important}
.scan-default b{font-size:14px!important}.scan-default p{font-size:12px!important}
.scanner.scanning .scan-step.active{border-color:var(--ui-blue);color:#b9d8ff}
.scan-results.ready{box-shadow:0 28px 100px -40px #000,0 0 80px -62px rgba(50,145,255,.9)}

@media(max-width:680px){
  .aurora span{width:18vw!important;min-width:72px!important;height:53vh!important}
  .aurora::before,.aurora span{bottom:13vh!important}
  .aurora::after{bottom:-22vh}
  .unified-hero .url-row textarea{width:100%;font-size:16px}
  .unified-hero .scan-panel>p{font-size:14px!important}
  .context-head p{font-size:15px!important}
  .outcome-card p,.open-source-inner p,.unified-footer-top p{font-size:14px!important}
  .sona-scroll-progress{height:2px}
}
@media(prefers-reduced-motion:reduce){
  .aurora,.aurora::before,.aurora span{animation:none!important}
  .aurora span{transform:translate3d(0,0,0) scaleY(var(--aurora-a))!important}
  .sona-scroll-item{opacity:1;filter:none;transform:none;transition:none}
  .sona-scroll-progress{display:none}
}