/* Technician homepage only; authentication and existing shared assets stay unchanged. */
:root{--font-sans:Manrope,system-ui,sans-serif;--font-display:Manrope,system-ui,sans-serif;--font-mono:Oxanium,monospace;--font-serif:Manrope,sans-serif;--bg:#edf8f5;--bg-elev-1:#f7fcfa;--bg-elev-2:#e9f5f0;--bg-elev-3:#def0e8;--fg:#173e33;--fg-muted:#486d5e;--fg-dim:#587a6d;--fg-faint:#739587;--line:#b7d5c8;--line-strong:#8bb7a3;--accent:#078568;--accent-green:#078568;--accent-ink:#fff;--shadow-1:0 5px 20px #174a3510;--shadow-2:0 20px 60px #174a3518;--tracking-tighter:-.05em;--radius-md:12px;--radius-lg:20px;--radius-xl:26px}
body{background-color:#edf8f5;background-image:radial-gradient(ellipse at 5% 12%,#ccede6aa,transparent 58%),radial-gradient(ellipse at 98% 42%,#d9eaf1bb,transparent 52%),repeating-radial-gradient(ellipse at 135% 0%,transparent 0 65px,#659bb511 67px 69px,transparent 71px 150px);background-attachment:scroll}.container{max-width:1372px;padding:0 36px}.container-narrow{max-width:1040px}html{scroll-padding-top:125px}.section{padding:62px 0}
.nav{background:#f4fbf8ed;border-bottom:1px solid #a3c9b74d;backdrop-filter:blur(16px)}.nav-inner{height:auto;min-height:100px;gap:22px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.brand{gap:12px;flex:none;font:600 23px/1.1 Oxanium,Manrope,sans-serif}.brand-mark{width:52px;height:52px;padding:0;border:0;border-radius:14px;background:transparent;box-shadow:none}.brand-mark img{width:52px;height:52px;border-radius:14px;mask-image:radial-gradient(ellipse,#000 48%,#000b 66%,transparent 79%);filter:drop-shadow(0 2px 5px #1b685843)}.brand-name small{display:block;font:500 11px/1.2 Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#557f6c;margin-top:7px}.nav-links{gap:15px;flex:1;justify-content:center}.nav-links a{font:600 13px/1.3 Manrope,sans-serif;color:#426956}.nav-cta{gap:9px}.nav-cta .btn{font-size:13px;padding:11px 16px;white-space:nowrap}.nav-cta .btn:first-child{background:#075e4a;color:#fff}.btn{border-radius:9px;border-color:#a2cbbb;background:#f8fcfa;color:#23543d;font-weight:700;box-shadow:none;min-height:44px}.btn-primary{background:#078568;color:#fff;border-color:#078568}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px #174a3516}.btn-primary:hover{background:#056e56;color:#fff}.btn-lg{padding:16px 23px}
.hero{overflow:visible;padding:62px 0 44px}.hero-grid{gap:58px;grid-template-columns:1.1fr .9fr}.hero h1{font:800 clamp(42px,4.6vw,68px)/1.04 Manrope,sans-serif;letter-spacing:-.065em;max-width:620px}.hero h1 em{font-style:normal;color:#078568}.hero .lead{font:400 19px/1.7 Manrope,sans-serif;max-width:520px;margin-top:24px;color:#3e6656}.hero-kicker{font:600 11px/1.4 Oxanium,monospace;letter-spacing:.13em;color:#078568}.hero-photo-frame{border-radius:30px;box-shadow:0 25px 65px #15463125;border:1px solid #a5c9b6;transform:rotate(1deg)}.hero-photo-frame img{filter:none;opacity:1;aspect-ratio:4/5;object-fit:cover}.hero-photo-caption{background:#f2faf5ed;color:#456754;border:0;font-size:11px}.hero-photo-caption .credit{color:#456754}.portal-paths{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:31px}.portal-paths a{padding:18px 0;border-top:1px solid #accbbd7d}.portal-paths strong{display:block;font-size:14px}.portal-paths span{display:block;font-size:12px;line-height:1.5;color:#557565;margin-top:5px}
h2{font-weight:800;font-size:clamp(30px,3.5vw,49px);letter-spacing:-.055em;line-height:1.1}h2 em,h3 em{font-family:Manrope,sans-serif!important;font-style:normal!important;color:#078568}h3{font-weight:700}.sec-head{gap:35px}.sec-head .lede{font-size:16px;line-height:1.75;color:#4b7060}.stats{background:#f8fcfab3;border:1px solid #b4d4c4;border-radius:23px;padding:30px;gap:26px;box-shadow:0 12px 40px #20553e0c}.stat-num{font-family:Oxanium,sans-serif;color:#087e5e;font-size:39px;font-weight:700}.stat-num em{font-size:22px}.stat-lbl{font-size:13px;color:#507460;line-height:1.6}.pull-quote{font:600 24px/1.6 Manrope,sans-serif;letter-spacing:-.035em;color:#456b57;max-width:900px}.pull-quote em{font-style:normal!important}.pull-quote cite{font:500 12px/1.5 Oxanium,sans-serif}.company-scores{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aacbb8;border-bottom:1px solid #aacbb8;padding:28px 0}.company-scores>div{padding:0 24px;border-right:1px solid #aacbb8}.company-scores>div:first-child{padding-left:0}.company-scores>div:last-child{border:0}.company-scores strong{display:block;font:700 51px/1.1 Oxanium,sans-serif;color:#087f5f}.company-scores span{display:block;font-size:14px;margin-top:9px;color:#4b705d}
.chart,.pay-card,.rung,.dil-card,.voice,.feature,.form,.cta-band{border-color:#b2d1c0;background:#f9fdfaaf;box-shadow:0 12px 36px #20553e08;border-radius:21px}.chart-head{background:#e5f3eba8;color:#315c46;border-color:#adcbb7}.chart-head .source{color:#51745e}.chart object{background:#0d1c15;border-radius:12px}.chart-note{background:transparent;color:#50735e}.dil-photo img,.feature-photo img{filter:none;opacity:1}.dil-card h3{font-size:23px}.dil-body p{color:#486b56}.ladder{gap:12px}.rung{padding:24px}.rung .lvl{color:#098362}.rung h3{font-size:24px}.rung .meta{color:#567562}.pay-row{border-color:#b9d2c2}.pay-row .k{color:#43684f}.pay-row .v{color:#234b33}.voice blockquote{font-family:Manrope,sans-serif;font-size:19px}.faq details{background:transparent;border-color:#b0ccb7}.faq summary{font-family:Manrope,sans-serif;font-weight:700;color:#244e35}.faq p{color:#42664e}.footer{background:#e5f1eab0;color:#446650;border-color:#b1cbbb}.footer h4{color:#30543a}.footer-legal{color:#5b7c64}.citation,.dim,.muted{color:#587860}.form{padding:28px}.form label{font:600 13px/1.6 Manrope,sans-serif;color:#315b40}.form input,.form select,.form textarea{background:#fff;color:#1a442c;border:1px solid #aac9b4;border-radius:8px;font:400 15px/1.5 Manrope,sans-serif}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid #138968;outline-offset:2px}.form input[type=checkbox]{accent-color:#078568}.tools-fieldset{border-color:#b1ccb9}.legend-note{color:#557660}.tool-chk{background:#edf7f0;border-color:#bad6c2}.onboarding-card{background:#f9fdfa;border:1px solid #9fc5ac;border-radius:24px;box-shadow:0 18px 46px #20553e10}.onboarding-head{background:#e3f4e9;border-color:#b5d3be}.onboarding-headline{color:#244f35}.onboarding-sub,.doc-body p{color:#466b50}.doc-req{color:#087e5c;background:#e1f5e8;border-color:#afd0b8}.doc-req.optional{color:#547059}.onboarding-docs li{border-color:#bdd6c5}.onboarding-foot{background:#edf7f0;color:#416148;border-color:#b4d1bd}.send-addr{color:#087e5c}.cta-band{background:#e0f1e6;padding:30px}.dropcap::first-letter{font-family:Manrope,sans-serif;color:#098360}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #138968;outline-offset:4px}
@media(max-width:1100px){.nav-inner{gap:18px}.nav-links{order:3;flex-basis:100%;justify-content:flex-start}.nav-cta{margin-left:auto}.hero-grid{gap:30px}.hero h1{font-size:54px}.hero .lead{font-size:17px}.section{padding:48px 0}}
@media(max-width:760px){.container{padding:0 20px}.nav-inner{padding-top:12px;padding-bottom:12px;gap:12px;min-height:0}.brand{font-size:18px;gap:8px}.brand-mark,.brand-mark img{width:39px;height:39px}.brand-name small{font-size:9px;margin-top:5px}.nav-links{display:flex;overflow:auto;gap:22px;white-space:nowrap;padding:6px 0 1px;scrollbar-width:thin;min-width:0}.nav-links a{flex:none;font-size:12px}.nav-cta .btn{padding:9px 11px;font-size:11px;min-height:40px}.nav-cta .btn:first-child{font-size:0}.nav-cta .btn:first-child:before{content:'Login';font-size:12px}.nav-cta .btn:first-child:after{display:none}.hero{padding:39px 0 30px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:45px}.hero .lead{font-size:17px;line-height:1.65}.hero-photo-frame{max-width:500px;width:100%;margin:0 auto;transform:none}.hero-photo-frame img{aspect-ratio:4/3}.portal-paths{gap:16px;margin-top:20px}.stats{grid-template-columns:1fr 1fr;padding:24px;gap:24px}.stat-num{font-size:31px}.stat-num em{font-size:19px}.stat-lbl{font-size:12px}.company-scores{grid-template-columns:1fr 1fr;gap:25px;padding:23px 0}.company-scores>div{padding:0!important;border:0!important}.company-scores strong{font-size:45px}.company-scores span{font-size:13px}.sec-head{gap:20px}.section{padding:39px 0}.pull-quote{font-size:20px}.form{padding:22px}.form .row2{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.onboarding-docs li{flex-wrap:wrap;gap:14px}.onboarding-docs .btn{margin-left:48px}.onboarding-head,.onboarding-foot{padding:22px}.onboarding-docs li{padding:21px}.cta-band{padding:24px}}
@media(max-width:380px){.container{padding:0 18px}.brand{font-size:16px}.brand-mark,.brand-mark img{width:34px;height:34px}.nav-cta{gap:6px}.nav-cta .btn{padding:8px 9px}.hero h1{font-size:39px}.hero-ctas{gap:10px}.hero-ctas .btn-lg{padding:13px 17px}.portal-paths{grid-template-columns:1fr;gap:0}.onboarding-headline{font-size:21px}.stats{padding:20px;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover{transform:none}}

/* Keep native form controls and the benefits list inside narrow phone columns. */
.apply-grid>*{min-width:0}.form,.form label,.form select{min-width:0;max-width:100%}
@media(max-width:760px){.apply-grid{grid-template-columns:minmax(0,1fr)}main section>div>ul[style*="repeat(2"]{grid-template-columns:minmax(0,1fr)!important}main section>div>ul[style*="repeat(2"]>li{grid-column:auto!important}.form select{width:100%}}