:root{--bg:#e8ece5;--ink:#111413;--volt:#c8ff1a;--cyan:#00d1ff;--white:#f8faf6;--line:rgba(17,20,19,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}.cursor-glow{position:fixed;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(200,255,26,.12),transparent 65%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;border-bottom:1px solid var(--line);position:relative;z-index:20;background:rgba(232,236,229,.82);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink);line-height:.8}.brand-x{width:50px;height:42px;overflow:hidden;display:block}.brand-x img{width:56px;height:56px;object-fit:contain;transform:translate(-3px,-7px)}.brand b{font:700 2rem/1 'Space Grotesk';letter-spacing:.05em}.brand small{display:block;font:600 .56rem/1 'Space Grotesk';letter-spacing:.45em;margin-top:5px}.nav nav{display:flex;gap:2.4rem}.nav nav a,.nav-actions a{text-decoration:none;color:var(--ink);font-size:.95rem}.nav-actions{display:flex;align-items:center;gap:12px}.ghost,.btn{border:1px solid var(--ink);border-radius:10px;padding:14px 20px;background:transparent;font:500 .9rem 'DM Sans';color:var(--ink);text-decoration:none;cursor:pointer}.btn{border-color:var(--volt);background:var(--volt);display:inline-flex;align-items:center;gap:24px;box-shadow:0 8px 30px rgba(200,255,26,.18);transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(200,255,26,.32)}.btn.big{padding:17px 25px;font-size:1rem}.hero{min-height:calc(100vh - 86px);position:relative;display:grid;grid-template-columns:42% 58%;align-items:center;padding:6vh 3.5vw 7vh;overflow:hidden}.hero-lines{position:absolute;inset:0;background:radial-gradient(circle at 60% 45%,rgba(255,255,255,.9),transparent 32%),linear-gradient(115deg,transparent 50%,rgba(255,255,255,.42) 50% 70%,transparent 70%);opacity:.7}.hero-lines:after{content:'X';position:absolute;font:700 65vw/1 'Space Grotesk';color:rgba(255,255,255,.23);right:-7vw;top:-17vw}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:600;margin-bottom:24px}.eyebrow span{display:inline-block;width:32px;height:2px;background:var(--volt);vertical-align:middle;margin-right:10px}.hero h1{font:700 clamp(3.4rem,5.7vw,7.2rem)/.86 'Space Grotesk';letter-spacing:-.07em;margin:0;max-width:790px}.hero h1 em,.cta h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--ink)}.hero-copy>p{font-size:1.12rem;max-width:440px;line-height:1.5;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:30px}.text-link{color:var(--ink);font-weight:600;text-underline-offset:7px}.trust{font-size:.78rem;margin-top:28px;color:#53605a}.ecosystem{position:relative;height:640px;z-index:3;perspective:1200px}.portal{position:absolute;background:rgba(255,255,255,.67);border:1px solid rgba(255,255,255,.95);box-shadow:0 30px 80px rgba(22,28,24,.12);backdrop-filter:blur(15px);border-radius:22px;transition:transform .2s ease;overflow:hidden}.website-card{width:300px;height:420px;left:5%;top:100px;padding:20px;transform:rotateY(10deg) rotateZ(-2deg)}.crm-card{width:410px;height:470px;right:0;top:55px;background:linear-gradient(145deg,#303534,#111413);color:white;padding:24px;transform:rotateY(-8deg) rotateZ(1deg)}.portal-label{font:.62rem 'Space Grotesk';letter-spacing:.14em;display:flex;justify-content:space-between}.portal-label i{color:#77b000;font-style:normal}.roof-visual{height:105px;margin:18px -20px;background:linear-gradient(145deg,#212724,#6a756d);position:relative;overflow:hidden}.roof-visual span{position:absolute;width:150px;height:90px;background:#303936;transform:rotate(30deg);border:1px solid #818d85}.roof-visual span:nth-child(2){left:90px;top:20px}.roof-visual span:nth-child(3){left:180px;top:-10px}.website-card h3{font:600 1.65rem/1.05 'Space Grotesk';margin:20px 0}.mini-form{display:grid;gap:9px}.mini-form span{border:1px solid var(--line);border-radius:5px;padding:10px;font-size:.65rem;color:#87928b}.mini-form button{background:var(--volt);border:0;padding:11px;border-radius:5px;font-weight:600}.xo-wrap{position:absolute;width:255px;height:255px;left:30%;top:155px;z-index:5;filter:drop-shadow(0 28px 30px rgba(10,15,12,.24));animation:float 4s ease-in-out infinite}.xo{width:100%;height:100%;object-fit:contain}.orbit{position:absolute;inset:-12px;border:1px solid rgba(0,209,255,.25);border-radius:50%;animation:spin 8s linear infinite}.orbit:after{content:'';position:absolute;width:9px;height:9px;background:var(--cyan);border-radius:50%;top:18px;left:25px;box-shadow:0 0 18px var(--cyan)}.signal{position:absolute;z-index:4;width:340px;height:30px;left:43%;top:310px;transform:rotate(-3deg)}.signal:before{content:'';position:absolute;width:100%;top:14px;border-top:1px solid rgba(0,209,255,.5)}.signal b{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--volt);box-shadow:0 0 12px var(--volt);top:10px;animation:flow 2.5s linear infinite}.signal b:nth-child(2){animation-delay:.3s}.signal b:nth-child(3){animation-delay:.6s}.signal b:nth-child(4){animation-delay:.9s}.signal b:nth-child(5){animation-delay:1.2s}.signal b:nth-child(6){animation-delay:1.5s}.signal b:nth-child(7){animation-delay:1.8s}.pipeline-head{display:flex;justify-content:space-between;margin:30px 0 15px}.pipeline-head strong{font:600 1.3rem 'Space Grotesk'}.pipeline-head span{font-size:.7rem;color:#b7c0bb}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.pipeline>div{height:215px;background:rgba(255,255,255,.05);border-radius:8px;padding:12px 8px;display:flex;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.06)}.pipeline small{font-size:.52rem;color:#aeb8b2}.pipeline b{font:600 1.4rem 'Space Grotesk'}.pipeline span{background:#3b4240;border-radius:5px;padding:12px 6px;font-size:.6rem}.pipeline .won{border-color:var(--volt);background:rgba(200,255,26,.08);box-shadow:inset 0 0 30px rgba(200,255,26,.06)}.pipeline .won small,.pipeline .won b{color:var(--volt)}.pipeline .won span{color:var(--volt)}.revenue{margin-top:16px;padding:14px;background:rgba(255,255,255,.06);border-radius:10px}.revenue small{display:block;color:#9ca5a0;font-size:.6rem}.revenue strong{font:600 1.25rem 'Space Grotesk';margin-right:12px}.revenue em{font-style:normal;color:var(--volt);font-size:.7rem}.scroll-note{position:absolute;bottom:18px;left:50%;font-size:.58rem;letter-spacing:.17em}.scroll-note span{margin-left:10px}.marquee{background:var(--ink);color:#dce3dc;overflow:hidden;padding:13px 0;white-space:nowrap;font:500 .73rem 'Space Grotesk';letter-spacing:.2em}.marquee div{display:inline-block;animation:marquee 19s linear infinite}.marquee i{color:var(--volt);font-style:normal;margin:0 13px}.services{display:grid;grid-template-columns:23% 77%;gap:32px;padding:110px 3.5vw}.section-intro span,.journey>div>span,.cta span{font-size:.65rem;letter-spacing:.16em}.section-intro h2,.journey h2{font:600 clamp(2.1rem,3vw,4rem)/.94 'Space Grotesk';letter-spacing:-.055em;margin:28px 0}.section-intro p{font-size:.92rem;line-height:1.5;max-width:260px;color:#58615d}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service{min-height:445px;border:1px solid var(--line);background:rgba(255,255,255,.42);border-radius:18px;padding:22px;position:relative;overflow:hidden;transition:transform .18s}.service.dark{background:var(--ink);color:white}.service>span{font-size:.75rem}.service h3{font:600 1.55rem/1.05 'Space Grotesk';margin:20px 0}.web-metric{position:absolute;bottom:20px;left:20px;right:20px;background:#272d2b;border-radius:12px;padding:18px}.web-metric b{font:600 1.8rem 'Space Grotesk';color:var(--volt)}.web-metric small{display:block;color:#87918c;font-size:.55rem;margin:4px 0 15px}.web-metric svg{width:100%}.web-metric polyline{fill:none;stroke:var(--volt);stroke-width:3}.mini-pipe{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;bottom:22px;left:15px;right:15px;height:245px;gap:5px}.mini-pipe div{border:1px solid var(--line);border-radius:9px;padding:12px 7px}.mini-pipe small{font-size:.45rem}.mini-pipe b{display:block;font:600 1.45rem 'Space Grotesk';margin-top:10px}.mini-pipe .active{background:var(--ink);color:var(--volt);border-color:var(--volt)}.automation{position:absolute;left:22px;right:22px;bottom:40px}.automation p{background:white;border:1px solid var(--line);padding:15px 11px;border-radius:8px;font-size:.66rem;margin:0}.automation i{display:block;height:23px;border-left:1px dashed #737d77;margin-left:22px}.roi{position:absolute;bottom:28px;left:22px;right:22px}.roi>div{width:150px;height:150px;margin:auto;border:18px solid #2b302e;border-right-color:var(--volt);border-radius:50%;display:grid;place-content:center;font:600 2rem 'Space Grotesk';text-align:center}.roi>div small{display:block;font:.55rem 'DM Sans'}.roi p{display:flex;justify-content:space-between;margin-top:25px;font-size:.65rem}.roi b{font-size:.9rem}.journey{margin:0 3.5vw 100px;padding:42px;display:grid;grid-template-columns:22% 1fr 17%;align-items:center;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.32)}.journey h2{font-size:2rem;margin-bottom:0}.journey ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0}.journey li{position:relative;padding-left:25px}.journey li:not(:last-child):after{content:'→';position:absolute;right:12px;top:36px;color:#738078}.journey li small,.journey li b,.journey li strong{display:block}.journey li small{font-size:.6rem}.journey li b{font-size:.75rem;margin:15px 0 5px}.journey li strong{font:500 1.4rem 'Space Grotesk'}.journey .success strong{color:#70a000}.case-revenue{background:var(--ink);color:white;padding:22px;border-radius:11px}.case-revenue small{display:block;font-size:.5rem}.case-revenue b{font:600 1.5rem 'Space Grotesk';display:block;margin:7px 0}.case-revenue em{color:var(--volt);font-size:.7rem}.cta{margin:0 3.5vw 3.5vw;background:var(--ink);color:white;border-radius:26px;min-height:430px;padding:65px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;overflow:hidden;position:relative}.cta:after{content:'XAU';position:absolute;right:-30px;bottom:-80px;font:700 17rem 'Space Grotesk';color:rgba(255,255,255,.025)}.cta img{width:170px;filter:drop-shadow(0 18px 25px rgba(0,0,0,.4));animation:float 4s ease-in-out infinite}.cta h2{font:600 clamp(2.8rem,4.2vw,5.5rem)/.9 'Space Grotesk';letter-spacing:-.06em;margin:24px 0 18px}.cta h2 em{-webkit-text-stroke-color:white}.cta p{color:#aab3ae}.cta .btn{z-index:2}footer{padding:32px 3.5vw 45px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.footer-brand{transform:scale(.75);transform-origin:left}footer a{color:var(--ink)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-18px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flow{0%{left:0;opacity:0}10%,90%{opacity:1}100%{left:100%;opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:1100px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:80px}.hero-copy{z-index:4}.ecosystem{margin-top:20px}.services{grid-template-columns:1fr}.section-intro p{max-width:520px}.journey{grid-template-columns:1fr;gap:30px}.case-revenue{max-width:240px}.cta{grid-template-columns:140px 1fr}.cta .btn{grid-column:2;margin-top:20px;width:max-content}.cta img{width:130px}}@media(max-width:760px){.nav{padding:0 18px}.nav-actions .ghost{display:none}.nav-actions .btn{padding:12px}.hero{display:block;padding:65px 20px 30px;min-height:auto}.hero h1{font-size:13vw}.ecosystem{height:610px;transform:scale(.76);transform-origin:top left;width:132%;margin-bottom:-130px}.website-card{left:0}.crm-card{right:-5%}.xo-wrap{left:25%}.services{padding:75px 20px}.service-grid{grid-template-columns:1fr}.service{min-height:410px}.journey{margin:0 20px 70px;padding:25px}.journey ol{grid-template-columns:1fr 1fr;gap:30px}.journey li:after{display:none}.cta{margin:0 20px 20px;padding:45px 25px;display:block}.cta img{width:110px;margin-bottom:30px}.cta h2{font-size:12vw}.cta .btn{margin-top:25px}footer{padding:30px 20px;flex-wrap:wrap;gap:20px}.cursor-glow{display:none}}