/* Focused navigation and first-use experience. Shared with public SEO pages. */
.nav-more{position:relative;color:var(--text,#f4f2ed);}
.nav-more summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;gap:7px;font:500 14px/1.4 system-ui,sans-serif;}
.nav-more summary::-webkit-details-marker{display:none;}
.nav-more summary::after{content:'⌄';font-size:16px;}
.nav-more[open] summary::after{content:'⌃';}
.nav-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:240px;padding:10px;background:#1b1b1e;border:1px solid #444449;border-radius:12px;box-shadow:0 16px 40px #0006;z-index:100;}
.nav-dropdown a{display:block!important;padding:12px 14px!important;color:#f4f2ed!important;text-decoration:none;font:500 14px/1.4 system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;border-radius:6px;}
.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:#2c2c30;}
.nav-dropdown .mobile-auth,.menu-mobile{display:none!important;}
.nav-more summary:focus-visible{outline:2px solid #79b886;outline-offset:4px;border-radius:4px;}
.site-nav .logo{text-decoration:none;color:var(--text);}
.site-nav .nav-links{gap:24px;}
.site-nav #nav-cta{text-transform:none;letter-spacing:0;min-height:42px;white-space:nowrap;}
#view-landing .experience-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:center;padding:64px 0 56px;}
#view-landing .experience-hero h1{font:400 clamp(2.7rem,4.4vw,4.6rem)/1.04 var(--lp-serif,'Instrument Serif',serif);letter-spacing:-.025em;margin:0 0 22px;}
#view-landing .experience-hero h1 em{font-weight:400;}
#view-landing .experience-hero .lp-lede{font:400 17px/1.65 var(--lp-sans,system-ui,sans-serif);max-width:48ch;margin:0 0 26px;}
#view-landing .experience-hero .lp-demo{margin:0;padding:22px;border-radius:12px;background:#18181a;}
#view-landing .experience-hero .lp-demo-label{font:500 13px/1.5 var(--lp-sans,system-ui,sans-serif);letter-spacing:0;text-transform:none;margin-bottom:12px;}
#view-landing .experience-hero .lp-field{gap:12px;display:flex;flex-direction:column;align-items:stretch;}
#view-landing .experience-hero #demo-input{width:100%;min-width:0;font:400 16px/1.5 var(--lp-sans,system-ui,sans-serif);background:#101012;border:1px solid #535358;border-radius:7px;padding:14px;color:#f4f2ed;}
#view-landing .experience-hero #demo-input:focus{outline:2px solid #98d5a4;outline-offset:3px;border-color:#98d5a4;}
#view-landing .experience-hero .lp-field .lp-btn{width:100%;margin:0;min-height:50px;border-radius:7px;}
#view-landing .experience-hero .lp-demo-hint{font:400 12px/1.6 var(--lp-sans,system-ui,sans-serif);letter-spacing:0;text-transform:none;margin-top:12px;color:#bdbab3;}
#view-landing .hero-secondary-row{display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center;margin-top:18px;font:400 12px/1.6 system-ui,sans-serif;color:#bdbab3;}
#view-landing .hero-secondary{background:none;border:0;padding:9px 0;color:#f4f2ed;text-decoration:underline;text-underline-offset:4px;font:600 14px/1.5 system-ui,sans-serif;cursor:pointer;}
.title-example{padding:26px;background:#19191b;border:1px solid #3c3c40;border-radius:16px;min-width:0;}
#view-landing .example-heading h2{font:600 17px/1.4 var(--lp-sans,system-ui,sans-serif);letter-spacing:0;margin:0 0 5px;}
.example-heading>span{font:400 12px/1.5 system-ui,sans-serif;color:#bdbab3;}
.example-title{padding:22px 0 0;}
.example-meta{display:flex;justify-content:space-between;align-items:center;font:500 12px/1.5 system-ui,sans-serif;color:#bdbab3;}
.example-meta b{font-size:27px;color:#f4f2ed;font-weight:600;}
.example-title p{font:500 21px/1.4 system-ui,sans-serif;color:#f4f2ed;margin:14px 0;}
.example-title small{display:block;font:400 12px/1.55 system-ui,sans-serif;color:#bdbab3;}
.example-meter{height:5px;background:#343439;border-radius:3px;margin:0 0 12px;overflow:hidden;}
.example-meter i{height:100%;display:block;background:#b99b6a;}
.after .example-meter i{background:#79b886;}.after .example-meta b{color:#98d5a4;}
.example-connector{margin-top:18px;padding-top:10px;border-top:1px solid #39393f;color:#bdbab3;}
.example-title.after{padding-top:4px;}
.example-note{font:400 11px/1.6 system-ui,sans-serif;color:#bdbab3;margin-top:22px;border-top:1px solid #39393f;padding-top:16px;}
#demo-sec,#analyzer,#tool-panel,#features-sec{scroll-margin-top:100px;}
.tool-groups section{margin:24px 0;}.tool-groups h2{font:600 18px/1.5 system-ui,sans-serif;margin-bottom:14px;}
.tool-groups .tools-grid{margin-bottom:0;}.tool-groups .core-tools{grid-template-columns:repeat(2,minmax(0,1fr));}
.tool-groups .tool-card{text-align:left;color:var(--text);font:inherit;width:100%;}
.tool-groups .core-tools .tool-card{padding:28px;min-height:165px;}.tool-groups .core-tools h3{font-size:20px;}.tool-groups .core-tools p{font-size:14px;}
.more-tools{margin:24px 0;border-top:1px solid var(--border);padding-top:12px;}.more-tools summary{cursor:pointer;padding:14px 0;color:var(--muted);font-size:14px;}.more-tools .tools-grid{margin-top:12px;}
#analyzer.open{margin-top:24px;margin-bottom:24px;}
#an-results .an-section:first-of-type{border-color:var(--accent);}
@media(max-width:1000px){#view-landing .experience-hero{gap:32px;}.site-nav .nav-links{gap:16px;}}
@media(max-width:860px){
  .nav-primary,.desktop-auth,.menu-desktop{display:none!important;}.menu-mobile{display:inline!important;}.nav-dropdown .mobile-auth{display:block!important;}
  .nav-more{position:static;}.nav-dropdown{top:calc(100% - 1px);right:16px;width:min(280px,calc(100vw - 32px));}
  .site-nav,.sn{position:sticky;top:0;}.nav-inner,.sn-in{position:relative;}
  #view-landing .experience-hero{grid-template-columns:1fr;padding:40px 0;gap:34px;}
  #view-landing .experience-hero h1{font-size:clamp(2.8rem,7vw,4rem);}
  #view-landing .experience-hero .lp-lede{max-width:58ch;}
  .title-example{max-width:600px;width:100%;}
}
@media(max-width:560px){
  .site-nav .nav-inner{padding:12px 16px;gap:12px;}.site-nav .nav-links{gap:16px;}.site-nav .logo span{display:none;}.site-nav #nav-cta{font-size:12px;padding:10px 12px;}
  #view-landing .experience-hero{padding-top:30px;}#view-landing .experience-hero .lp-lede{font-size:16px;}#view-landing .experience-hero .lp-demo{padding:18px;}
  .title-example{padding:22px;}.example-title p{font-size:19px;}.hero-secondary-row{gap:4px!important;flex-direction:column;align-items:flex-start!important;}
  .tool-groups .core-tools{grid-template-columns:1fr;}.tool-groups .core-tools .tool-card{min-height:140px;padding:22px;}.dash-head{align-items:flex-start;}.dash-head>div{flex-wrap:wrap;}
  .sn .sn-in{padding:12px 16px;}.sn .sn-links{gap:16px;}.sn .sn-cta{font-size:12px;letter-spacing:0;text-transform:none;padding:10px 12px;}
}
.thumbnail-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.thumbnail-comparison figure{margin:0;min-width:0;padding:14px;border:1px solid #3c3c40;background:#19191b;border-radius:12px;}
.thumbnail-comparison figcaption{display:flex;align-items:center;gap:12px;margin-bottom:14px;font:500 13px/1.5 system-ui,sans-serif;color:#bdbab3;}
.thumbnail-comparison figcaption span{padding:4px 9px;border-radius:4px;background:#303034;color:#f4f2ed;font-weight:600;}
.thumbnail-comparison figure:last-child figcaption span{background:#253e2c;color:#b4e3bd;}
.thumbnail-comparison img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:5px;}
.thumbnail-comparison figure p,.thumbnail-example-note{font:400 13px/1.6 system-ui,sans-serif;color:#bdbab3;margin:14px 0 0;}
.thumbnail-example-note{font-size:12px;max-width:85ch;}
.thumbnail-example-link{display:inline-block;min-height:44px;padding:14px 0;color:#a8d8b2;font:600 14px/1.5 system-ui,sans-serif;text-underline-offset:4px;}
@media(max-width:680px){.thumbnail-comparison{grid-template-columns:1fr;gap:18px;}}