.page-hero{padding-block:clamp(var(--space-16), 11vw, var(--space-32));border-block-end:1px solid var(--border-default);position:relative;overflow:hidden}.page-hero:before{z-index:-1;background-color:var(--surface-muted);background-image:linear-gradient(var(--grid-neutral-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-neutral-line) 1px, transparent 1px);background-position:50%;background-size:var(--space-8) var(--space-8);content:"";position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.page-hero--split .container,.company-grid,.role-summary-grid{gap:clamp(var(--space-10), 7vw, var(--space-24));grid-template-columns:minmax(0,1.05fr) minmax(18rem,.8fr);align-items:center;display:grid}.page-hero__content{max-inline-size:46rem}.page-hero__eyebrow,.section-kicker{color:var(--accent-warm-text);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.09em;text-transform:uppercase;margin-block-end:var(--space-5);font-weight:650}.page-hero h1{font-size:var(--text-display);letter-spacing:-.045em;margin-block-end:var(--space-6);font-weight:680;line-height:.98}.page-hero__lead{max-inline-size:43rem;color:var(--text-secondary);font-size:var(--text-lead);margin-block-end:var(--space-8)}.page-hero__actions,.section-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.page-hero__device{max-inline-size:23rem;margin-inline:auto;transform:rotate(2.5deg)}.page-hero__device .device-shell{box-shadow:var(--shadow-device), 1.4rem 1.4rem 0 var(--accent-warm-shadow)}.page-section{padding-block:var(--section-space);border-block-end:1px solid var(--border-default)}.page-section--muted{background:var(--surface-muted)}.page-section--dark{background:var(--surface-inverse);color:var(--text-inverse)}.page-section--dark :is(p,.feature-link__copy){color:var(--text-inverse-muted)}.page-section--dark .feature-link{border-color:var(--border-inverse-default)}.page-section--dark .feature-link__icon{border-color:var(--border-inverse-default);background:var(--surface-inverse-raised)}.page-section--dark .button--outline{border-color:var(--border-inverse-emphasis);color:var(--text-inverse);background:0 0}.page-section__intro{max-inline-size:var(--reading);margin-block-end:var(--space-12)}.page-section__intro h2{font-size:var(--text-h2);letter-spacing:-.025em;margin-block-end:var(--space-5);line-height:1.06}.page-section__intro p:last-child,.role-summary-grid>p,.company-principle p{color:var(--text-secondary);font-size:var(--text-lead);margin:0}.role-list{border-block-start:1px solid var(--border-default)}.role-list .feature-link:last-child{border-block-end:0}.role-summary-grid{align-items:start}.role-summary-grid h2,.company-grid h2{font-size:var(--text-h2);letter-spacing:-.025em;margin-block-end:var(--space-5);line-height:1.06}.role-summary-grid p,.company-grid p{margin-block-end:var(--space-8)}.proof-card{gap:var(--space-4);padding:var(--space-8);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:var(--shadow-soft);display:grid}.proof-card__index{color:var(--accent-text);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;font-weight:700}.proof-card h3{font-size:var(--text-h3);margin:0;line-height:1.15}.proof-card p{color:var(--text-secondary);margin:0}.proof-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.workflow-wrap{margin-block-start:var(--space-16)}.company-principles{gap:var(--space-8);display:grid}.company-principle{border-block-end:1px solid var(--border-default);padding-block-end:var(--space-8)}.company-principle h3{font-size:var(--text-h3);margin-block-end:var(--space-3)}.company-principle p{max-inline-size:55rem}.security-note{gap:var(--space-4);padding:var(--space-8);border-inline-start:3px solid var(--accent-warm);background:var(--surface-muted);display:grid}.security-note h2{font-size:var(--text-h3);margin:0}.security-note p{max-inline-size:65ch;color:var(--text-secondary);margin:0}@media (width<=55rem){.page-hero--split .container,.company-grid,.role-summary-grid,.proof-grid{grid-template-columns:1fr}.page-hero__device{margin-block-start:var(--space-4)}}@media (width<=47.99rem){.page-hero{padding-block:var(--space-16)}.page-hero h1{max-inline-size:100%;font-size:clamp(1.5rem,6.8vw,2.25rem);line-height:1.02}.page-hero__actions,.section-actions{flex-direction:column;align-items:stretch}.page-hero__actions .button,.section-actions .button{inline-size:100%}}
