:root{--bg:#05080e;--panel:#0b121c;--ink:#f3f6fb;--muted:#a5b5c6;--cyan:#42e8f5;--pink:#f26bd8;--line:#a9dbef24;--max:1180px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif;overflow-x:clip}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(var(--max),calc(100% - 56px));margin-inline:auto}.skip{position:absolute;top:-80px;left:20px;z-index:99;background:var(--cyan);color:#041118;padding:12px}.skip:focus{top:12px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{text-decoration:none;font-size:15px;font-weight:800;letter-spacing:.09em}.brand span{color:var(--cyan)}.navlinks{display:flex;gap:30px;align-items:center}.navlinks a{font-size:13px;text-decoration:none;color:#becad8}.navlinks a:hover{color:var(--cyan)}.navlinks .nav-contact{border:1px solid #7dcad94d;padding:9px 16px;border-radius:5px;color:var(--ink)}.menu{display:none;background:transparent;border:1px solid var(--line);border-radius:5px;color:var(--ink);min-height:44px;padding:8px 14px}.eyebrow,.tag{font:10px/1.7 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.eyebrow{margin:0 0 18px}.hero{min-height:790px;min-height:max(740px,calc(100svh - 82px));display:flex;align-items:center;position:relative;padding-block:70px 130px}.hero-copy{position:relative;z-index:3;max-width:510px}.hero-copy:before{content:"";position:absolute;top:-85px;right:-25px;bottom:-65px;left:-80px;z-index:-1;background:radial-gradient(ellipse,#05080ef2 34%,#05080ec4 58%,transparent 75%);pointer-events:none}.hero h1{font-size:clamp(58px,5.3vw,76px);line-height:1.02;font-weight:600;letter-spacing:-.066em;margin:0 0 26px}.hero h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 28px #29f3ff18}.lead{font-size:17px;line-height:1.8;color:#bcc9d7;max-width:440px;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:48px;padding:12px 20px;background:var(--cyan);border:1px solid var(--cyan);border-radius:5px;color:#041219;font-size:12px;font-weight:750;text-decoration:none;transition:background .2s,transform .2s}.btn:hover{background:#a0f6fc;transform:translateY(-2px)}.btn.alt{background:#07111b8c;color:#e2eaf4;border-color:#9bd0e34d}.btn.alt:hover{background:#142431}.hero-note{font-size:11px;color:#8fa9ba;letter-spacing:.02em;margin:24px 0 0}.hero-note span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--pink);margin:0 8px 2px 0;box-shadow:0 0 9px #f26bd850}.section{position:relative;z-index:2;padding:100px 0;background:#080e16;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:44px}.section-head h2,.connections h2,.contact h2{font-size:clamp(32px,4vw,49px);font-weight:550;line-height:1.15;letter-spacing:-.045em;margin:0}.section-head p{color:var(--muted);font-size:15px;margin:0}.section-head .eyebrow{margin-bottom:15px}.services-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.service-card{grid-column:span 2;display:flex;flex-direction:column;padding:30px 26px;background:linear-gradient(145deg,#111c28,#0b121c);border:1px solid #87b7cd2b;border-radius:10px;position:relative;scroll-margin-top:28px;transition:border-color .2s}.service-card:nth-child(n+4){grid-column:span 3}.service-card:target{border-color:var(--cyan)}.service-card:hover{border-color:#42e8f575}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.service-number{font:12px ui-monospace,monospace;color:#7b9aaf}.service-icon{width:38px;height:38px;stroke:var(--cyan);stroke-width:1.2;fill:none}.service-card:nth-child(2n) .service-icon{stroke:var(--pink)}.service-card h3{font-size:23px;font-weight:550;line-height:1.25;letter-spacing:-.025em;margin:12px 0 17px}.service-card p{font-size:14px;color:#b0becb;line-height:1.8;margin:0 0 24px}.service-card ul{list-style:none;padding:20px 0 0;margin:0 0 28px;border-top:1px solid var(--line)}.service-card li{font-size:12px;color:#b7c9d6;margin:9px 0;padding-left:13px;position:relative}.service-card li:before{content:"·";position:absolute;left:0;color:var(--cyan)}.text-link{font-size:12px;font-weight:650;color:var(--cyan);text-decoration:none;display:inline-block;min-height:44px;padding-block:10px}.service-card .text-link{margin-top:auto}.text-link:hover{text-decoration:underline}.connections{background:#060c13}.connections-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.connections h2{max-width:470px}.connections p{font-size:15px;color:var(--muted);max-width:440px;margin:25px 0}.integration-map{position:relative;display:grid;grid-template-columns:1fr .8fr 1fr;gap:16px;align-items:center;padding:35px 0}.integration-column{display:grid;gap:16px}.integration-node{display:block;padding:15px 12px;border:1px solid #75a8bd3b;background:#0d1723;border-radius:6px;font-size:12px;text-align:center;color:#c7d8e3}.integration-core{padding:25px 8px;border:1px solid #42e8f58a;box-shadow:0 0 50px #42e8f509;color:var(--cyan);background:#0b1c27;font-size:11px;font-weight:600;line-height:1.8;text-align:center;border-radius:50%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative}.integration-core:before,.integration-core:after{content:"";width:16px;height:1px;background:#42e8f564;position:absolute;left:-17px;top:50%}.integration-core:after{left:auto;right:-17px}.integration-caption{font:10px/1.8 ui-monospace,monospace;color:#87a4b8;margin:12px 0 0;text-align:center}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{border-top:1px solid #42e8f54d;padding-top:25px}.step strong{font:11px ui-monospace,monospace;color:var(--cyan)}.step h3{font-size:20px;font-weight:550;letter-spacing:-.02em;margin:18px 0 12px}.step p{font-size:14px;color:var(--muted);margin:0}.portfolio-teaser{background:#09111a}.portfolio-layout{display:flex;align-items:center;justify-content:space-between;gap:50px}.portfolio-layout h2{font-size:34px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0 0 15px;max-width:600px}.portfolio-layout p{font-size:15px;color:var(--muted);max-width:650px;margin:0}.portfolio-layout .btn{flex-shrink:0}.contact{background:radial-gradient(ellipse at 80% 50%,#0f2236,#080e16 70%);padding-block:100px}.contact-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}.contact h2{max-width:600px}.contact p{color:var(--muted);font-size:15px;max-width:490px}.contact-box{border-left:1px solid #42e8f54d;padding:10px 0 10px 35px}.contact-box .btn{margin:10px 0 15px}.contact-email{font-size:13px;color:#b6cad8;text-decoration:none}.footer{position:relative;z-index:2;background:#05080e;border-top:1px solid var(--line);padding:35px 0;color:#91a6b9;font-size:11px}.footerin{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer a{color:#b8c8d7;text-decoration:none}.footer strong{color:#eff6fb;font-weight:600}.staging{font:8px ui-monospace,monospace;letter-spacing:.1em;color:#7e9caf}.portfolio-hero{padding:90px 0 60px}.portfolio-hero h1{font-size:clamp(42px,6vw,75px);line-height:1.06;letter-spacing:-.055em;font-weight:550;margin:0 0 25px;max-width:800px}.portfolio-hero .lead{max-width:680px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:90px}.portfolio-card{padding:28px;border:1px solid var(--line);background:linear-gradient(140deg,#111e2b,#080e17);border-radius:10px}.portfolio-card h2{font-size:22px;line-height:1.3;font-weight:550;letter-spacing:-.03em}.portfolio-card p{font-size:14px;color:var(--muted)}.portfolio-mark{width:55px;height:55px;border:1px solid #42e8f53a;border-radius:15px;background:#42e8f509;display:grid;place-items:center;color:var(--cyan);font:14px ui-monospace,monospace;margin-bottom:32px}.portfolio-card:nth-child(2n) .portfolio-mark{color:var(--pink);border-color:#f26bd83a;background:#f26bd808}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;visibility:hidden}body.scene-ready #scene{visibility:visible}body:not(.portfolio-page){background:radial-gradient(ellipse at 78% 38%,#13223a,#05080e 72%)}body>header,body>main,body>footer{position:relative;z-index:2}.ecosystem-mobile-stage{display:none}.tree-controls{position:absolute;right:28px;bottom:110px;max-width:470px;z-index:4;display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;visibility:hidden}.tree-controls .fruit{min-height:42px;border:1px solid #79d6e54a;color:#b8dfeb;border-radius:5px;background:#07101ce8;font-size:10px;letter-spacing:.015em;padding:10px 14px;cursor:pointer}.tree-controls .fruit:hover,.tree-controls .fruit.active{color:#f4f9ff;border-color:var(--cyan);background:#122a36e8}.tree-controls .fruit.active{border-color:var(--pink)}.ecosystem-tour{position:absolute;left:28px;bottom:22px;display:flex;align-items:center;gap:6px;padding:7px;background:#07101cef;border:1px solid var(--line);border-radius:6px;z-index:7;visibility:hidden}.ecosystem-tour span{font:8px ui-monospace,monospace;letter-spacing:.04em;color:#92b8ca;max-width:130px;padding:0 10px}.ecosystem-tour button{min-height:44px;padding:10px 13px;background:none;color:#b1d4e2;border:1px solid #79d6e533;border-radius:3px;font-size:10px;cursor:pointer}.ecosystem-tour button[aria-pressed=true]{color:#fff;border-color:var(--pink)}body.ecosystem-ready:not(.ecosystem-offscreen) .tree-controls,body.ecosystem-ready:not(.ecosystem-offscreen) .ecosystem-tour{visibility:visible}.product-inspector{position:absolute;right:28px;bottom:220px;z-index:9;width:355px;padding:27px;background:#08131ff7;border:1px solid #42e8f578;border-radius:10px;box-shadow:0 15px 70px #0007}.product-inspector h2{font-size:25px;font-weight:550;line-height:1.18;letter-spacing:-.03em;margin:15px 0}.product-inspector p:not(.eyebrow){font-size:13px;color:#b6c9d5;line-height:1.8}.product-inspector .eyebrow{font-size:9px;padding-right:22px}.product-inspector .btn{margin-top:9px;min-height:44px}.inspector-close{position:absolute;right:8px;top:6px;min-width:44px;min-height:44px;border:0;background:transparent;color:#d5f6ff;font-size:24px;cursor:pointer}.fruit-label3d,.tree-status{display:none!important}#webgl-fallback{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;align-items:center;justify-content:flex-end;padding-right:10%;opacity:.65}#webgl-fallback svg{width:min(480px,55vw);height:auto;filter:drop-shadow(0 0 20px #42e8f522)}body.no-webgl #scene{display:none}.ecosystem-hint{position:absolute;right:0;bottom:40px;font:9px ui-monospace,monospace;letter-spacing:.05em;color:#9fc3d3;z-index:3}.service-selected .ecosystem-hint{visibility:hidden}@media (min-width:1600px){.hero-copy{max-width:540px}}@media (max-width:1000px) and (min-width:701px){.hero-copy{max-width:370px}.hero h1{font-size:65px}.hero .lead{font-size:16px;max-width:350px}.tree-controls{max-width:340px;bottom:115px}.product-inspector{bottom:280px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card,.service-card:nth-child(n+4){grid-column:span 1}.service-card:last-child{grid-column:span 2}.connections-layout{gap:35px}.section-head{gap:40px}.timeline{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-layout{align-items:flex-start;flex-direction:column;gap:25px}}@media (max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:74px}.brand{font-size:13px}.menu{display:block}.navlinks{display:none;position:absolute;top:73px;left:0;right:0;background:#07101bfa;padding:20px;border:1px solid var(--line);border-radius:0 0 8px 8px;flex-direction:column;align-items:stretch;gap:6px}.navlinks.open{display:flex}.navlinks a{padding:9px 5px;min-height:44px}.navlinks .nav-contact{text-align:center;margin-top:8px}.hero{display:block;min-height:0;padding:43px 0 220px}.hero-copy{max-width:none}.hero-copy:before{top:-25px;right:-15px;bottom:-30px;left:-15px;background:linear-gradient(180deg,#05080ef5 70%,transparent)}.hero h1{font-size:clamp(53px,14.1vw,68px);line-height:1.03;letter-spacing:-.065em;margin-bottom:24px}.hero .eyebrow{font-size:9px;max-width:280px;margin-bottom:20px}.lead{font-size:15px;line-height:1.85;max-width:100%}.actions{margin-top:25px;gap:10px}.btn{font-size:11px;padding:12px 15px;min-height:48px}.hero-note{font-size:10px;line-height:1.9;max-width:285px}.ecosystem-mobile-stage{display:block;height:470px;margin-top:26px;position:relative}.ecosystem-hint{position:relative;bottom:auto;text-align:center;right:auto;margin-top:12px;font-size:8px}.hero>.ecosystem-hint{display:none}#scene{position:absolute!important;height:470px!important}.tree-controls{position:absolute;top:calc(var(--ecosystem-top) + 480px);right:20px;left:20px;bottom:auto;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tree-controls .fruit{min-height:44px;padding:8px;font-size:10px}.tree-controls .fruit:last-child{grid-column:span 2}.ecosystem-tour{position:absolute;top:calc(var(--ecosystem-top) + 645px);bottom:auto;left:20px;right:20px;justify-content:space-between}.ecosystem-tour span{display:none}.ecosystem-tour button{flex:1;font-size:9px;padding:8px 4px}.product-inspector{position:absolute;top:calc(var(--ecosystem-top) + 480px);bottom:auto;right:20px;left:20px;width:auto;padding:24px}.product-inspector h2{font-size:23px}.service-selected .tree-controls{top:calc(var(--ecosystem-top) + 825px)}.service-selected .ecosystem-tour{top:calc(var(--ecosystem-top) + 990px)}.service-selected .hero{padding-bottom:570px}#webgl-fallback{position:absolute;top:var(--ecosystem-top);height:470px;bottom:auto;justify-content:center;padding:0}#webgl-fallback svg{width:82vw;max-height:450px}.section{padding-block:65px}.section-head{display:block;margin-bottom:30px}.section-head h2,.connections h2,.contact h2{font-size:34px}.section-head>p{margin-top:20px;font-size:14px}.services-grid{grid-template-columns:1fr;gap:16px}.service-card,.service-card:nth-child(n+4){grid-column:span 1;padding:27px 24px}.service-top{margin-bottom:22px}.service-card h3{font-size:24px}.connections-layout{display:block}.connections h2{max-width:330px}.connections p{font-size:14px}.integration-map{gap:12px;padding-top:25px}.integration-node{padding:13px 5px;font-size:10px}.integration-core{font-size:9px;padding:15px 5px}.integration-core:before,.integration-core:after{width:12px;left:-13px}.integration-core:after{left:auto;right:-13px}.integration-caption{font-size:9px}.timeline{grid-template-columns:1fr 1fr;gap:30px 20px}.step h3{font-size:18px}.step p{font-size:12px}.portfolio-layout{display:block}.portfolio-layout h2{font-size:30px}.portfolio-layout p{font-size:14px}.portfolio-layout .btn{margin-top:25px}.contact-inner{display:block}.contact-box{margin-top:30px;padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.footerin{display:block}.footerin>div{margin:15px 0}.footer a{display:inline-block;padding-block:6px}.portfolio-hero{padding:55px 0 40px}.portfolio-hero h1{font-size:46px}.portfolio-grid{grid-template-columns:1fr;gap:16px}.portfolio-card{padding:26px}.portfolio-mark{margin-bottom:25px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.btn:hover{transform:none}}