:root{--bg:#09090b;--panel:#111116;--text:#f3f3ee;--muted:#92929c;--line:rgba(255,255,255,.13);--green:#b6ff38;--purple:#865dff;--cyan:#45e6d0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.scroll-progress{position:fixed;z-index:100;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--green),var(--purple));box-shadow:0 0 14px var(--green);pointer-events:none}
.cursor-dot,.cursor-ring{position:fixed;z-index:99;top:0;left:0;border-radius:50%;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%)}.cursor-dot{width:5px;height:5px;background:#fff}.cursor-ring{width:36px;height:36px;border:1px solid rgba(255,255,255,.7);transition:width .2s,height .2s,background .2s}.cursor-ring.is-hover{width:64px;height:64px;background:rgba(255,255,255,.12)}
.topbar{position:fixed;z-index:30;top:0;left:0;width:100%;height:84px;padding:0 clamp(24px,4vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.11);transition:transform .45s,background .35s,backdrop-filter .35s}.topbar.is-scrolled{background:rgba(9,9,11,.72);backdrop-filter:blur(18px)}.topbar.is-hidden{transform:translateY(-100%)}
.logo{display:flex;align-items:center}.logo img{display:block;width:118px;height:48px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(45,190,188,.12))}
.nav-list{display:flex;gap:36px;margin:0;padding:0;list-style:none;font-size:12px;color:#b6b6be}.nav-list a{transition:.25s}.nav-list a:hover{color:var(--green)}
.header-cta,.button{display:inline-flex;align-items:center;gap:22px}.header-cta{padding:11px 12px 11px 19px;border:1px solid rgba(255,255,255,.25);border-radius:99px;font-size:12px}.header-cta i,.button.primary i{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#111;font-style:normal}
.hero{min-height:880px;height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;padding:120px clamp(24px,8vw,150px) 60px;background:#09090b}
#signal-canvas,.hero-grid{position:absolute;inset:0;width:100%;height:100%}.hero-grid{opacity:.28;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,black,transparent 75%)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.72}.orb-one{width:520px;height:520px;right:4%;top:18%;border:1px solid rgba(182,255,56,.36);box-shadow:inset 0 0 80px rgba(182,255,56,.06),0 0 100px rgba(182,255,56,.05)}.orb-one:before,.orb-one:after{content:"";position:absolute;border-radius:50%;inset:11%;border:1px solid rgba(134,93,255,.34)}.orb-one:after{inset:32%;background:radial-gradient(circle,rgba(182,255,56,.3),rgba(134,93,255,.09) 45%,transparent 65%);filter:blur(18px);animation:pulse 5s ease-in-out infinite}
.orb-two{width:190px;height:190px;right:28%;bottom:5%;border:1px dashed rgba(255,255,255,.23);animation:spin 18s linear infinite}
.hero-inner{position:relative;z-index:4;width:min(100%,1030px)}
.kicker,.section-label{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--green)}
.hero h1{max-width:1050px;margin:24px 0 26px;font-size:clamp(58px,7.7vw,132px);line-height:.94;letter-spacing:-.065em;font-weight:650}.hero h1 em,.contact h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7)}
.hero-copy{width:min(560px,90%);margin:0 0 35px;font-size:16px;line-height:1.9;color:#a9a9b0}
.hero-actions{display:flex;align-items:center;gap:22px}.button{padding:10px 11px 10px 25px;border-radius:99px;font-size:13px}.button.primary{background:#f2f2ed;color:#111;font-weight:700}.button.ghost{padding:14px 24px;border:1px solid rgba(255,255,255,.2);color:#bbb}.button.ghost i{font-style:normal;color:var(--green)}
.hero-strip{display:flex;gap:55px;margin-top:62px}.hero-strip span{display:flex;align-items:baseline;gap:6px}.hero-strip b{font-size:30px;color:#fff}.hero-strip small{color:#777780;font-size:10px}
.status-pill{position:absolute;z-index:4;right:4.5vw;top:115px;padding:10px 15px;border:1px solid var(--line);border-radius:99px;color:#98989f;font-size:9px;letter-spacing:.13em}.status-pill i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.scroll-note{position:absolute;z-index:4;right:4.5vw;bottom:45px;color:#66666d;font-size:9px;letter-spacing:.14em;writing-mode:vertical-rl}.scroll-note span{margin-top:14px;color:var(--green)}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--green);color:#111}.marquee>div{width:max-content;display:flex;align-items:center;gap:27px;padding:16px 0;animation:marquee 24s linear infinite;font-size:14px;font-weight:800;letter-spacing:.08em}.marquee i{font-style:normal}
.core-stage{height:760px;display:flex;overflow:hidden;background:#111}.core-panel{flex:1;min-width:0;position:relative;overflow:hidden;padding:38px;border-right:1px solid rgba(255,255,255,.18);transition:flex .8s cubic-bezier(.16,1,.3,1),filter .6s}.core-stage:hover .core-panel{flex:.78;filter:saturate(.65) brightness(.72)}.core-stage .core-panel:hover{flex:1.5;filter:none}.core-web{background:radial-gradient(circle at 65% 38%,rgba(182,255,56,.4),transparent 27%),#151719}.core-seo{background:radial-gradient(circle at 55% 40%,rgba(134,93,255,.55),transparent 31%),#121119}.core-operate{background:radial-gradient(circle at 58% 36%,rgba(69,230,208,.38),transparent 28%),#111719}.core-no{position:absolute;top:38px;left:38px;color:rgba(255,255,255,.5);font-size:10px;letter-spacing:.15em}.core-copy{position:absolute;z-index:2;left:38px;right:38px;bottom:42px;transition:transform .7s cubic-bezier(.16,1,.3,1)}.core-panel:hover .core-copy{transform:translateY(-16px)}.core-copy small{color:var(--green);font-size:9px;letter-spacing:.17em}.core-copy h2{margin:16px 0 20px;font-size:clamp(35px,3.3vw,58px);line-height:1.03;letter-spacing:-.05em}.core-copy p{max-width:360px;margin:0;color:#a0a0a8;font-size:12px;line-height:1.8;opacity:0;transform:translateY(18px);transition:.5s .08s}.core-panel:hover .core-copy p{opacity:1;transform:none}.core-copy a{display:inline-block;margin-top:22px;color:#fff;font-size:11px;opacity:0;transition:.5s .14s}.core-panel:hover .core-copy a{opacity:1}.core-visual{position:absolute;width:300px;height:300px;left:50%;top:34%;transform:translate(-50%,-50%);transition:transform .8s cubic-bezier(.16,1,.3,1)}.core-panel:hover .core-visual{transform:translate(-50%,-50%) scale(1.16) rotate(6deg)}.core-visual i{position:absolute;inset:0;border:1px solid rgba(255,255,255,.27);border-radius:50%;animation:spin 18s linear infinite}.core-visual i:nth-child(2){inset:17%;border-style:dashed;animation-direction:reverse;animation-duration:12s}.core-visual i:nth-child(3){inset:35%;border:0;background:radial-gradient(circle,rgba(255,255,255,.42),rgba(255,255,255,.03) 65%);box-shadow:0 0 70px rgba(255,255,255,.12)}.core-seo .core-visual{border-radius:30%;transform:translate(-50%,-50%) rotate(45deg)}.core-seo:hover .core-visual{transform:translate(-50%,-50%) scale(1.15) rotate(58deg)}.core-seo .core-visual i{border-radius:22%}.core-operate .core-visual i:first-child{border-radius:45% 55% 62% 38%}.core-operate .core-visual i:nth-child(2){border-radius:60% 40% 35% 65%}
.motion-section{min-height:920px;display:grid;grid-template-columns:.72fr 1.28fr;gap:4vw;align-items:center;padding:120px clamp(24px,6vw,110px);overflow:hidden;background:#efeee9;color:#111}.motion-heading h2{margin:25px 0;font-size:clamp(47px,5vw,78px);line-height:1.03;letter-spacing:-.055em}.motion-heading>p:last-child{max-width:500px;color:#707075;line-height:1.9}.motion-heading .kicker{color:#6844e3}.motion-scene{--scene-rx:0deg;--scene-ry:0deg;position:relative;height:680px;perspective:1000px;transform:rotateX(var(--scene-rx)) rotateY(var(--scene-ry));transition:transform .15s;background:radial-gradient(circle at 50% 48%,rgba(38,183,184,.16),transparent 37%);border:1px solid rgba(0,0,0,.12);overflow:hidden}.motion-connectors{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}.motion-grid{position:absolute;inset:-30%;background-image:linear-gradient(rgba(0,0,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.07) 1px,transparent 1px);background-size:44px 44px;transform:perspective(700px) rotateX(62deg) translateY(90px);mask-image:radial-gradient(circle,black,transparent 64%)}.motion-core{position:absolute;z-index:3;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:34% 66% 58% 42%;background:linear-gradient(145deg,#15151a,#343347);color:#fff;box-shadow:0 45px 70px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.16);animation:coreFloat 4s ease-in-out infinite;transition:background .55s,box-shadow .55s}.motion-core:after{content:"";position:absolute;inset:-30px;border-radius:43%;background:radial-gradient(circle,rgba(105,71,229,.22),transparent 67%);opacity:0;transition:.4s}.motion-core.is-pulsing:after{opacity:1;animation:enginePulse .8s ease-out}.motion-core i{position:absolute;inset:-16px;border:1px dashed rgba(104,68,227,.55);border-radius:45%;animation:spin 12s linear infinite}.motion-core b{text-align:center;font-size:20px;letter-spacing:.05em;transition:opacity .2s,transform .2s}.motion-core span{margin-top:9px;color:#4fe0d0;font-size:9px;transition:opacity .2s}.motion-core em{position:absolute;bottom:24px;color:#747480;font-size:8px;font-style:normal;letter-spacing:.15em}.motion-orbit{position:absolute;z-index:1;left:50%;top:50%;border:1px solid rgba(104,68,227,.34);border-radius:50%;transform:translate(-50%,-50%) rotateX(62deg)}.orbit-a{width:500px;height:500px;animation:orbitPulse 5s ease-in-out infinite}.orbit-b{width:390px;height:390px;border-style:dashed;animation:spinFlat 20s linear infinite}.motion-node{position:absolute;z-index:4;width:150px;height:118px;padding:17px;background:rgba(255,255,255,.88);border:1px solid rgba(0,0,0,.15);box-shadow:0 22px 35px rgba(0,0,0,.12);backdrop-filter:blur(10px);animation:nodeFloat 4.5s ease-in-out infinite;cursor:pointer;transition:background .4s,color .4s,border .4s,box-shadow .4s,scale .4s}.motion-node:hover,.motion-node:focus-visible,.motion-node.is-active{outline:0;background:#16161c;color:#fff;border-color:#7050e9;box-shadow:0 25px 45px rgba(52,35,119,.28),0 0 0 3px rgba(105,71,229,.12);scale:1.08}.motion-node i{color:#6947e5;font-size:9px;font-style:normal}.motion-node b{display:block;margin-top:18px;font-size:17px}.motion-node small{color:#888;font-size:7px;letter-spacing:.12em}.motion-node span{position:absolute;width:8px;height:8px;right:13px;top:13px;border-radius:50%;background:#34bcb9;box-shadow:0 0 15px #34bcb9}.motion-node.is-active span{animation:nodePulse 1s ease-in-out infinite}.node-strategy{left:8%;top:13%}.node-web{right:7%;top:18%;animation-delay:-1s}.node-content{left:10%;bottom:12%;animation-delay:-2.2s}.node-seo{right:9%;bottom:10%;animation-delay:-3s}.motion-caption{position:absolute;z-index:5;left:20px;bottom:18px;display:flex;flex-direction:column;gap:4px}.motion-caption span{color:#6947e5;font-size:7px;letter-spacing:.15em}.motion-caption b{font-size:9px;font-weight:500;color:#777}
.section-pad{padding:140px clamp(24px,7vw,132px)}
.section-label{display:flex;align-items:center;gap:16px;color:#777780}.section-label span{color:var(--green)}
.intro-main{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;margin:40px 0 95px}.intro-main h2,.work-head h2,.seo-copy h2,.process>h2{margin:0;font-size:clamp(48px,6vw,88px);line-height:1.05;letter-spacing:-.055em}.intro-main p,.work-head p,.seo-copy>p{margin:8px 0 0;color:var(--muted);line-height:1.9}
.service-list{border-top:1px solid var(--line)}.service-item{--mx:50%;display:grid;grid-template-columns:70px 1fr 1fr 60px;gap:30px;align-items:center;min-height:128px;border-bottom:1px solid var(--line);transition:.35s;position:relative;overflow:hidden}.service-item:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(360px circle at var(--mx) 50%,rgba(182,255,56,.14),transparent 70%);transition:.3s}.service-item:hover{padding-left:18px}.service-item:hover:before{opacity:1}.service-item>*{position:relative}.service-item>span{font-size:11px;color:#606069}.service-item h3{font-size:26px}.service-item p{color:#85858d;line-height:1.7;font-size:13px}.service-item>i{font-style:normal;font-size:25px;color:var(--green);transition:transform .3s}.service-item:hover>i{transform:rotate(45deg)}
.website-types{background:#efeee9;color:#0b0b0c}.website-types .section-label{color:#7b7b80}.website-types .section-label span{color:#5535d9}.type-head{display:grid;grid-template-columns:1.25fr .55fr;gap:10vw;align-items:end;margin:40px 0 70px}.type-head h2,.why-layout h2,.insight-head h2{margin:0;font-size:clamp(48px,6vw,88px);line-height:1.05;letter-spacing:-.055em}.type-head>p{margin:0;color:#68686d;line-height:1.9}
.type-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(0,0,0,.18);border-left:1px solid rgba(0,0,0,.18)}.type-card{--rx:0deg;--ry:0deg;position:relative;min-height:330px;padding:30px;display:flex;flex-direction:column;border-right:1px solid rgba(0,0,0,.18);border-bottom:1px solid rgba(0,0,0,.18);transition:background .35s,color .35s,box-shadow .35s;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d}.type-card:hover{background:#111116;color:#fff;box-shadow:0 25px 55px rgba(0,0,0,.14)}.type-card.type-featured{grid-column:span 2;background:#b6ff38}.type-card.type-featured:hover{background:#111116}.type-card>span{font-size:10px;color:#777}.type-card h3{margin:55px 0 14px;font-size:28px}.type-card p{max-width:500px;margin:0;color:#737379;line-height:1.75;font-size:13px}.type-card ul{display:flex;flex-wrap:wrap;gap:7px;margin:auto 0 0;padding:0;list-style:none}.type-card li{padding:6px 9px;border:1px solid rgba(0,0,0,.18);border-radius:99px;font-size:9px}.type-card:hover li{border-color:rgba(255,255,255,.2)}.type-card>i{position:absolute;right:30px;top:28px;font-style:normal;font-size:24px;transition:transform .3s}.type-card:hover>i{transform:rotate(45deg)}
.work{background:#efeee9;color:#0b0b0c}.work .section-label{color:#777}.work .section-label span{color:#5535d9}.work-head{display:flex;justify-content:space-between;align-items:end;margin:40px 0 70px}.work-head p{max-width:400px;color:#666}
.projects{display:grid;grid-template-columns:1fr 1fr;gap:70px 24px}.project:first-child{grid-column:span 2}.mock-browser{overflow:hidden;background:#19191c;box-shadow:0 20px 60px rgba(0,0,0,.12)}.project:first-child .mock-browser{height:620px}.project:not(:first-child) .mock-browser{height:490px}.browser-top{height:28px;display:flex;gap:6px;align-items:center;padding:0 12px;background:#242429}.browser-top i{width:6px;height:6px;border-radius:50%;background:#666}
.mock-a,.mock-b,.mock-c{height:calc(100% - 28px);position:relative;overflow:hidden;padding:7%;color:#fff}.mock-a{background:radial-gradient(circle at 72% 42%,#5c55b2 0,#211e40 24%,#0c0d13 65%)}.mock-a b{font-size:clamp(45px,6vw,95px);line-height:.82;letter-spacing:-.07em}.mock-a span{position:absolute;left:7%;bottom:8%;font-size:11px;letter-spacing:.16em;color:#aaa}.mock-a div{position:absolute;width:38%;aspect-ratio:1;right:10%;top:19%;border:60px solid rgba(182,255,56,.78);border-radius:38% 62% 64% 36%;transform:rotate(35deg);filter:drop-shadow(0 0 35px rgba(182,255,56,.2))}
.mock-b{background:linear-gradient(145deg,#f0ff7f,#b6ff38);color:#10120e}.mock-b b{font-size:clamp(42px,5vw,76px);line-height:.86;letter-spacing:-.06em}.mock-b span{position:absolute;bottom:7%;font-size:10px;letter-spacing:.15em}.product-shape{position:absolute;width:220px;height:280px;right:10%;bottom:5%;border-radius:30px;background:linear-gradient(145deg,#26262b,#050506);box-shadow:-20px 35px 50px rgba(0,0,0,.28);transform:rotate(7deg)}.product-shape:after{content:"";position:absolute;inset:18px;border:1px solid #444;border-radius:20px}
.mock-c{background:radial-gradient(circle at 65% 40%,#4639a4,#151421 55%,#09090b)}.mock-c>span{font-size:9px;color:#aaa;letter-spacing:.14em}.mock-c>b{position:absolute;left:7%;bottom:9%;z-index:2;font-size:clamp(32px,4vw,60px);line-height:1}.metal-disc{position:absolute;width:300px;height:300px;border-radius:50%;right:-30px;top:13%;background:repeating-radial-gradient(circle,#c4c5c8 0 9px,#696b70 10px 16px,#1c1d20 17px 27px);box-shadow:-30px 40px 90px #000;transform:rotateX(55deg) rotateZ(-15deg)}
.project footer{display:flex;align-items:baseline;justify-content:space-between;padding-top:20px}.project footer span{font-size:10px;color:#888}.project footer h3{margin:0;font-size:23px}.project footer i{font-style:normal;font-size:9px;color:#888;letter-spacing:.1em}
.seo-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;min-height:820px;background:radial-gradient(circle at 78% 54%,rgba(134,93,255,.16),transparent 34%)}
.seo-copy h2{margin:35px 0}.seo-copy>p{max-width:520px}.seo-copy ul{margin:38px 0;padding:0;list-style:none;border-top:1px solid var(--line)}.seo-copy li{padding:14px 0;border-bottom:1px solid var(--line);color:#b0b0b8;font-size:13px}.seo-copy li:before{content:"↳";margin-right:12px;color:var(--green)}.text-link{display:inline-flex;gap:16px;padding-bottom:7px;border-bottom:1px solid var(--green);font-size:13px}.text-link span{color:var(--green)}
.seo-dashboard{padding:28px;border:1px solid rgba(255,255,255,.16);background:rgba(16,16,21,.9);box-shadow:0 40px 100px rgba(0,0,0,.35)}.dash-top{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.15em;color:#74747e}.dash-top b{padding:4px 8px;border-radius:99px;background:rgba(182,255,56,.12);color:var(--green)}
.metric{display:grid;grid-template-columns:1fr auto;align-items:end;padding:32px 0 15px}.metric>span{color:#999;font-size:12px}.metric strong{grid-row:span 2;font-size:55px;letter-spacing:-.05em;color:var(--green)}.metric small{color:#5f5f68;font-size:9px}
.chart{height:210px;position:relative;margin:10px 0 25px;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:100% 52px,70px 100%;overflow:hidden}.chart-line{position:absolute;left:0;right:0;bottom:18px;height:170px;clip-path:polygon(0 88%,18% 71%,35% 76%,54% 43%,72% 51%,100% 0,100% 100%,0 100%);background:linear-gradient(rgba(182,255,56,.5),rgba(182,255,56,0))}.chart:after{content:"";position:absolute;inset:0;background:linear-gradient(153deg,transparent 0 46%,var(--green) 46.4% 46.9%,transparent 47.3%);filter:drop-shadow(0 0 5px var(--green))}
.keywords span{display:grid;grid-template-columns:40px 1fr auto;padding:13px;border-top:1px solid var(--line);font-size:11px}.keywords i{font-style:normal;color:#555}.keywords em{font-style:normal;color:var(--green)}
.why{background:#efeee9;color:#111}.why .section-label{color:#777}.why .section-label span{color:#5535d9}.why-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin:40px 0 80px}.why-layout>div>p{max-width:600px;margin:28px 0 0;color:#6d6d72;line-height:1.9}.why-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(0,0,0,.17);border-left:1px solid rgba(0,0,0,.17)}.why-stats article{min-height:145px;padding:24px;border-right:1px solid rgba(0,0,0,.17);border-bottom:1px solid rgba(0,0,0,.17)}.why-stats strong{display:block;font-size:42px;letter-spacing:-.05em}.why-stats span{display:block;margin-top:14px;color:#747479;font-size:10px}.why-points{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(0,0,0,.17)}.why-points>span{padding:25px 24px;border-right:1px solid rgba(0,0,0,.17)}.why-points i{display:block;color:#6947e5;font-size:10px;font-style:normal}.why-points b{display:block;margin:35px 0 12px;font-size:20px}.why-points small{color:#737378;line-height:1.7}
.process{background:#15151a}.process>h2{margin:40px 0 85px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-grid article{min-height:320px;padding:28px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.3s}.process-grid article:hover{background:var(--green);color:#111}.process-grid article>span{font-size:10px;color:#666}.process-grid article div{margin:auto 0}.process-grid b{display:block;font-size:34px}.process-grid small{color:#707079;font-size:9px;letter-spacing:.15em}.process-grid p{margin:0;color:#7e7e87;font-size:12px;line-height:1.7}.process-grid article:hover p,.process-grid article:hover small{color:#344018}
.insights{background:#0d0d10}.insight-head{display:flex;justify-content:space-between;align-items:end;margin:40px 0 70px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.insight-grid article{min-height:360px;padding:30px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.35s}.insight-grid article:hover{background:linear-gradient(145deg,rgba(134,93,255,.17),rgba(182,255,56,.04));transform:translateY(-5px)}.insight-grid span{color:var(--green);font-size:9px;letter-spacing:.12em}.insight-grid h3{margin:55px 0 20px;font-size:24px;line-height:1.45}.insight-grid p{margin:0;color:#787881;font-size:12px;line-height:1.8}.insight-grid a{margin-top:auto;color:#aaa;font-size:11px}
.contact{min-height:760px;position:relative;overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(134,93,255,.3),rgba(182,255,56,.07) 38%,transparent 70%);filter:blur(40px)}.contact>*:not(.contact-glow){position:relative}.contact h2{margin:25px 0 50px;font-size:clamp(52px,7.4vw,110px);line-height:.98;letter-spacing:-.06em}.big-contact{display:flex;align-items:center;gap:40px;padding:13px 14px 13px 27px;border:1px solid rgba(255,255,255,.28);border-radius:99px;background:rgba(255,255,255,.05);font-size:14px}.big-contact i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#111;font-style:normal}.contact-meta{width:100%;display:flex;justify-content:space-between;margin-top:85px;color:#5f5f66;font-size:9px;letter-spacing:.12em}
.footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:35px clamp(24px,4vw,68px);border-top:1px solid var(--line);color:#666;font-size:10px}.footer>p{text-align:center}.footer>div{display:flex;flex-direction:column;align-items:end;gap:5px}
.content-page{min-height:80vh;padding:150px 8vw}.content-page article{max-width:900px;margin:auto}.content-page h1{font-size:70px}.entry{color:#aaa;line-height:1.9}
.reveal{opacity:0;clip-path:inset(0 0 30% 0);transform:translateY(45px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1),clip-path .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0s)}.reveal.is-visible{opacity:1;clip-path:inset(0);transform:none}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.13);opacity:.45}}@keyframes coreFloat{50%{transform:translate(-50%,-55%) rotate(3deg)}}@keyframes nodeFloat{50%{translate:0 -14px;rotate:1deg}}@keyframes orbitPulse{50%{scale:1.08;opacity:.55}}@keyframes spinFlat{to{transform:translate(-50%,-50%) rotateX(62deg) rotateZ(360deg)}}@keyframes enginePulse{0%{scale:.7;opacity:0}40%{opacity:1}100%{scale:1.25;opacity:0}}@keyframes nodePulse{50%{scale:1.7;opacity:.45}}
@media(max-width:1000px){.hero{min-height:850px}.orb-one{right:-20%;opacity:.45}.intro-main,.seo-section,.type-head,.why-layout,.motion-section{grid-template-columns:1fr}.intro-main p{max-width:580px}.core-stage{height:auto;display:grid;grid-template-columns:1fr}.core-panel{min-height:560px}.core-stage:hover .core-panel,.core-stage .core-panel:hover{flex:none;filter:none}.core-copy p,.core-copy a{opacity:1;transform:none}.motion-scene{margin-top:25px}.type-grid{grid-template-columns:1fr 1fr}.project:first-child .mock-browser{height:500px}.seo-dashboard{margin-top:30px}.process-grid,.why-points{grid-template-columns:1fr 1fr}.service-item{grid-template-columns:50px 1fr 1fr 30px}.nav-list{display:none}.insight-grid{grid-template-columns:1fr 1fr}.insight-grid article:last-child{grid-column:span 2}}
@media(max-width:680px){.topbar{height:70px;padding:0 18px}.logo img{width:92px}.header-cta span{display:none}.header-cta{padding:4px;border:0}.hero{height:auto;min-height:850px;padding:120px 22px 65px}.hero h1{font-size:56px}.hero-copy{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-strip{gap:24px;flex-wrap:wrap}.hero-strip b{font-size:24px}.status-pill{display:none}.orb-one{width:390px;height:390px;right:-60%;top:30%}.core-panel{min-height:520px;padding:24px}.core-no{left:24px;top:24px}.core-copy{left:24px;right:24px;bottom:30px}.core-visual{width:230px;height:230px}.motion-section{padding:90px 18px;min-height:auto}.motion-heading h2{font-size:46px}.motion-scene{height:610px}.motion-node{width:118px;height:100px;padding:12px}.motion-node b{font-size:14px}.motion-core{width:145px;height:145px}.motion-orbit.orbit-a{width:340px;height:340px}.motion-orbit.orbit-b{width:280px;height:280px}.node-strategy{left:3%}.node-web{right:3%}.node-content{left:3%}.node-seo{right:3%}.section-pad{padding:90px 22px}.intro-main{margin-bottom:60px}.intro-main h2,.work-head h2,.seo-copy h2,.process>h2,.type-head h2,.why-layout h2,.insight-head h2{font-size:45px}.service-item{grid-template-columns:35px 1fr 25px;padding:25px 0}.service-item p{grid-column:2}.type-grid{grid-template-columns:1fr}.type-card.type-featured{grid-column:auto}.type-card{min-height:300px}.work-head{display:block}.work-head p{margin-top:24px}.projects{grid-template-columns:1fr;gap:55px}.project:first-child{grid-column:auto}.project:first-child .mock-browser,.project:not(:first-child) .mock-browser{height:390px}.project footer{display:grid;grid-template-columns:1fr auto;gap:6px}.project footer h3{grid-row:2}.project footer i{grid-row:2}.mock-a div{width:52%;border-width:35px;right:-3%}.product-shape{width:140px;height:210px}.metal-disc{width:220px;height:220px}.seo-section{min-height:auto}.metric strong{font-size:44px}.why-stats{grid-template-columns:1fr 1fr}.why-points,.process-grid,.insight-grid{grid-template-columns:1fr}.why-points>span{border-bottom:1px solid rgba(0,0,0,.17)}.process-grid article{min-height:230px}.insight-head{display:block}.insight-head .text-link{margin-top:28px}.insight-grid article,.insight-grid article:last-child{grid-column:auto;min-height:320px}.contact{min-height:650px}.contact h2{font-size:52px}.contact-meta{gap:20px;flex-direction:column}.footer{grid-template-columns:1fr;gap:22px;text-align:center}.footer .logo{justify-content:center}.footer>div{align-items:center}}
@media(pointer:coarse),(max-width:900px){.cursor-dot,.cursor-ring{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee>div,.orb-two,.orb-one:after{animation:none}.reveal{opacity:1;clip-path:none;transform:none;transition:none}.cursor-dot,.cursor-ring{display:none}}