/* Judd homepage v2 — uploader first, calm explanatory content, SEO navigation */
.topbar{height:78px;padding:0 clamp(16px,3vw,52px);gap:24px}
.topbar .brand{flex-shrink:0;font-size:14px;font-weight:850;gap:8px}
.topbar .brand img{width:41px;height:41px;object-fit:contain;background:#fff;border-radius:11px}
.topbar .top-actions{flex-shrink:0;gap:9px}
.topbar #usagePill{display:none!important}
.site-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto}
.site-nav>button,.site-nav>a,.nav-guides>summary{font-family:Inter,system-ui,sans-serif;background:transparent;border:0;cursor:pointer;color:#504d4b;font-size:13px;font-weight:710;white-space:nowrap;text-decoration:none;border-radius:12px;padding:11px 14px;display:inline-flex;align-items:center;justify-content:center}
.site-nav>button:hover,.site-nav>a:hover,.nav-guides>summary:hover{background:#e9e3f3;color:#292333}
.site-nav .nav-judge.active{background:#171717;color:#fff}
.site-nav .nav-discover{background:#e9e3ff;border:1px solid #d7ccff;color:#5a3ecb;padding:11px 19px;font-weight:870;letter-spacing:.01em}
.site-nav .nav-discover:hover,.site-nav .nav-discover.active{background:#7059f9;color:#fff;border-color:#7059f9}
.site-nav button:focus-visible,.site-nav a:focus-visible,.nav-guides summary:focus-visible{outline:3px solid #a997ff;outline-offset:3px}
.nav-guides{position:relative}
.nav-guides>summary{list-style:none;gap:5px}
.nav-guides>summary::-webkit-details-marker{display:none}
.guides-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:224px;z-index:60;padding:8px;background:#fffdf9;border:1px solid #dfd6cb;border-radius:17px;box-shadow:0 20px 60px rgba(40,28,20,.16);display:grid;gap:3px}
.guides-dropdown a{color:#48413f;text-decoration:none;font-size:12px;font-weight:690;padding:11px 12px;border-radius:10px;white-space:nowrap}
.guides-dropdown a:hover{background:#f2edff;color:#5031b7}
.topbar .account{font-size:12px;padding:0 15px;border-radius:999px;background:#fff}
.topbar .lang{font-size:12px}
.judd-start{padding:32px 0 64px}
.judd-start-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:start;gap:clamp(26px,5vw,76px)}
.judd-workspace{min-width:0}
.judd-workspace .judge{padding:24px 25px 20px;border-radius:26px;box-shadow:0 16px 60px rgba(46,38,30,.075)}
.judd-workspace .judge .eyebrow{font-size:10px;letter-spacing:.12em;color:#725bc7}
.judd-workspace .judge h2{font-size:clamp(25px,2.3vw,31px);line-height:1.15;letter-spacing:-.047em;margin:4px 0 4px}
.judd-workspace .judge>.muted{margin:0 0 16px;font-size:12px}
.judd-workspace .drop{min-height:256px;border:2px dashed #cfc2f5;border-radius:20px;background:linear-gradient(150deg,#f3efff,#faf8ff);transition:border-color .15s,background .15s}
.judd-workspace .drop:hover{border-color:#795cf3;background:#f0eaff}
.judd-workspace .drop-copy img{width:58px;height:58px;object-fit:contain}
.judd-workspace .drop-copy strong{font-size:19px;margin-top:8px}
.judd-workspace .drop-copy small{font-size:12px}
.judd-workspace .controls{margin-top:15px;grid-template-columns:minmax(0,1fr) auto}
.judd-workspace .controls .primary{height:50px;padding:0 22px;background:#6c51ec}
.judd-workspace .controls .primary:hover{background:#583bd6}
.judd-workspace .field select{height:50px}
.judd-workspace .status{margin:12px 0 0;font-size:11px}
.judd-explainer{padding:22px 0 10px;min-width:0}
.judd-explainer .eyebrow{font-size:11px;color:#635c56;font-weight:790;margin:0 0 20px;letter-spacing:.13em}
.judd-explainer h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(44px,4.35vw,72px);line-height:.98;font-weight:820;letter-spacing:-.07em;color:#161413;margin:0 0 23px}
.judd-explainer h1 em{display:block;font-family:"Barlow Condensed",sans-serif;color:#6e55ff;font-style:italic;font-weight:900;letter-spacing:-.03em;line-height:1}
.judd-intro-lead{font-size:clamp(18px,1.6vw,22px);font-weight:750;color:#292422;line-height:1.35;margin:0 0 9px;letter-spacing:-.025em}
.judd-intro-copy{font-size:14px;line-height:1.7;color:#686059;max-width:500px;margin:0}
.judd-trust{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 20px}
.judd-trust span{border:1px solid #ded6ca;background:#fffdf9;font-size:11px;font-weight:730;color:#615b58;padding:8px 11px;border-radius:999px}
.judd-steps{display:grid;gap:0;border-top:1px solid #ddd5cc;border-bottom:1px solid #ddd5cc;max-width:470px}
.judd-steps>div{display:flex;gap:16px;padding:12px 0;align-items:center}
.judd-steps>div+div{border-top:1px solid #e9e1d9}
.judd-steps b{font-family:Manrope,Inter,sans-serif;font-size:17px;color:#8d76e7;letter-spacing:-.04em}
.judd-steps span{display:grid;gap:2px}
.judd-steps strong{font-size:13px;color:#211c1b}
.judd-steps small{font-size:11px;color:#81796f}
.judd-why-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#5a43c5;font-size:12px;font-weight:790;margin-top:18px}
.judd-why-link:hover{text-decoration:underline}
.judd-about{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:center;gap:clamp(26px,5vw,68px);margin-top:72px;padding:32px clamp(20px,5vw,62px);border:1px solid #e5dccf;border-radius:30px;background:#fffdf9;scroll-margin-top:105px}
.judd-about-image{width:100%;aspect-ratio:1/1;border-radius:28px;background:radial-gradient(circle at 65% 28%,#f7f2ff,#e4d9ff 70%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.judd-about-image img{display:block;width:85%;height:85%;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(48,36,83,.12))}
.judd-about-copy .eyebrow{font-size:11px;color:#684eda}
.judd-about h2{font:820 clamp(27px,3vw,41px)/1.13 Manrope,Inter,sans-serif;letter-spacing:-.045em;margin:3px 0 17px;color:#1c1919;max-width:690px}
.judd-about h2 span{color:#745bea}
.judd-about p:not(.eyebrow){font-size:13px;line-height:1.72;color:#67615a;max-width:650px;margin:0 0 11px}
.judd-about-links{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:17px}
.judd-about-links a{text-decoration:none;font-size:12px;color:#5c44c1;font-weight:780}
.judd-about-links .about-primary{padding:13px 15px;border-radius:12px;background:#171717;color:#fff}
.judd-workspace .result{margin-top:18px}
.history{padding-top:22px}
@media(max-width:1040px){
 .topbar{gap:9px;padding:0 15px}
 .site-nav{gap:2px}
 .site-nav>button,.site-nav>a,.nav-guides>summary{padding:10px;font-size:12px}
 .site-nav .nav-discover{padding:10px 14px}
 .judd-start-layout{gap:28px}
 .judd-explainer h1{font-size:clamp(40px,5.2vw,56px)}
}
@media(max-width:780px){
 .topbar{height:64px;gap:5px}
 .topbar .brand span{display:none}
 .topbar .brand img{width:35px;height:35px}
 .site-nav{gap:2px}
 .site-nav>button{font-size:11px;padding:10px 11px}
 .site-nav .nav-discover{font-size:11px;padding:10px 12px}
 .site-nav>a,.site-nav .nav-guides{display:none}
 .topbar .lang{display:inline-flex;height:35px;padding:0 6px}
 .topbar .account{height:35px;padding:0 9px;font-size:11px}
 .judd-start{padding-top:18px}
 .judd-start-layout{grid-template-columns:1fr;gap:25px}
 .judd-explainer{padding:0 10px}
 .judd-explainer h1{font-size:clamp(37px,7vw,58px)}
 .judd-start .judge{max-width:none}
 .judd-about{margin-top:35px;grid-template-columns:160px 1fr;gap:20px;padding:22px}
}
@media(max-width:560px){
 .topbar{padding:0 9px;gap:3px}
 .topbar .brand img{width:32px;height:32px}
 .topbar .top-actions{gap:4px}
 .topbar .account{font-size:10px;padding:0 8px}
 .topbar .lang{height:34px;font-size:11px}
 .site-nav>button{padding:9px 10px;font-size:11px}
 .site-nav .nav-discover{padding:9px 11px}
 .judd-workspace .judge{padding:17px 15px 16px;border-radius:22px}
 .judd-workspace .drop{min-height:230px}
 .judd-workspace .controls{grid-template-columns:1fr}
 .judd-workspace .controls .primary{width:100%}
 .judd-explainer h1{font-size:45px;line-height:.99}
 .judd-explainer .eyebrow{margin:0 0 9px}
 .judd-explainer .judd-intro-copy{font-size:13px}
 .judd-steps>div{padding:11px 0}
 .judd-about{grid-template-columns:1fr;margin-top:30px;padding:23px}
 .judd-about-image{width:160px;height:160px;margin:auto}
 .judd-about h2{font-size:28px}
 .judd-about p:not(.eyebrow){font-size:12px}
}