/* TheAppGuy SEO + experience upgrade 2026-10-15.
   Purpose-built app development page + focused homepage service navigation. */
.hero-v8 .lean-hero-copy h1{font-size:clamp(45px,4.15vw,69px)!important;line-height:.99!important;letter-spacing:-.056em!important}
.hero-v8 .lean-hero-copy h1 em{color:#4dbbff}
.tag-home-aux{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px 22px;color:#b2c9df;font-size:13px;font-weight:650}
.tag-home-aux a{color:#7fcfff;text-decoration:none;border-bottom:1px solid rgba(121,190,251,.3)}
.tag-home-aux a:hover{color:white;border-color:#8ce3fc}
.tag-home-aux:before{content:"ALSO AVAILABLE";flex-basis:100%;font-size:10px;font-weight:900;letter-spacing:.17em;color:#7f98ad}
.tag-seo-context{padding:54px 0;background:#070d14;border-top:1px solid #182b3b}
.tag-seo-context-inner{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.tag-seo-context h2{font-size:clamp(26px,2.8vw,38px);line-height:1.13;letter-spacing:-.04em;margin:0 0 13px}
.tag-seo-context p{color:#afc0d1;line-height:1.75;font-size:15px;margin:0}
.tag-seo-context-links{display:grid;gap:10px}
.tag-seo-context-links a{display:flex;align-items:center;justify-content:space-between;color:#d6ebfa;background:#101c29;border:1px solid #24415b;border-radius:12px;padding:15px 18px;text-decoration:none;font-weight:750;transition:background .2s,border-color .2s}
.tag-seo-context-links a:hover{background:#152b40;border-color:#4b97c9}
.tag-app-related{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center;padding-top:30px;padding-bottom:38px}
.tag-app-related a{color:#70c5f7;text-decoration:none;font-size:14px;font-weight:750}
.tag-app-related a:hover{color:#c2efff}
.page-tag-appdev{color:#edf6ff;background:#05090f}
.page-tag-appdev .tag-app-kicker{color:#71c8f5;font:800 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px}
.tag-app-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 65% 80% at 95% 48%,rgba(15,74,144,.24),transparent),#060c15;border-bottom:1px solid #18334c;padding:clamp(64px,7vw,110px) 0}
.tag-app-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(102,151,191,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(102,151,191,.034) 1px,transparent 1px);background-size:62px 62px;pointer-events:none}
.tag-app-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.83fr);gap:clamp(28px,5vw,76px);align-items:center}
.tag-app-lead h1{font-size:clamp(49px,5.5vw,79px);line-height:1.02;letter-spacing:-.064em;max-width:700px;margin:0 0 22px}
.tag-app-lead h1 em{font-style:normal;color:#6ccaff}
.tag-app-intro{font-size:clamp(16px,1.4vw,19px);line-height:1.65;color:#bdcede;max-width:620px;margin:0 0 29px}
.tag-app-actions{display:flex;flex-wrap:wrap;gap:12px}
.tag-app-cred{display:flex;flex-wrap:wrap;gap:12px 23px;margin-top:25px;color:#9cafc2;font-size:12px;font-weight:750}
.tag-app-cred span:before{content:"✓";margin-right:7px;color:#66d5bd}
.tag-app-demo{background:linear-gradient(145deg,#102237,#081321);border:1px solid #31516e;border-radius:22px;padding:clamp(17px,2vw,30px);box-shadow:0 32px 80px rgba(0,0,0,.27)}
.tag-app-demo-head,.tag-app-demo-foot{display:flex;justify-content:space-between;gap:10px;font:800 10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.09em;color:#aacfe5}
.tag-app-demo-head{padding-bottom:17px;border-bottom:1px solid rgba(146,199,236,.19)}
.tag-app-demo-head i{display:inline-block;width:7px;height:7px;background:#6ceaca;border-radius:50%;vertical-align:middle;box-shadow:0 0 12px #6ceaca;margin-right:8px}
.tag-app-demo-head small{color:#7d9db5}
.tag-app-demo-stage{border:1px solid #234863;background:#0a1a2c;border-radius:12px;padding:17px 20px}
.tag-app-demo-stage span{display:block;color:#64c4f5;font:800 10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.1em}
.tag-app-demo-stage strong{display:block;font-size:19px;line-height:1.3;margin-top:5px}
.tag-app-demo-stage small{display:block;color:#a2bbcf;font-size:12px;margin-top:5px;line-height:1.5}
.tag-app-demo-join{text-align:center;line-height:1.4;padding:8px;color:#65c6f6}
.tag-app-demo-foot{padding-top:16px;border-top:1px solid rgba(146,199,236,.19);margin-top:17px;font-size:9px;color:#7c9ab5}
.tag-app-content{padding:clamp(58px,6.5vw,100px) 0;background:#060c13}
.tag-app-content:nth-of-type(even){background:#090f18}
.tag-app-heading{max-width:750px;margin-bottom:33px}
.tag-app-content h2,.tag-app-final h2{font-size:clamp(32px,3.6vw,48px);line-height:1.12;letter-spacing:-.05em;margin:0 0 16px}
.tag-app-content p{line-height:1.7;color:#afc1d2}
.tag-app-heading p:last-child{font-size:16px;margin:0}
.tag-app-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.tag-app-cards article{border-radius:17px;border:1px solid #21374b;background:linear-gradient(136deg,#101f31,#0b1521);padding:29px}
.tag-app-cards article span{font:800 10px ui-monospace,Consolas,monospace;letter-spacing:.15em;color:#71c7f1}
.tag-app-cards h3{font-size:23px;letter-spacing:-.035em;margin:19px 0 9px}
.tag-app-cards p{font-size:15px;margin:0}
.tag-app-method-grid{display:grid;grid-template-columns:.82fr 1fr;gap:50px}
.tag-app-method-grid p{max-width:455px}
.tag-app-method-grid ol{list-style:none;counter-reset:tag-app;display:grid;gap:12px;padding:0;margin:0}
.tag-app-method-grid li{counter-increment:tag-app;position:relative;padding:19px 22px 19px 68px;border:1px solid #25445a;background:#0c1a27;border-radius:12px}
.tag-app-method-grid li:before{content:counter(tag-app,decimal-leading-zero);position:absolute;top:22px;left:20px;color:#73c9f7;font:800 16px ui-monospace,Consolas,monospace}
.tag-app-method-grid li strong{display:block;margin-bottom:5px;font-size:17px}
.tag-app-method-grid li span{display:block;color:#a9bccf;line-height:1.55;font-size:14px}
.tag-app-evidence{display:flex;align-items:center;justify-content:space-between;gap:35px}
.tag-app-evidence>div{max-width:780px}
.tag-app-evidence a:not(.button){color:#92dcfa;text-decoration:underline;text-underline-offset:3px}
.tag-app-faq-list{display:grid;gap:10px;margin-top:27px}
.tag-app-faq-list details{border:1px solid #28435b;background:#0e1b2a;border-radius:11px;padding:17px 20px}
.tag-app-faq-list summary{cursor:pointer;font-size:16px;font-weight:750;color:#ecf5ff}
.tag-app-faq-list details p{margin:13px 0 0;font-size:14px;max-width:850px}
.tag-app-final{background:linear-gradient(111deg,#10355e,#08203b);padding:52px 0}
.tag-app-final>.shell{display:flex;align-items:center;justify-content:space-between;gap:30px}
.tag-app-final p:not(.tag-app-kicker){color:#c2d4e5;max-width:640px;line-height:1.6;margin:0}
@media(max-width:1050px){.tag-app-layout{grid-template-columns:1fr}.tag-app-demo{max-width:700px}.hero-v8 .lean-hero-copy h1{font-size:clamp(43px,5vw,61px)!important}}
@media(max-width:700px){
 .hero-v8 .lean-hero-copy h1{font-size:clamp(36px,10.7vw,59px)!important;line-height:1.05!important}
 .tag-seo-context{padding:40px 0}.tag-seo-context-inner,.tag-app-method-grid{grid-template-columns:1fr;gap:24px}
 .tag-app-hero{padding:51px 0}.tag-app-lead h1{font-size:clamp(41px,10vw,63px)}
 .tag-app-cards{grid-template-columns:1fr}.tag-app-cards article{padding:22px}
 .tag-app-evidence,.tag-app-final>.shell{flex-direction:column;align-items:flex-start}
 .tag-app-actions a{width:100%;text-align:center;justify-content:center}
 .tag-app-cred{gap:9px 13px}
 .tag-app-demo-head small{display:none}
 .tag-app-demo-stage{padding:13px}
 .tag-app-related{gap:15px;padding-inline:20px}
}
@media(max-width:390px){.hero-v8 .lean-hero-copy h1{font-size:34px!important}.tag-app-demo-head{font-size:9px}}

/* Remove the extra desktop hamburger when the full navigation is visible. */
.site-head .menu-btn{display:none!important}
@media(max-width:1100px){
  .site-head .menu-btn{display:grid!important}
  .site-head .main-nav:not(.open){display:none}
  .site-head .main-nav.open{display:flex}
}
/* Keep the existing opt-in analytics choice, but stop the first-visit consent panel
   from hiding half the mobile page. Its controls and privacy text remain accessible. */
#tag-ga4-consent{left:15px;right:auto;bottom:14px;width:min(540px,calc(100% - 30px));max-width:none;
  padding:12px 15px;border-radius:12px;font-size:12px;line-height:1.4}
#tag-ga4-consent strong{display:block;margin-bottom:4px;font-size:14px}
#tag-ga4-consent .tag-consent-actions{display:flex;gap:8px;margin-top:9px}
#tag-ga4-consent .tag-consent-actions button{min-height:40px;padding:9px 12px;font-size:12px}
@media(max-width:700px){
  #tag-ga4-consent{left:12px;right:12px;bottom:10px;width:calc(100% - 24px);padding:12px;
    max-height:43dvh;overflow-y:auto}
  #tag-ga4-consent .tag-consent-actions{display:grid;grid-template-columns:1fr 1fr}
  #tag-ga4-consent .tag-consent-actions button{padding:8px 5px;min-height:43px;font-size:11px}
}