.otto-about-hero{--mint:#6ee7b7;--blue:#3b82f6;--grad:linear-gradient(135deg,#6ee7b7,#3b82f6);--on-accent:#050505;--ease:cubic-bezier(.25,.46,.45,.94);--font:"Suisse Intl",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.otto-about-hero[data-theme=dark],.otto-about-hero[data-theme=inherit],.otto-theme-dark .otto-about-hero[data-theme=inherit]{--text:#fff;--muted:#bebebe;--dim:#8a8a8a;--border:hsla(0,0%,100%,.08);--border2:hsla(0,0%,100%,.16);--surface:#161616;--ghost:hsla(0,0%,100%,.04);--card:hsla(0,0%,8%,.55);--btn-ghost:hsla(0,0%,100%,.06);background:linear-gradient(135deg,#000,#4d4d4d)}.otto-about-hero[data-theme=light],.otto-theme-light .otto-about-hero[data-theme=inherit]{--text:#0a0a0a;--muted:#4a4a4a;--dim:#8a8a8a;--border:rgba(0,0,0,.08);--border2:rgba(0,0,0,.16);--surface:#f7f7f5;--ghost:rgba(0,0,0,.035);--card:rgba(247,247,245,.85);--btn-ghost:rgba(0,0,0,.04);background:radial-gradient(ellipse at 85% 20%,#f0f0ee 0,#fafaf8 55%,#fff 100%)}.otto-about-hero{color:var(--text);font-family:var(--font);overflow:hidden;position:relative;-webkit-font-smoothing:antialiased;padding:clamp(88px,11vw,144px) 0}.otto-about-hero *{box-sizing:border-box}.otto-about-hero .otto-container{margin:0 auto;max-width:1200px;padding:0 32px;position:relative;z-index:2}.otto-about-hero .otto-accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.otto-about-hero .otto-eyebrow{align-items:center;color:var(--muted);display:inline-flex;font-size:11px;font-weight:500;gap:12px;letter-spacing:.22em;margin:0;text-transform:uppercase}.otto-about-hero .otto-eyebrow:before{background:currentColor;content:"";height:1px;opacity:.55;width:28px}.otto-about-hero h2{color:var(--text);font-size:clamp(32px,4.4vw,54px);font-weight:500;letter-spacing:-.025em;line-height:1.06;margin:18px 0 0}.otto-about-hero .otto-lead{color:var(--muted);font-size:clamp(16px,1.2vw,19px);line-height:1.65;margin:20px 0 0;max-width:60ch}.otto-about-hero .otto-head{max-width:780px}.otto-about-hero .otto-btn{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:15px;font-weight:500;gap:.5em;padding:15px 28px;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.otto-about-hero .otto-btn--primary{background:var(--grad);box-shadow:0 8px 32px rgba(110,231,183,.18);color:var(--on-accent)}.otto-about-hero .otto-btn--primary:hover{box-shadow:0 14px 44px rgba(110,231,183,.3);transform:translateY(-2px)}.otto-about-hero .otto-btn--ghost{background:var(--btn-ghost);border-color:var(--border2);color:var(--text)}.otto-about-hero .otto-btn--ghost:hover{border-color:var(--text);transform:translateY(-2px)}@keyframes otto-flow{to{background-position:-220% 0}}@keyframes otto-comet{0%{left:0;opacity:0}12%{opacity:1}86%{opacity:1}to{left:100%;opacity:0}}.otto-about-hero{border-bottom:1px solid var(--border);padding:clamp(96px,13vw,168px) 0 clamp(80px,9vw,120px)}.otto-about-hero__ghost{bottom:-100px;color:var(--ghost);font-family:var(--font);font-size:clamp(190px,31vw,400px);font-weight:600;letter-spacing:-.06em;line-height:.8;pointer-events:none;position:absolute;right:-50px;user-select:none;z-index:0}.otto-about-hero__grid{align-items:center;display:grid;gap:64px;grid-template-columns:1.25fr .92fr}.otto-about-hero__grid--solo{grid-template-columns:1fr;max-width:820px}.otto-about-hero h1{color:var(--text);font-size:clamp(44px,5.7vw,70px);font-weight:500;letter-spacing:-.03em;line-height:1;margin:26px 0 0}.otto-about-hero__lead{color:var(--muted);font-size:clamp(16px,1.2vw,19px);line-height:1.65;margin-top:28px;max-width:54ch}.otto-about-hero__lead p{margin:0 0 12px}.otto-about-hero__lead p:last-child{margin-bottom:0}.otto-about-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.otto-about-hero__card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;padding:32px 30px;position:relative}.otto-about-hero__card:before{background:linear-gradient(90deg,transparent,var(--mint),var(--blue),transparent);content:"";height:1px;left:0;opacity:.6;position:absolute;top:0;width:100%}.otto-about-hero__card-h{color:var(--dim);font-size:11px;font-weight:500;letter-spacing:.18em;margin:0 0 6px;text-transform:uppercase}.otto-about-hero__row{align-items:baseline;border-top:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:16px 0}.otto-about-hero__row:first-child{border-top:0}.otto-about-hero__row dt{color:var(--dim);font-size:12.5px;letter-spacing:.04em;margin:0;text-transform:uppercase}.otto-about-hero__row dd{color:var(--text);font-size:15px;font-weight:500;margin:0;text-align:right}@media(max-width:980px){.otto-about-hero__grid{gap:40px;grid-template-columns:1fr}}.otto-about-hero.otto-align-center{text-align:center}.otto-about-hero.otto-align-center .otto-head{margin-left:auto;margin-right:auto}.otto-about-hero.otto-align-center .otto-eyebrow{justify-content:center}.otto-about-hero.otto-align-left{text-align:left}@property --otto-a{syntax:"<angle>";inherits:false;initial-value:0deg}.otto-about-hero__card-wrap{position:relative;width:100%}.otto-about-hero__card-wrap .otto-about-hero__card{position:relative;z-index:2}.otto-about-hero__card-wrap.is-glow .otto-about-hero__card{background:#0a0b0d}.otto-about-hero__halo{animation:otto-breathe 3.4s ease-in-out infinite;background:var(--grad,linear-gradient(135deg,#6ee7b7,#3b82f6));border-radius:20px;filter:blur(14px);inset:-3px;opacity:.4;pointer-events:none;position:absolute;z-index:0}.otto-about-hero__runner{animation:otto-run 4.5s linear infinite;background:conic-gradient(from var(--otto-a,0deg),transparent 0deg,transparent 250deg,#6ee7b7 312deg,#3b82f6 1turn);border-radius:18px;filter:drop-shadow(0 0 4px rgba(110,231,183,.6));inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:3}@keyframes otto-run{to{--otto-a:360deg}}@keyframes otto-breathe{0%,to{filter:blur(10px);opacity:.18}50%{filter:blur(20px);opacity:.5}}@media (prefers-reduced-motion:reduce){.otto-about-hero__halo,.otto-about-hero__runner{animation:none}}