/* Tech 3D layer */
    .tech-core{position:absolute;left:50%;top:48%;width:250px;height:250px;transform:translate(-50%,-50%);transform-style:preserve-3d;pointer-events:none;opacity:.9;z-index:0}
    .tech-core:before{content:"";position:absolute;inset:66px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#C8A7FF 0 5%,#7B2EFF 32%,rgba(123,46,255,.16) 58%,transparent 70%);box-shadow:0 0 60px rgba(123,46,255,.48), inset -18px -24px 45px rgba(0,0,0,.35);animation:corePulse 3.8s ease-in-out infinite}
    .ring{position:absolute;left:50%;top:50%;border:1px solid rgba(157,92,255,.42);border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 22px rgba(123,46,255,.10)}
    .ring.r1{width:220px;height:220px;margin:-110px;animation:ringSpinA 10s linear infinite}
    .ring.r2{width:185px;height:185px;margin:-92.5px;animation:ringSpinB 8s linear infinite reverse;border-color:rgba(200,167,255,.28)}
    .ring.r3{width:145px;height:145px;margin:-72.5px;animation:ringSpinC 7s linear infinite;border-style:dashed}
    .tech-node{position:absolute;width:8px;height:8px;border-radius:50%;background:#C8A7FF;box-shadow:0 0 14px #7B2EFF}
    .tech-node.n1{left:10px;top:118px}.tech-node.n2{right:24px;top:34px}.tech-node.n3{left:88px;bottom:2px}
    .tech-grid{position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(123,46,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(123,46,255,.08) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 80%,transparent);animation:gridDrift 14s linear infinite}
    .tech-streak{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(157,92,255,.75),transparent);filter:drop-shadow(0 0 8px rgba(123,46,255,.5));opacity:.45;pointer-events:none}
    .tech-streak.s1{width:210px;right:5%;top:24%;transform:rotate(-18deg);animation:streakFloat 5.5s ease-in-out infinite}
    .tech-streak.s2{width:160px;left:2%;bottom:16%;transform:rotate(22deg);animation:streakFloat 6.2s ease-in-out infinite reverse}
    .service,.menu-option,.content-pack,.show-card,.step{transform-style:preserve-3d;will-change:transform}
    .service:before,.menu-option:before,.show-card:before,.step:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 25%,rgba(157,92,255,.07) 50%,transparent 75%);transform:translateX(-120%);transition:transform .7s ease;pointer-events:none}
    .service:hover:before,.menu-option:hover:before,.show-card:hover:before,.step:hover:before{transform:translateX(120%)}
    @keyframes corePulse{0%,100%{transform:scale(.96)}50%{transform:scale(1.05)}}
    @keyframes ringSpinA{to{transform:rotateX(68deg) rotateZ(360deg)}}
    @keyframes ringSpinB{to{transform:rotateY(70deg) rotateZ(360deg)}}
    @keyframes ringSpinC{to{transform:rotateX(38deg) rotateY(58deg) rotateZ(-360deg)}}
    @keyframes gridDrift{to{background-position:46px 46px,46px 46px}}
    @keyframes streakFloat{0%,100%{translate:0 0;opacity:.25}50%{translate:18px -10px;opacity:.7}}

    @media(max-width:900px){
      .nav-links{display:none}.nav .btn{display:none}
      .hero{padding-top:78px}.hero-grid{grid-template-columns:1fr;gap:36px}.visual-shell{min-height:450px}.mock-main{width:88%;right:0}.floating-price{left:0}.service.large,.service.small{grid-column:span 6}.menu-wrap,.content-pack,.showcase{grid-template-columns:1fr}.goals{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.cta-box{grid-template-columns:1fr}.menu-intro{min-height:300px}
    }
    @media(max-width:620px){
      .tech-core{width:185px;height:185px;opacity:.72}.tech-core:before{inset:52px}.ring.r1{width:165px;height:165px;margin:-82.5px}.ring.r2{width:138px;height:138px;margin:-69px}.ring.r3{width:108px;height:108px;margin:-54px}
      .container{width:min(100% - 28px,1180px)}.nav{height:66px}.brand{font-size:23px}.hero{padding:64px 0 56px}h1{font-size:48px;letter-spacing:-2.7px}.hero p{font-size:16px}.hero-actions .btn{width:100%}.microproof{gap:12px 20px}.visual-shell{min-height:370px}.mock-main{width:88%;top:50px;padding:14px;border-radius:22px}.mock-hero{min-height:145px;padding:20px}.mock-hero b{font-size:24px}.mock-row{gap:6px}.mock-box{height:62px;padding:9px}.mock-box i{margin-bottom:13px}.floating-price{width:128px;padding:13px;top:100px}.floating-price strong{font-size:21px}.floating-post{width:145px;padding:10px}.post-square{font-size:16px;padding:12px}.section{padding:62px 0}.section-head{display:block}.section-head p{margin-top:14px}.service.large,.service.small{grid-column:span 12;min-height:250px}.menu-options{grid-template-columns:1fr}.content-pack{padding:26px}.content-pack h3{font-size:32px}.pack-price strong{font-size:38px}.process{grid-template-columns:1fr}.cta-box{padding:32px 24px}.cta-box h2{font-size:36px}.footer-row{align-items:flex-start;flex-direction:column}.section-head h2{font-size:38px}.goals{gap:34px}
    }

    /* Motion + 3D: depth without sacrificing the clean Criae system */
    .visual-shell{perspective:1200px;transform-style:preserve-3d}
    .parallax-card{transform-style:preserve-3d;will-change:transform;transition:transform .16s ease-out}
    .orb.one{animation:orbDriftOne 7s ease-in-out infinite alternate}
    .orb.two{animation:orbDriftTwo 9s ease-in-out infinite alternate}
    @keyframes orbDriftOne{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-18px,24px,42px) scale(1.08)}}
    @keyframes orbDriftTwo{from{transform:translate3d(0,0,0) scale(.96)}to{transform:translate3d(24px,-16px,26px) scale(1.05)}}
    .service,.menu-option,.goal,.step,.show-card,.content-pack,.menu-intro{transform-style:preserve-3d;will-change:transform}
    .tilt-card{transition:transform .18s ease-out,border-color .25s ease,box-shadow .25s ease}
    .tilt-card:hover{box-shadow:0 30px 80px rgba(0,0,0,.42),0 0 44px rgba(123,46,255,.07)}
    .reveal{opacity:0;transform:translate3d(0,24px,0) scale(.985);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
    .reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
    .btn-primary{position:relative;overflow:hidden}
    .btn-primary:after{content:"";position:absolute;inset:-60% -30%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.22),transparent 65%);transform:translateX(-70%) rotate(8deg);transition:transform .6s ease}