.portrait-badge{position:absolute;left:1rem;bottom:1rem;background:var(--dark);color:#fff;font:10px "DM Mono";padding:.65rem .8rem;display:flex;gap:.45rem;align-items:center}.portrait-badge svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5}.founder-photo{position:relative}.architecture-scroll{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start;border-top:1px solid var(--line)}.arch-copy{padding-top:1rem}.arch-copy h2{font:600 clamp(2.2rem,4vw,4.5rem)/1.1 Sora;letter-spacing:-.045em;margin:.5rem 0}.arch-steps{margin-top:4rem;border-top:1px solid var(--line)}.arch-step{display:grid;grid-template-columns:48px 1fr;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--line);opacity:.42;transition:opacity .35s,transform .35s}.arch-step.is-active{opacity:1;transform:translateX(10px)}.arch-step>span{font:.7rem "DM Mono";color:var(--accent)}.arch-step h3{font:600 1.35rem Sora;margin:0}.arch-step p{color:var(--muted);margin:.2rem 0;font-size:.9rem}.arch-visual{position:sticky;top:110px;background:var(--dark);min-height:560px;display:grid;place-items:center;overflow:hidden}.arch-visual svg{width:min(100%,560px);height:auto;padding:2rem}.arch-orbit{fill:none;stroke:#303943;stroke-width:1}.orbit-a{stroke-dasharray:3 8;animation:arch-spin 30s linear infinite}.orbit-b{stroke-dasharray:2 11;animation:arch-spin-reverse 22s linear infinite}.arch-path{fill:none;stroke:url(#archLine);stroke-width:1;stroke-dasharray:4 9;opacity:.65}.path-b{opacity:.35}.arch-node circle{fill:#171e27;stroke:#566273;stroke-width:1.5;transition:.35s}.arch-node text{font:600 9px "DM Mono";letter-spacing:.12em;fill:#f6f7f8}.arch-node .node-sub{font-size:7px;fill:#99a5b2;letter-spacing:0}.arch-node.is-active circle,.arch-node.node-product circle{fill:#2457f5;stroke:#77e6ef}.arch-legend{position:absolute;bottom:1rem;left:1rem;right:1rem;color:#9da6b1;font:10px "DM Mono";display:flex;justify-content:space-between}.arch-legend i{width:6px;height:6px;border-radius:50%;background:#77e6ef;display:inline-block;margin-right:.4rem}.arch-legend span:last-child i{background:#566273}@keyframes arch-spin{to{transform:rotate(360deg);transform-origin:260px 260px}}@keyframes arch-spin-reverse{to{transform:rotate(-360deg);transform-origin:260px 260px}}@media(max-width:950px){.architecture-scroll{grid-template-columns:1fr}.arch-visual{position:relative;top:auto;min-height:500px}.arch-steps{margin-top:2rem}}@media(max-width:620px){.arch-visual{min-height:390px}.arch-visual svg{padding:1rem}.arch-legend{font-size:8px}.arch-step.is-active{transform:none}}@media(prefers-reduced-motion:reduce){.orbit-a,.orbit-b{animation:none}.arch-step{transition:none}}
.hero-portrait{position:absolute;left:-20px;top:120px;width:125px;height:155px;border:5px solid var(--paper);box-shadow:var(--shadow);z-index:3;transform:rotate(-7deg);overflow:hidden;background:var(--dark)}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-portrait span{position:absolute;left:6px;bottom:6px;color:#fff;background:rgba(17,21,26,.8);font:8px "DM Mono";padding:4px}.dash-tabs{display:flex;gap:4px;padding:.6rem 1rem;border-bottom:1px solid var(--line)}.dash-tabs button{border:0;background:transparent;color:var(--muted);font:.6rem "DM Mono";padding:.35rem .5rem;cursor:pointer}.dash-tabs button.active{background:var(--accent);color:white}.dash-screen{padding:1.2rem}.dash-screen p{font:.7rem "DM Mono";color:var(--muted);border-bottom:1px solid var(--line);padding:.7rem 0}.dash-screen p b{color:var(--accent);margin-right:1rem}.mobile-app-preview{border:1px solid var(--line);padding:1rem;background:linear-gradient(145deg,#18223c,#12151b);color:white;min-height:150px}.mobile-app-preview small{color:var(--cyan)}.mobile-app-preview strong{display:block;font:600 1rem Sora;margin:1rem 0}.mobile-app-preview span{display:inline-block;border:1px solid #3c4653;padding:.5rem;margin:.25rem;font-size:.6rem}.demo-lab{background:var(--paper);padding-top:2rem}.demo-window{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.demo-nav{display:flex;gap:.4rem;align-items:center;padding:1rem;border-bottom:1px solid var(--line);flex-wrap:wrap}.demo-nav strong{font:600 .85rem Sora;margin-right:auto}.demo-nav button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:.45rem .7rem;border-radius:999px;font:.65rem "DM Mono";cursor:pointer}.demo-nav button.active{background:var(--accent);border-color:var(--accent);color:white}.demo-body{min-height:530px;background:#edf0f4;padding:2rem}.demo-main{max-width:980px;margin:auto}.demo-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:1.5rem}.demo-heading h2{font:600 2rem Sora;margin:.3rem 0}.demo-heading small{color:#747c88}.live-pill{font:.6rem "DM Mono";color:#1c8b5c;border:1px solid #8acdad;background:#dff7e9;padding:.4rem .6rem}.demo-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.demo-kpis>div{background:white;padding:1.3rem;border:1px solid #dbe0e6}.demo-kpis small{display:block;color:#747c88;font-size:.6rem}.demo-kpis strong{display:block;font:600 2.5rem Sora;margin:.4rem 0}.demo-kpis span{font-size:.7rem;color:#1c8b5c}.demo-feed{background:white;margin-top:1rem;padding:1.4rem;border:1px solid #dbe0e6}.demo-feed h3{font:600 1rem Sora}.demo-feed p{display:flex;justify-content:space-between;border-top:1px solid #e4e7ec;padding:.8rem 0;margin:0;font-size:.8rem}.demo-feed p span{color:#2457f5;font-family:"DM Mono"}.demo-project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.demo-project-cards article{background:white;border:1px solid #dbe0e6;padding:1.5rem;min-height:180px;display:flex;flex-direction:column;justify-content:end}.demo-project-cards article span{font:.6rem "DM Mono";color:#2457f5}.demo-project-cards article b{font:600 1.2rem Sora;margin:.6rem 0}.demo-project-cards article small{color:#747c88}.demo-mobile{display:grid;place-items:center}.demo-phone-large{width:280px;min-height:420px;background:#121822;color:white;border:8px solid #2b3542;border-radius:32px;padding:2rem 1.2rem;box-shadow:0 28px 70px rgba(20,25,35,.25)}.demo-phone-large small{color:#77e6ef}.demo-phone-large h2{font:600 1.5rem Sora;line-height:1.2;margin:1.5rem 0 2rem}.demo-product{display:flex;justify-content:space-between;border:1px solid #3c4653;padding:.8rem;margin:.6rem 0;font-size:.75rem}.demo-note{text-align:right;color:var(--muted);margin-top:1rem}@media(max-width:620px){.hero-portrait{left:auto;right:10px;top:85px;width:90px;height:110px}.demo-kpis,.demo-project-cards{grid-template-columns:1fr}.demo-body{padding:1rem}.demo-heading{display:block}.live-pill{display:inline-block;margin-top:.8rem}}
