/* Essential identity for account and company setup screens. Presentation only. */
@font-face{font-family:Geist;src:url('/assets/fonts/geist-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/assets/fonts/geist-mono-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#11120f;--teal:#11120f;--green:#11120f;--muted:#5e6554;--border:#c9cdbf;--cream:#f4f3eb;--paper:#f4f3eb;--impact-lime:#c8ff2d;font-family:Geist,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{font-family:Geist,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f4f3eb;color:#11120f}
.account-wrap{max-width:1140px;padding:32px 32px 50px}
.account-wrap>header,.onboard-header{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #11120f;padding-bottom:25px;margin-bottom:30px}
.account-wrap .brand,.onboard-shell .brand{font-size:25px;font-weight:750;letter-spacing:-1px;line-height:1.08;color:#11120f}
.account-wrap .brand .brand-business,.onboard-shell .brand .brand-business{font-size:10px;line-height:1.6;letter-spacing:1.6px;color:#5e6554;margin-top:6px}
.account-wrap>header>p{margin:0 auto 0 28px;font:500 9px/1.6 'Geist Mono',monospace;letter-spacing:1.5px;color:#5e6554}
.account-wrap .badge{background:#e4e7d9;color:#3f4931;border:1px solid #c7cdbb;border-radius:0;font-size:11px;padding:9px 12px;line-height:1.5}
.account-wrap .card,.onboard-shell .card{border:1px solid #11120f;border-radius:0;padding:34px;background:#fffef8;box-shadow:8px 8px 0 #d4d8c8;margin-bottom:28px;min-width:0}
.account-wrap h1{font-size:43px;font-weight:650;letter-spacing:-2px;line-height:1.05;margin-bottom:17px}
.account-wrap h2{font-size:26px;font-weight:650;letter-spacing:-1px;margin-top:28px}
.account-wrap p{color:#5e6554;font-size:14px;line-height:1.75}
.account-wrap .small,.account-wrap footer{font-size:12px;line-height:1.75;color:#626a57}
.account-wrap label,.onboard-shell label{font-size:12px;font-weight:650;letter-spacing:.1px;gap:8px}
.account-wrap input,.account-wrap select,.account-wrap textarea,.onboard-shell input,.onboard-shell select,.onboard-shell textarea{border:1px solid #aeb79d;border-radius:0;color:#11120f;background:#fffef8;font-family:Geist,sans-serif;font-size:16px;padding:14px 15px;line-height:1.4;min-width:0}
.account-wrap input:focus,.account-wrap select:focus,.account-wrap textarea:focus,.onboard-shell input:focus,.onboard-shell select:focus,.onboard-shell textarea:focus{border-color:#11120f;outline:3px solid #b9d677;outline-offset:2px}
.account-wrap button,.account-wrap .button,.onboard-shell button,.onboard-shell .button{font:650 14px/1.3 Geist,sans-serif;border:1px solid #11120f;border-radius:0;min-height:50px;padding:15px 20px;background:#11120f;color:#f4f3eb;box-shadow:none;transition:background .18s,box-shadow .18s,transform .18s}
.account-wrap button:hover:not(:disabled),.account-wrap .button:hover,.onboard-shell button:hover:not(:disabled),.onboard-shell .button:hover{background:#303526;box-shadow:3px 3px 0 #c8ff2d;transform:translate(-1px,-1px)}
.account-wrap :is(button,a):focus-visible,.onboard-shell :is(button,a):focus-visible{outline:3px solid #879a30;outline-offset:4px}
.account-wrap button:disabled,.onboard-shell button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.account-wrap .secondary,.onboard-shell .secondary{background:#f4f3eb;color:#11120f;border-color:#aeb79d}
.account-wrap .secondary:hover,.onboard-shell .secondary:hover{background:#e7ebdc;color:#11120f}
.account-wrap a,.onboard-shell a{color:#303d1e;text-underline-offset:4px;text-decoration-thickness:1px}
.account-wrap a.button,.onboard-shell a.button{color:#f4f3eb;text-decoration:none}
.account-wrap a.button.secondary,.onboard-shell a.button.secondary{color:#11120f}
.account-wrap #signin{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:13px 60px;padding:42px;overflow:hidden;min-height:488px}
.account-wrap #signin::before{content:'';position:absolute;inset:0 53% 0 0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#11120fe8,#11120ff7),url('/assets/engineer-editorial.png') center/cover}
.account-wrap #signin>h1{grid-column:1;grid-row:1;align-self:end;color:#f4f3eb;font-size:clamp(42px,4.3vw,60px);margin:30px 0 0;letter-spacing:-.065em;max-width:350px}
.account-wrap #signin>p{grid-column:1;color:#d7deca;max-width:325px;margin-bottom:0}
.account-wrap #signin>.small{font-size:11px;line-height:1.8;margin:16px 0}
.account-wrap #signin>p a,.account-wrap #signin>a{color:#c8ff2d;font-size:12px;line-height:1.7}
.account-wrap #signin>a{grid-column:1;align-self:start}
.account-wrap #login{grid-column:2;grid-row:1 / 7;align-self:center;gap:21px}
.account-wrap #login>button,.onboard-shell #create-account,.onboard-shell #save,.onboard-shell #next,.onboard-shell #open-next{background:#c8ff2d;color:#11120f;border-color:#11120f;box-shadow:4px 4px 0 #11120f14}
.account-wrap #login>button:hover,.onboard-shell #create-account:hover:not(:disabled),.onboard-shell #save:hover,.onboard-shell #next:hover,.onboard-shell #open-next:hover{background:#dcff7c;color:#11120f}
.account-wrap #message:not(:empty):not(.error){border-radius:0;background:#e8eedc;border-left:4px solid #8ba831;color:#34422a}
.account-wrap #message.error{border-radius:0;border-left:4px solid #b1442e}
.account-wrap #members li{border-color:#c9cdbf;padding:15px 0;flex-wrap:wrap}
.account-wrap #members button{font-size:11px;min-height:35px;padding:8px 12px}
.account-wrap #signedin>.card:first-child{border-top:8px solid #11120f}
.account-wrap #owner-tools{border-top:8px solid #c8ff2d}
.account-wrap footer{border-top:1px solid #c4cbbc;padding:24px 0 0;margin-top:36px;text-align:left}
.onboard-shell{max-width:1280px;padding:32px 40px 52px}
.onboard-shell .header-links{font-size:12px;gap:25px}
.onboard-shell .header-links a{color:#11120f;text-decoration:none;border-bottom:1px solid #9aa78a;padding-bottom:4px}
.onboard-shell .preview-strip{border:1px solid #b9c49e;border-radius:0;color:#40512a;background:#e9f0d7;font-size:12px;line-height:1.65;padding:13px 17px;margin-bottom:32px}
.onboard-shell .onboard-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:38px;align-items:start}
.onboard-shell .intro{padding:36px 33px 39px;background:#11120f;color:#f4f3eb;position:relative;overflow:hidden;min-width:0;border-bottom:8px solid #c8ff2d}
.onboard-shell .intro::after{content:'';position:absolute;right:-78px;bottom:-78px;width:230px;height:230px;border:30px solid #c8ff2d09;border-radius:50%;pointer-events:none}
.onboard-shell .intro .eyebrow{font:500 9px/1.65 'Geist Mono',monospace;letter-spacing:1.3px;color:#c8ff2d}
.onboard-shell .intro h1{font-size:clamp(38px,4.25vw,60px);font-weight:650;line-height:1.04;letter-spacing:-.065em;margin:22px 0 26px;color:#f4f3eb}
.onboard-shell .intro p{font-size:14px;line-height:1.8;color:#c7d0b8;max-width:none}
.onboard-shell .intro .small{font-size:11px;line-height:1.8}
.onboard-shell .benefits{margin:27px 0;display:block}
.onboard-shell .benefits li{font-size:12px;line-height:1.65;border-color:#566049;padding:15px 0;gap:13px;color:#e3e8d8}
.onboard-shell .check{color:#c8ff2d;font:500 12px/1.6 'Geist Mono',monospace;flex:none}
.onboard-shell .card h2{font-size:31px;line-height:1.15;font-weight:650;letter-spacing:-1.4px;color:#11120f;margin-bottom:13px}
.onboard-shell .card .small,.onboard-shell .hint{font-size:11px;line-height:1.65;color:#687158}
.onboard-shell .plan-summary{border-radius:0;border:1px solid #c1caad;border-top:5px solid #c8ff2d;background:#f0f3e5;padding:20px;min-width:0}
.onboard-shell .plan-summary .eyebrow{font:500 9px/1.65 'Geist Mono',monospace;letter-spacing:1px;color:#536139}
.onboard-shell .plan-summary strong{font-size:32px;line-height:1.1;letter-spacing:-1.8px;font-weight:650;color:#11120f}
.onboard-shell .plan-summary p{font-size:12px;line-height:1.7;color:#566348}
.onboard-shell .plan-summary input{background:#fffef8}
.onboard-shell .form-message:not(:empty){border-radius:0;border-left:4px solid #91a348}
.onboard-shell .form-message.error:not(:empty){border-left-color:#b1442e}
.onboard-shell .steps{border-bottom:1px solid #c9cdbf;margin-bottom:28px;gap:14px}
.onboard-shell .steps li{font-size:12px;color:#6f775f;border-bottom-color:transparent;gap:9px}
.onboard-shell .steps li.active{border-color:#11120f;color:#11120f}
.onboard-shell .steps .step-number{border-radius:0;border:1px solid #bbc5a9;background:#f1f3e8;font:500 12px/1 'Geist Mono',monospace;width:27px;height:27px}
.onboard-shell .steps .active .step-number{background:#c8ff2d;border-color:#9aad54}
.onboard-shell .engineer{border-radius:0;border-color:#c3cbb3;border-left:4px solid #11120f;background:#f3f5ec;padding:21px}
.onboard-shell .engineer h3{font-size:18px;letter-spacing:-.5px}
.onboard-shell .text-button{background:transparent;color:#303d1e;border:0;padding:10px 0;min-height:0;font-size:12px;box-shadow:none}
.onboard-shell .text-button:hover{background:transparent;color:#11120f;box-shadow:none;transform:none}
.onboard-shell .review-list dt{font:500 9px/1.5 'Geist Mono',monospace;color:#6f775f;letter-spacing:1px}
.onboard-shell .review-list dd{font-size:14px;line-height:1.7;color:#11120f;overflow-wrap:anywhere}
.onboard-shell .review-list div{border-color:#c9cdbf}
.onboard-shell .success-mark{border-radius:0;background:#c8ff2d;color:#11120f;border:1px solid #a1b748}
.onboard-shell .privacy-note{font-size:11px;line-height:1.7;color:#6b745f}
.onboard-shell footer{border-top:1px solid #c4cbbc;padding-top:24px;line-height:1.75;font-size:11px;margin-top:35px;color:#6b745f}
@media(max-width:960px){.onboard-shell{padding-left:28px;padding-right:28px}.onboard-shell .onboard-grid{gap:27px}.onboard-shell .intro{padding:29px 25px}.onboard-shell .card{padding:27px}.onboard-shell .intro h1{font-size:42px}.account-wrap #signin{gap:13px 40px;padding:32px}.account-wrap #signin::before{right:52%}.account-wrap #signin>h1{font-size:48px}}
@media(max-width:800px){.onboard-shell .onboard-grid,.onboard-shell .setup-grid{grid-template-columns:1fr;gap:28px}.onboard-shell .intro{padding:31px;min-height:0}.onboard-shell .intro h1{font-size:49px;max-width:650px}.onboard-shell .intro p{max-width:650px}.onboard-shell .benefits{display:block;margin:24px 0}.onboard-shell .benefits li{font-size:12px}.onboard-shell .card{padding:31px}.account-wrap>header{flex-wrap:wrap}.account-wrap>header>p{display:none}.account-wrap .badge{font-size:10px}.account-wrap #signin{grid-template-columns:1fr;gap:19px;padding:31px;min-height:0}.account-wrap #signin::before{inset:0;background:#fffef8}.account-wrap #signin>h1,.account-wrap #signin>p,.account-wrap #signin>a{grid-column:auto;grid-row:auto;color:#11120f;max-width:none}.account-wrap #signin>h1{margin-top:0;font-size:45px}.account-wrap #signin>p a,.account-wrap #signin>a{color:#435326}.account-wrap #login{grid-column:auto;grid-row:3;align-self:auto}.account-wrap #signin>.small{margin:7px 0;color:#687158}.account-wrap #signin{border-top:9px solid #11120f}}
@media(max-width:480px){.account-wrap{padding:24px 18px 35px}.account-wrap>header{gap:18px;padding-bottom:22px;margin-bottom:25px}.account-wrap .brand,.onboard-shell .brand{font-size:21px;letter-spacing:-.8px}.account-wrap .brand .brand-business,.onboard-shell .brand .brand-business{font-size:8px;letter-spacing:1.2px}.account-wrap .badge{font-size:10px;padding:8px 10px}.account-wrap .card,.account-wrap #signin{padding:24px;box-shadow:5px 5px 0 #d4d8c8}.account-wrap h1,.account-wrap #signin>h1{font-size:38px;letter-spacing:-2px}.account-wrap h2{font-size:25px}.account-wrap p{font-size:13px}.account-wrap .small,.account-wrap footer{font-size:11px}.account-wrap input,.account-wrap select,.account-wrap textarea,.onboard-shell input,.onboard-shell select,.onboard-shell textarea{padding:13px;min-width:0}.onboard-shell{padding:23px 18px 38px}.onboard-header{gap:18px;padding-bottom:22px;align-items:center;flex-wrap:wrap}.onboard-shell .header-links{font-size:11px;gap:20px}.onboard-shell .preview-strip{font-size:11px;padding:12px 14px;margin-bottom:25px}.onboard-shell .intro{padding:27px 25px}.onboard-shell .intro h1{font-size:41px}.onboard-shell .intro p{font-size:13px}.onboard-shell .intro .small{font-size:11px}.onboard-shell .card{padding:25px 22px;box-shadow:5px 5px 0 #d4d8c8}.onboard-shell .card h2{font-size:28px}.onboard-shell .steps{gap:8px}.onboard-shell .steps li{font-size:10px;gap:6px}.onboard-shell .steps .step-number{width:24px;height:24px;font-size:11px}.onboard-shell .field-grid{grid-template-columns:1fr;gap:17px}.onboard-shell .full{grid-column:auto}.onboard-shell .engineer{padding:17px}.onboard-shell .engineer-head{gap:14px}.onboard-shell .action-row{gap:10px;flex-wrap:wrap}.onboard-shell .action-row button{font-size:12px;padding:14px 13px}.onboard-shell .plan-summary{padding:17px}.onboard-shell .privacy-note{font-size:10px}}
@media(max-width:350px){.account-wrap{padding-left:14px;padding-right:14px}.account-wrap .card,.account-wrap #signin{padding:20px}.account-wrap h1,.account-wrap #signin>h1{font-size:35px}.onboard-shell{padding-left:14px;padding-right:14px}.onboard-shell .intro{padding:24px 21px}.onboard-shell .intro h1{font-size:37px}.onboard-shell .card{padding:23px 19px}.onboard-shell .card h2{font-size:25px}.onboard-shell .steps{gap:5px}.onboard-shell .steps li{font-size:9px;gap:4px}.onboard-shell .steps .step-number{width:22px;height:22px;font-size:10px}.onboard-shell .engineer{padding:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Company disclosures and policies stay readable after the account content. */
.account-wrap footer .company-details,.onboard-shell footer .company-details{display:block;margin:12px 0;overflow-wrap:anywhere}.policy-links{display:block;margin-top:10px}.policy-links a{padding:5px 0}
