:root{--bg:#0b0d14;--panel:#121723;--ink:#f6f8fd;--muted:#b0bbcf;--line:rgba(215,225,255,.18);--blue:#8ba2ff;--cyan:#77eeee;--coral:#ff7b6c;--yellow:#f8d66b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ambient{position:fixed;width:45vw;aspect-ratio:1;filter:blur(90px);opacity:.19;pointer-events:none;animation:drift 11s ease-in-out infinite}.a-one{background:var(--blue);right:-12vw;top:5vh}.a-two{background:#da4a7a;left:-23vw;bottom:-25vw;animation-delay:-6s}.app{max-width:1500px;margin:auto;min-height:100vh;position:relative}.nav{height:82px;padding:0 5.2vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{color:var(--ink);font-size:14px;letter-spacing:.075em;font-weight:800;text-decoration:none}.brand b{color:#c5cede;font-weight:500}.brand-dot{display:inline-block;width:9px;height:9px;background:var(--coral);border-radius:50%;margin-right:9px;box-shadow:0 0 18px var(--coral)}.nav nav{display:flex;align-self:stretch;gap:11px}.nav-link{border:0;background:transparent;color:var(--muted);padding:0 17px;font:600 13px Manrope,sans-serif;cursor:pointer;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:17px;right:17px;height:2px;background:var(--cyan);transform:scaleX(0);transition:.25s}.nav-link.active{color:var(--ink)}.nav-link.active:after{transform:scaleX(1)}.contact-trigger{border:1px solid rgba(119,238,238,.6);background:rgba(114,226,226,.07);color:var(--ink);padding:11px 15px;font:700 12px Manrope,sans-serif;cursor:pointer;border-radius:99px}.contact-trigger span{color:var(--cyan);font-size:17px;margin-left:8px}.view{display:none;min-height:calc(100vh - 82px);padding:72px 5.2vw;position:relative;z-index:1}.view.active{display:block;animation:appear .45s ease}.hero-view{display:grid!important;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center;min-height:calc(100vh - 82px);padding-top:36px;padding-bottom:40px}.eyebrow{font:600 12px 'DM Mono',monospace;letter-spacing:.075em;text-transform:uppercase;color:var(--cyan);margin:0 0 20px}.eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--coral);margin-right:9px}.hero-copy h1,.view h2{font-size:clamp(45px,5vw,76px);letter-spacing:-.072em;line-height:.96;margin:0}.hero-copy h1 span,.view h2 span{color:var(--blue)}.intro{max-width:570px;color:#d1d8e7;font-size:18px;line-height:1.67;margin:27px 0}.hero-actions{display:flex;align-items:center;gap:20px}.primary-action{border:0;background:var(--coral);color:#170e12;padding:16px 19px;font:800 13px Manrope,sans-serif;cursor:pointer;border-radius:7px;box-shadow:0 10px 30px rgba(255,118,101,.16);transition:.2s}.primary-action:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(255,118,101,.32)}.primary-action span{margin-left:18px;font-size:19px}.quiet-action{border:0;background:transparent;color:var(--ink);font:600 13px Manrope,sans-serif;cursor:pointer;padding:10px}.quiet-action span{color:var(--cyan);font-size:18px;margin-left:6px}.trust-line{margin-top:43px;font:12px 'DM Mono',monospace;color:#c0c9db;display:flex;gap:13px}.hero-system{height:min(590px,72vh);position:relative}.portrait-orbit{position:absolute;left:50%;top:50%;width:min(29vw,390px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;transition:.5s}.portrait-orbit.energized{transform:translate(-50%,-50%) scale(1.04)}.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(139,162,255,.58);inset:-12%;animation:spin 15s linear infinite}.ring-two{inset:9%;border-color:rgba(119,238,238,.42);animation-direction:reverse;animation-duration:10s}.portrait-orbit:before,.portrait-orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 24px var(--cyan);top:8%;left:25%;animation:bob 3s ease-in-out infinite}.portrait-orbit:after{width:8px;height:8px;background:var(--coral);box-shadow:0 0 20px var(--coral);top:auto;left:auto;right:10%;bottom:19%;animation-delay:-1.4s}.portrait{position:absolute;inset:8%;border-radius:50%;overflow:hidden;border:1px solid rgba(246,248,253,.28);background:#554137;box-shadow:0 28px 80px rgba(0,0,0,.5)}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(121,148,255,.18),transparent 40%,rgba(255,118,101,.15))}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 23%;filter:saturate(.7) contrast(1.05)}.portrait-label{position:absolute;bottom:11%;left:50%;transform:translateX(-50%);z-index:1;width:max-content;padding:7px 10px;border-radius:30px;background:rgba(11,13,20,.76);color:#fff;font:11px 'DM Mono',monospace}.orbit-tag{position:absolute;font:11px 'DM Mono',monospace;color:var(--ink);background:var(--panel);border:1px solid rgba(246,248,253,.22);padding:9px 11px;border-radius:5px;z-index:2}.tag-one{top:-3%;right:5%}.tag-two{bottom:2%;left:-7%}.tag-three{top:41%;left:-22%}.service-node{position:absolute;z-index:3;border:1px solid rgba(215,225,255,.22);background:rgba(18,23,35,.84);color:var(--ink);padding:12px 14px;border-radius:11px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;transition:.25s}.service-node:hover{transform:translateY(-5px) scale(1.03);border-color:var(--cyan);box-shadow:0 15px 50px rgba(0,0,0,.32)}.node-build{left:1%;top:14%}.node-run{right:0;top:48%}.node-protect{left:9%;bottom:8%}.node-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:rgba(139,162,255,.22);color:var(--cyan);font-size:18px}.service-node b{display:block;font-size:14px;line-height:1.1}.service-node small{display:block;font-size:11px;color:#c1c9d9;margin-top:3px}.live-chip{position:absolute;right:7%;bottom:5%;font:11px 'DM Mono',monospace;color:#c3ccdb;letter-spacing:.04em}.live-chip i{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:7px;animation:pulse 2s infinite}.view-heading{max-width:700px}.view-heading h2{font-size:clamp(40px,4.5vw,64px)}.view-heading>p:last-child{font-size:17px;line-height:1.68;color:#d1d9e7;max-width:620px;margin:25px 0 36px}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{min-height:315px;padding:21px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(155deg,rgba(31,39,58,.95),rgba(15,19,30,.85));position:relative;overflow:hidden;transition:.3s}.service-card:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-70px;bottom:-70px;filter:blur(4px);opacity:.35}.service-card:hover{transform:translateY(-9px);border-color:rgba(255,255,255,.42)}.build:before{background:var(--blue)}.run:before{background:var(--cyan)}.protect:before{background:var(--coral)}.guide:before{background:var(--yellow)}.card-top{display:flex;justify-content:space-between;color:#c0cadb;font:12px 'DM Mono',monospace}.card-top i{font-size:23px;font-style:normal;color:var(--ink)}.service-card h3{font-size:23px;letter-spacing:-.04em;margin:48px 0 11px}.service-card p{font-size:14px;line-height:1.62;color:#d0d8e6;margin:0}.service-card ul{list-style:none;padding:0;margin:24px 0 0;font:11px 'DM Mono',monospace;color:var(--ink);position:relative}.service-card li{padding:6px 0;border-top:1px solid var(--line)}.experience-view{display:grid!important;grid-template-columns:.7fr 1.3fr;align-items:start;gap:7vw}.experience-intro{position:sticky;top:28px}.experience-intro h2{font-size:clamp(40px,4.2vw,60px)}.experience-intro>p:last-child{font-size:16px;color:#d0d9e7;line-height:1.65}.experience-stack{border-top:1px solid var(--line)}.experience-stack article{display:grid;grid-template-columns:90px 1fr 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);transition:.2s}.experience-stack article:hover{padding-left:10px;background:rgba(121,148,255,.06)}.experience-stack>article>span{font:11px 'DM Mono',monospace;color:var(--cyan)}.experience-stack h3{font-size:18px;letter-spacing:-.03em;margin:0 0 5px}.experience-stack b{font:12px 'DM Mono',monospace;color:#bec7d5;font-weight:400}.experience-stack article>div p,.experience-stack .detail{font-size:14px;line-height:1.58;margin:0;color:#d0d8e4}.contact-view{display:grid!important;grid-template-columns:1fr .8fr;gap:8vw;align-items:center}.contact-copy h2{font-size:clamp(44px,5vw,69px)}.contact-copy>p:last-of-type{font-size:17px;line-height:1.68;color:#d1d9e7;max-width:500px;margin:25px 0 38px}.contact-copy a{color:var(--ink);font-size:16px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--cyan);padding-bottom:5px}.contact-copy b{color:var(--cyan)}form{background:rgba(24,30,45,.85);border:1px solid var(--line);border-radius:12px;padding:27px;box-shadow:0 25px 70px rgba(0,0,0,.2)}label{display:block;font:12px 'DM Mono',monospace;color:#d0d9e7;margin-bottom:19px}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid rgba(215,225,255,.28);background:transparent;color:var(--ink);padding:11px 0;font:15px Manrope,sans-serif;outline:0;resize:vertical}input::placeholder,textarea::placeholder{color:#8f9aae}form p{color:var(--cyan);font-size:13px;min-height:15px;margin:11px 0 0}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translate(8px,-11px)}}@keyframes pulse{50%{opacity:.25}}@keyframes drift{50%{transform:translate(7vw,-5vh) scale(1.13)}}@media(max-width:990px){.hero-view{grid-template-columns:1fr 1fr;gap:2vw}.hero-system{height:480px}.service-cards{grid-template-columns:1fr 1fr}.experience-view,.contact-view{gap:4vw}.experience-stack article{grid-template-columns:76px 1fr}.experience-stack .detail{grid-column:2}}@media(max-width:700px){.nav{padding:0 20px;height:70px}.nav nav{position:absolute;bottom:-48px;left:0;right:0;height:48px;background:#101521;border-bottom:1px solid var(--line);justify-content:space-around;z-index:3}.nav-link{font-size:12px;padding:0 5px}.nav-link:after{left:5px;right:5px}.contact-trigger{font-size:0;padding:10px}.contact-trigger span{margin:0}.view{min-height:calc(100vh - 70px);padding:88px 20px 38px}.hero-view{grid-template-columns:1fr;gap:15px}.hero-copy h1{font-size:47px}.intro{font-size:16px}.trust-line{margin-top:28px;flex-wrap:wrap;font-size:10px}.hero-system{height:390px;margin:0 -8px}.portrait-orbit{width:265px}.node-build{top:5%;left:0}.node-run{right:0;top:48%}.node-protect{bottom:5%;left:4%}.service-cards{grid-template-columns:1fr;gap:10px}.service-card{min-height:250px}.service-card h3{margin-top:30px}.experience-view,.contact-view{display:block!important}.experience-intro{position:static;margin-bottom:35px}.experience-stack article{grid-template-columns:58px 1fr;gap:10px}.contact-copy{margin-bottom:40px}.contact-copy h2{font-size:47px}}
