.app-container{padding-top:var(--space-7)}.app-tab-toggle{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:6px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-7)}.app-tab-toggle-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:64px;padding:0 var(--space-5);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}@media(max-width:600px){.app-tab-toggle-btn{height:56px;padding:0 var(--space-3)}}.app-tab-toggle-btn:hover{color:var(--text-primary)}.app-tab-toggle-btn-label{font-family:var(--ff-mono);font-size:var(--fs-body-s);font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1}.app-tab-toggle-btn-sub{font-family:var(--ff-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);line-height:1}@media(max-width:600px){.app-tab-toggle-btn-sub{display:none}}.app-tab-toggle-btn.is-active{background:var(--surface-3);border-color:var(--border-emphasis);color:var(--text-primary);box-shadow:inset 0 1px #ffffff0a,var(--shadow-1)}.app-tab-toggle-btn.is-active:before{content:"";position:absolute;left:var(--space-5);right:var(--space-5);top:0;height:2px;background:var(--accent);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.app-section{display:none}main[data-app=driver] .app-section[data-app=driver]{display:block}main[data-app=builder] .app-section[data-app=builder]{display:block}.app-hero{position:relative;padding-top:var(--space-8);padding-bottom:var(--space-7);overflow:hidden;isolation:isolate}.app-hero:before{content:"";position:absolute;top:-20%;right:-10%;width:60vw;height:60vw;max-width:720px;max-height:720px;background:radial-gradient(circle at center,rgba(27,179,242,.1),transparent 60%);pointer-events:none;z-index:-1}.app-hero-inner{display:flex;flex-direction:column;gap:var(--space-5);max-width:880px}.app-hero-title{font-family:var(--ff-display);font-size:var(--fs-display-l);font-weight:var(--fw-display);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;color:var(--text-primary)}.app-hero-supporting{color:var(--text-secondary);font-size:var(--fs-body-l);max-width:60ch}.app-two-col{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:900px){.app-two-col{grid-template-columns:1fr 1fr;gap:var(--space-7)}}.app-feature-block{display:flex;flex-direction:column;gap:var(--space-4)}.app-feature-block-head{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.app-feature-block-title{font-family:var(--ff-display);font-size:var(--fs-display-s);font-weight:var(--fw-display);line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:var(--text-primary)}.app-feature-list{display:flex;flex-direction:column;gap:0;list-style:none;padding:0;margin:0}.app-feature-list li{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--fs-body);color:var(--text-secondary);line-height:1.4}.app-feature-list li:last-child{border-bottom:none}.app-feature-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--accent)}.app-feature-icon .lucide{width:16px;height:16px}.app-comp-block{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);position:relative;overflow:hidden}.app-comp-block:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.app-comp-block-title{font-family:var(--ff-display);font-size:var(--fs-display-s);font-weight:var(--fw-display);line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:var(--text-primary)}.app-comp-block-body{color:var(--text-secondary);font-size:var(--fs-body)}.app-form-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-6)}@media(min-width:768px){.app-form-card{padding:var(--space-8) var(--space-8)}}.app-form-head{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle)}.app-form-title{font-family:var(--ff-display);font-size:var(--fs-display-s);font-weight:var(--fw-display);line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:var(--text-primary)}.app-form-supporting{color:var(--text-secondary);font-size:var(--fs-body)}.app-form{display:flex;flex-direction:column;gap:var(--space-5)}.app-form .field-row{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:600px){.app-form .field-row.is-two{grid-template-columns:1fr 1fr}}.app-form-submit-row{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-5);margin-top:var(--space-2);border-top:1px solid var(--border-subtle)}@media(min-width:600px){.app-form-submit-row{flex-direction:row;align-items:center;justify-content:space-between}}.app-form-submit-row .btn{width:100%}@media(min-width:600px){.app-form-submit-row .btn{width:auto}}.app-form-helper{font-family:var(--ff-mono);font-size:var(--fs-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.app-form-helper strong{color:var(--text-secondary);font-weight:600}.app-form-file-upload{display:flex;flex-direction:column;gap:var(--space-2)}.app-form-file-upload-label{font-size:var(--fs-body-s);font-weight:500;color:var(--text-primary)}.app-file-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:156px;padding:var(--space-5);background:var(--surface-3);border:1px dashed var(--border-emphasis);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.app-file-dropzone:hover{border-color:var(--accent);background:#1bb3f20a}.app-file-dropzone:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #1bb3f240}.app-file-dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.app-file-dropzone-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--accent)}.app-file-dropzone-icon .lucide{width:20px;height:20px}.app-file-dropzone-primary{font-family:var(--ff-body);font-size:var(--fs-body);font-weight:600;color:var(--text-primary)}.app-file-dropzone-helper{font-family:var(--ff-mono);font-size:var(--fs-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.app-file-counter{display:none;align-items:center;gap:var(--space-2);padding:4px var(--space-3);background:var(--surface-1);border:1px solid var(--accent);border-radius:var(--radius-full);font-family:var(--ff-mono);font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.app-file-counter.is-shown{display:inline-flex}.app-file-counter-dot{width:6px;height:6px;background:var(--accent);border-radius:var(--radius-full)}.app-toast{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%) translateY(20px);z-index:200;padding:var(--space-3) var(--space-5);background:var(--surface-1);border:1px solid var(--border-emphasis);border-left:3px solid var(--accent);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--fs-body-s);font-weight:500;box-shadow:var(--shadow-2);opacity:0;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);max-width:90vw;pointer-events:none}.app-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}
