.page-hero{position:relative;padding:calc(var(--nav-h) + clamp(3rem,8vw,6rem)) 0 clamp(3rem,6vw,5rem);background-color:var(--dk);background-image:radial-gradient(ellipse 900px 500px at 50% 30%, rgba(52,19,144,.28) 0%, rgba(0,0,0,0) 65%),radial-gradient(ellipse 600px 400px at 80% 60%, rgba(29,78,216,.14) 0%, rgba(0,0,0,0) 65%);overflow:hidden}.page-hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg, rgba(0,0,0,0), rgba(124,58,237,.25), rgba(0,0,0,0))}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}@media (max-width: 768px){.hero-grid{grid-template-columns:1fr;text-align:center}}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--violet-l);margin-bottom:1.25rem}.hero-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--star);box-shadow:0 0 8px var(--star);flex-shrink:0}.page-hero h1{font-size:clamp(2rem,4.5vw,3.5rem);font-weight:600;letter-spacing:-.02em;margin-bottom:1.25rem;line-height:1.1}.hero-desc{font-size:clamp(1rem,1.5vw,1.1rem);color:var(--tx-lm);max-width:520px;line-height:1.7}@media (max-width: 768px){.hero-desc{margin-inline:auto}}.hero-photo{display:flex;justify-content:center}.hero-photo img{width:clamp(220px,28vw,320px);height:clamp(220px,28vw,320px);border-radius:50%;object-fit:cover;border:3px solid rgba(124,58,237,.25);box-shadow:0 0 60px rgba(124,58,237,.15),0 8px 32px rgba(0,0,0,.3)}.section-dark{background:rgba(11,9,32,.35);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding-block:var(--spy);position:relative;z-index:2}.section-dark.section-alt{background:rgba(5,5,15,.85)}.section-label{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;color:var(--violet-l)}.section-title{font-size:clamp(1.9rem,4vw,3rem);font-weight:600;letter-spacing:-.02em;margin-bottom:1rem}.section-sub{font-size:1.05rem;max-width:560px;opacity:.7;line-height:1.7;margin-bottom:clamp(2.5rem,5vw,4rem)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}@media (max-width: 768px){.story-grid{grid-template-columns:1fr}}.story-text p{font-size:.95rem;color:rgba(238,238,255,.8);line-height:1.75;margin-bottom:1.25rem}.story-text strong{color:var(--tx-l);font-weight:600}.story-facts{display:flex;flex-direction:column;gap:1.25rem}.fact-card{background:var(--dk-card);border:1px solid var(--dk-border);border-radius:var(--r);padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:border-color .2s}.fact-card:hover{border-color:rgba(167,139,250,.35)}.fact-number{font-family:var(--ff-t);font-size:1.75rem;font-weight:700;color:var(--violet-l);line-height:1;flex-shrink:0;min-width:56px}.fact-card h3{font-size:.95rem;font-weight:700;color:var(--tx-l);margin-bottom:.25rem}.fact-card p{font-size:.88rem;color:var(--tx-lm);line-height:1.55}.values-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem}@media (max-width: 900px){.values-grid{grid-template-columns:1fr 1fr}}@media (max-width: 500px){.values-grid{grid-template-columns:1fr}}.value-card{background:var(--dk-card);border:1px solid var(--dk-border);border-radius:var(--r-lg);padding:2rem 1.75rem;transition:border-color .2s,box-shadow .2s}.value-card:hover{border-color:rgba(167,139,250,.3);box-shadow:0 4px 20px rgba(124,58,237,.1)}.value-icon{width:48px;height:48px;border-radius:.75rem;background:linear-gradient(135deg, rgba(124,58,237,.15), rgba(167,139,250,.08));border:1px solid rgba(124,58,237,.25);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.value-icon svg{width:22px;height:22px;stroke:var(--violet-l);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.value-card h3{font-size:1.05rem;font-weight:700;color:var(--tx-l);margin-bottom:.5rem}.value-card p{font-size:.88rem;color:var(--tx-lm);line-height:1.6}.stack-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:1rem}.stack-item{background:var(--dk-card);border:1px solid var(--dk-border);border-radius:var(--r);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.75rem;transition:border-color .2s}.stack-item:hover{border-color:rgba(255,69,0,.25)}.stack-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.stack-dot.html{background:#e34f26}.stack-dot.css{background:#1572b6}.stack-dot.astro{background:#bc52ee}.stack-dot.js{background:#f7df1e}.stack-dot.figma{background:#a259ff}.stack-dot.git{background:#f05032}.stack-dot.bunny{background:#ff8c00}.stack-dot.vscode{background:#007acc}.stack-item span:last-child{font-size:.9rem;font-weight:600;color:var(--tx-l)}.approach-text{max-width:720px}.approach-text p{font-size:.95rem;color:rgba(238,238,255,.8);line-height:1.75;margin-bottom:1.25rem}.approach-text strong{color:var(--tx-l);font-weight:600}.cta-section{text-align:center}.cta-section .section-title{max-width:600px;margin-inline:auto}.cta-section .section-sub{max-width:520px;margin-inline:auto}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary{padding:.8rem 2rem;background:linear-gradient(180deg, #e04000 0%, #b53000 100%);color:#fff;border-radius:.75rem;font-size:1rem;font-weight:600;letter-spacing:.02em;border:1px solid rgba(255,255,255,.15);border-bottom-color:rgba(0,0,0,.25);box-shadow:0 2px 8px rgba(181,48,0,.35),inset 0 1px 0 rgba(255,255,255,.18);transition:background .2s,transform .15s,box-shadow .2s}.btn-primary:hover{background:linear-gradient(180deg, #cc3700 0%, #a02800 100%);transform:translateY(-2px);box-shadow:0 4px 14px rgba(181,48,0,.4),inset 0 1px 0 rgba(255,255,255,.2)}.btn-ghost{padding:.8rem 2rem;background:linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.15);border-bottom-color:rgba(255,255,255,.06);color:var(--tx-l);border-radius:.75rem;font-size:1rem;font-weight:500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08);transition:border-color .2s,color .2s,background .2s,box-shadow .2s,transform .15s}.btn-ghost:hover{border-color:var(--violet-m);color:var(--violet-l);background:linear-gradient(180deg, rgba(124,58,237,.1) 0%, rgba(124,58,237,.04) 100%);transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1)}