*{box-sizing:border-box}body{min-height:100vh;color:var(--amb-ink);background:radial-gradient(1100px 720px at 12% -8%, color-mix(in oklab, var(--amb-brand) 24%, transparent), transparent 55%), radial-gradient(900px 650px at 112% 4%, oklab(78.0242% -.124547 -.0140954/.2), transparent 52%), radial-gradient(1000px 820px at 50% 112%, oklab(78.0762% .165749 -.0639679/.14), transparent 60%), var(--amb-bg);margin:0;padding:40px 18px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}.orb{filter:blur(72px);z-index:0;pointer-events:none;opacity:.32;border-radius:50%;animation:20s ease-in-out infinite ambfloat;position:fixed}.orb.a{background:var(--amb-brand);width:380px;height:380px;top:-90px;left:-70px}.orb.b{background:#36d1c4;width:320px;height:320px;animation-delay:-7s;bottom:-110px;right:-50px}.orb.c{opacity:.22;background:#ff86dd;width:260px;height:260px;animation-delay:-13s;top:42%;right:24%}:global(html[data-theme="dark"]) .orb{opacity:.5}:global(html[data-theme="dark"]) .orb.c{opacity:.32}@keyframes ambfloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(34px,-26px)scale(1.08)}}@media (prefers-reduced-motion:reduce){.orb{animation:none}}.wrap{z-index:1;perspective:1600px;max-width:820px;margin:0 auto;position:relative}.brand{letter-spacing:.14em;text-transform:uppercase;color:var(--amb-brand);font-size:13px;font-weight:800}h1{margin:8px 0 6px;font-size:clamp(1.9rem,5vw,2.6rem);line-height:1.1}.lead{color:var(--amb-muted);max-width:640px;margin:0 0 22px;font-size:1.12rem}.proof{border:1px solid var(--amb-card-brd);background:var(--amb-card);color:var(--amb-ink);border-radius:999px;align-items:center;gap:8px;margin:0 0 22px;padding:10px 18px;font-size:.92rem;font-weight:600;display:inline-flex}.proof .dot{background:var(--amb-brand);border-radius:50%;flex:none;width:6px;height:6px}.hero img{object-fit:cover;border:1px solid var(--amb-card-brd);width:100%;height:300px;box-shadow:0 24px 60px -30px var(--amb-shadow);border-radius:20px;margin-bottom:34px;display:block}@media (width<=700px){.hero img{height:200px}}h2{margin:40px 0 10px;font-size:1.5rem}p{color:var(--amb-body)}.steps{grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0;display:grid}.step{border:1px solid var(--amb-card-brd);background:var(--amb-card);border-radius:16px;padding:20px}.step .n{color:#06121f;background:linear-gradient(120deg,#7c6cff,#36d1c4);border-radius:999px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.step h3{margin:12px 0 6px;font-size:1.06rem}.step p{color:var(--amb-muted);margin:0;font-size:.95rem}.checks{gap:10px;margin:12px 0;padding:0;list-style:none;display:grid}.checks li{color:var(--amb-body);padding-left:30px;position:relative}.checks li:before{content:"✓";color:#36d1c4;font-weight:800;position:absolute;top:0;left:0}.privacy{border:1px solid var(--amb-teal-brd);background:var(--amb-teal-bg);border-radius:16px;margin:26px 0;padding:20px 22px}.privacy h2{color:var(--amb-teal-ink);margin:0 0 6px;font-size:1.2rem}.privacy p{color:var(--amb-teal-ink);margin:0}.cta{flex-wrap:wrap;align-items:center;gap:14px;margin:40px 0 8px;display:flex}.pill{color:#fff;background:linear-gradient(120deg,#7c6cff,#36d1c4);border-radius:999px;padding:15px 30px;font-size:1.05rem;font-weight:800;text-decoration:none}.projlink{margin:18px 0 8px}.projlink a{color:#fff;background:linear-gradient(120deg,#7c6cff,#36d1c4);border-radius:999px;padding:14px 28px;font-size:1.02rem;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-block;box-shadow:0 12px 26px -8px oklab(62.3871% .0487043 -.204534/.55)}.projlink a:hover{transform:translateY(-2px);box-shadow:0 18px 34px -10px oklab(62.3871% .0487043 -.204534/.6)}.ghost{color:var(--amb-ghost-ink);border:1px solid var(--amb-ghost-brd);border-radius:999px;padding:14px 24px;font-weight:600;text-decoration:none}.note{color:var(--amb-muted);font-size:.9rem}a.inline{color:var(--amb-inline)}@media (width<=640px){.steps{grid-template-columns:1fr}}.wants{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.want{border:1px solid var(--amb-card-brd);background:var(--amb-card);color:var(--amb-muted);border-radius:14px;padding:14px 16px;font-size:.98rem}.want b{color:var(--amb-ink)}@media (width<=640px){.wants{grid-template-columns:1fr}}.roles{grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0;display:grid}.role{border:1px solid var(--amb-card-brd);background:var(--amb-card);border-radius:16px;padding:18px}.role h3{margin:10px 0 6px;font-size:1.08rem}.role p{color:var(--amb-muted);margin:0;font-size:.93rem}.tag{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-block}.tag-eng{color:#06121f;background:#36d1c4}.tag-dev{color:#fff;background:#7c6cff}.tag-arc{color:#3a0b2e;background:#ff86dd}@media (width<=720px){.roles{grid-template-columns:1fr}}.projgrid{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.proj{border:1px solid var(--amb-card-brd);background:var(--amb-card);border-radius:14px;flex-direction:column;gap:5px;padding:14px 16px;display:flex}.proj b{color:var(--amb-ink);font-size:1.02rem}.proj span:last-child{color:var(--amb-muted);font-size:.92rem}.rtag{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:3px 9px;font-size:.68rem;font-weight:800}.rtag.eng{color:#0f9f92;background:oklab(78.0242% -.124547 -.0140954/.2);border:1px solid #36d1c4}.rtag.dev{color:#5b4be0;background:oklab(62.3871% .0487043 -.204534/.22);border:1px solid #7c6cff}.rtag.arc{color:#cc3aa0;background:oklab(78.0761% .165749 -.0639679/.22);border:1px solid #ff86dd}:global(html[data-theme="dark"]) .rtag.dev{color:#b7acff}:global(html[data-theme="dark"]) .rtag.arc{color:#ffb0ea}:global(html[data-theme="dark"]) .rtag.eng{color:#6ee7db}@media (width<=640px){.projgrid{grid-template-columns:1fr}}.rolehead{color:var(--amb-ink);align-items:center;gap:10px;margin:26px 0 10px;font-size:1.02rem;font-weight:800;display:flex}.rolehead:before{content:"";width:12px;height:12px;box-shadow:0 4px 10px -3px var(--amb-shadow);border-radius:4px;flex:none}.rolehead.eng:before{background:#36d1c4}.rolehead.dev:before{background:#7c6cff}.rolehead.arc:before{background:#ff86dd}.step,.want,.role,.proj{background:color-mix(in oklab, var(--amb-card) 62%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);transform-style:preserve-3d;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s,border-color .28s}.step:hover,.role:hover,.proj:hover{box-shadow:0 26px 54px -26px var(--amb-shadow);border-color:color-mix(in oklab, var(--amb-brand) 42%, var(--amb-card-brd));transform:translateY(-6px)rotateX(3deg)rotateY(-2deg)}.want:hover{border-color:color-mix(in oklab, var(--amb-brand) 34%, var(--amb-card-brd));transform:translateY(-3px)}.steps,.roles,.projgrid,.wants{transform-style:preserve-3d}.role{padding-top:0;overflow:hidden}.role-img{object-fit:cover;width:calc(100% + 36px);height:132px;margin:0 -18px 14px;display:block}.hero img{transition:transform .4s}@media (prefers-reduced-motion:reduce){.step,.want,.role,.proj{transition:none}.step:hover,.role:hover,.proj:hover,.want:hover{transform:none}}.step,.want,.role,.proj{box-shadow:0 14px 32px -16px var(--amb-shadow), 0 2px 6px -3px var(--amb-shadow)}.privacy{box-shadow:0 14px 32px -18px var(--amb-shadow)}.step .n{box-shadow:0 6px 16px -4px oklab(62.3871% .0487043 -.204534/.6)}.tag,.rtag{box-shadow:0 4px 10px -4px var(--amb-shadow)}.pill{box-shadow:0 12px 26px -8px oklab(62.3871% .0487043 -.204534/.55)}
