.hero-section{--purple: #6c3fff;--purple-lt: #8b5cf6;--pink: #c026d3;--pink-lt: #e879f9;--orange: #f97316;--blue-neon: #38bdf8;--text: #e2e8f0;--text-muted: #94a3b8;--border: rgba(139,92,246,.18);--glow-p: rgba(108,63,255,.35);background:#0a0818;overflow:hidden;position:relative}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:140px 60px 60px;position:relative;max-width:1280px;margin:0 auto}.hero:before{content:"";position:absolute;top:-80px;left:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(108,63,255,.18) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;top:0;right:0;width:500px;height:500px;background:radial-gradient(circle,rgba(192,38,211,.12) 0%,transparent 70%);pointer-events:none}.hero-left{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:#6c3fff1a;padding:7px 14px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--purple-lt);margin-bottom:28px;text-transform:uppercase}.eyebrow svg{width:12px;height:12px}.hero-left h1{font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:900;line-height:1.08;margin-bottom:24px;color:var(--text)}.hero-left h1 .accent-web{color:var(--purple-lt)}.hero-left h1 .accent-apps{background:linear-gradient(90deg,var(--purple-lt),var(--pink-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{color:var(--text-muted);font-size:1rem;line-height:1.7;max-width:480px;margin-bottom:36px}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:48px}.btn-cta{background:var(--purple);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,box-shadow .2s;box-shadow:0 0 20px var(--glow-p)}.btn-cta:hover{background:var(--purple-lt);box-shadow:0 0 32px var(--glow-p)}.trust-badges{display:flex;gap:32px;flex-wrap:wrap}.badge{display:flex;align-items:flex-start;gap:10px}.badge-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--purple-lt);flex-shrink:0;margin-top:2px}.badge-title{font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:2px}.badge-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.hero-right{position:relative;z-index:2}.hero-card{background:#130f2e;border:1px solid var(--border);border-radius:20px;overflow:hidden;position:relative;box-shadow:0 0 60px #6c3fff26,inset 0 1px #ffffff0f}.hero-graphic-wrap{padding:40px 40px 20px;display:flex;justify-content:center;align-items:center;min-height:320px;position:relative}.glow-ring{position:absolute;border-radius:50%;pointer-events:none}.glow-ring-1{width:380px;height:380px;top:50%;left:50%;transform:translate(-50%,-48%);background:radial-gradient(circle,rgba(108,63,255,.22) 0%,transparent 65%);animation:hero-pulse-ring 4s ease-in-out infinite}.glow-ring-2{width:280px;height:280px;top:50%;left:50%;transform:translate(-50%,-48%);background:radial-gradient(circle,rgba(56,189,248,.12) 0%,transparent 65%)}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);background:#0003}.feature-item{padding:20px 16px 22px;text-align:center;border-right:1px solid var(--border)}.feature-item:last-child{border-right:none}.feature-icon-wrap{width:40px;height:40px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;color:var(--blue-neon)}.feature-title{font-size:.82rem;font-weight:700;color:var(--text);margin-bottom:4px}.feature-desc{font-size:.7rem;color:var(--text-muted);line-height:1.4}.trusted-section{padding:40px 60px 60px;text-align:center;position:relative;max-width:1280px;margin:0 auto}.trusted-label{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:30px}.trusted-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border) 20%,var(--border) 80%,transparent);margin-bottom:30px}.tech-logos{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;opacity:.65}.tech-logo{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.tech-logo svg{flex-shrink:0}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes hero-pulse-ring{0%,to{opacity:.4;transform:translate(-50%,-48%) scale(1)}50%{opacity:.7;transform:translate(-50%,-48%) scale(1.05)}}@media (max-width: 1024px){.hero{grid-template-columns:1fr;padding:120px 24px 40px;gap:32px}.trusted-section{padding:20px 24px 40px}.hero-sub{max-width:100%}.hero-card{max-width:600px;margin:0 auto}}@media (max-width: 768px){.hero{padding:100px 20px 32px;gap:24px}.hero-graphic-wrap{padding:24px 20px 12px;min-height:240px}.glow-ring-1{width:280px;height:280px}.glow-ring-2{width:200px;height:200px}.feature-strip{grid-template-columns:repeat(2,1fr)}.feature-item:nth-child(2){border-right:none}.feature-item:nth-child(3){border-top:1px solid var(--border)}.feature-item:nth-child(4){border-top:1px solid var(--border);border-right:none}.tech-logos{gap:24px}.trust-badges{gap:20px}}@media (max-width: 480px){.hero-graphic-wrap{min-height:200px;padding:16px 12px 8px}.hero-left h1{font-size:clamp(1.8rem,8vw,2.4rem)}.hero-actions{flex-direction:column;align-items:stretch}.btn-cta,.btn-outline{justify-content:center}.feature-item{padding:14px 10px 16px}.trust-badges{gap:16px}.badge{flex:1 1 calc(50% - 16px);min-width:140px}}#hex-container{position:relative}#hex-canvas{display:block;border-radius:12px}.hex-label{position:absolute;text-align:center;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .3s;z-index:2}.hex-label-icon{font-size:22px;line-height:1;margin-bottom:4px}.hex-label-name{font-weight:700;font-size:13px;color:#e2e8f0;white-space:nowrap}.hex-label-desc{font-size:10.5px;color:#94a3b8;white-space:nowrap;line-height:1.4}.process-section[data-astro-cid-25obxio5]{scroll-margin-top:100px;position:relative;overflow:clip;background:#0b0915;color:#fff;padding:100px 0;isolation:isolate}.process-section[data-astro-cid-25obxio5]:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 45%,#7c3aed13,transparent 60%);pointer-events:none}.process-header[data-astro-cid-25obxio5]{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px 40px;margin-bottom:45px}.process-eyebrow[data-astro-cid-25obxio5]{grid-column:1/-1;color:#b7a8d3;font-size:10px;font-weight:700;letter-spacing:.18em;display:flex;align-items:center;gap:10px}.process-eyebrow[data-astro-cid-25obxio5] span[data-astro-cid-25obxio5]{width:6px;height:6px;background:#bb80ff;border-radius:50%}h2[data-astro-cid-25obxio5]{font-size:clamp(42px,5.2vw,76px);font-weight:900;letter-spacing:-.045em;line-height:1.04;margin:0}.process-intro[data-astro-cid-25obxio5]{font-size:16px;color:#a6a0b6;line-height:1.7;justify-self:end;margin:0}.process-grid[data-astro-cid-25obxio5]{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;align-items:center}.process-steps[data-astro-cid-25obxio5]{display:grid;gap:10px}.process-step[data-astro-cid-25obxio5]{display:flex;gap:18px;padding:19px 0;border-top:1px solid #ffffff18;transition:opacity .35s}.step-number[data-astro-cid-25obxio5]{font:12px ui-monospace,monospace;color:#b68ef4;padding-top:4px}.step-label[data-astro-cid-25obxio5]{font-size:9px;letter-spacing:.2em;color:#b78fea;font-weight:700;margin:0 0 6px}h3[data-astro-cid-25obxio5]{font-size:21px;line-height:1.2;font-weight:700;letter-spacing:-.02em;margin:0 0 9px}.step-description[data-astro-cid-25obxio5]{font-size:13px;line-height:1.65;color:#a8a1b8;margin:0;max-width:375px}.process-tunnel[data-astro-cid-25obxio5]{position:absolute;inset:-10% -6%;width:112%;height:120%;pointer-events:none;opacity:0}.process-tunnel[data-astro-cid-25obxio5].is-ready{opacity:var(--tunnel-opacity,1)}.process-enhanced[data-astro-cid-25obxio5].tunnel-ready .process-tile[data-astro-cid-25obxio5]{transform:translate(var(--drop-x,0px),var(--drop-y,0px)) rotate(var(--drop-angle,0deg)) scale(var(--drop-scale,1));opacity:var(--drop-opacity,1)}.process-visual[data-astro-cid-25obxio5]{height:420px;position:relative;perspective:1000px}.scene-grid[data-astro-cid-25obxio5]{position:absolute;inset:-10px;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 70%);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.scene-orbit[data-astro-cid-25obxio5]{position:absolute;border:1px solid #b388ff16;border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-20deg);width:470px;height:280px}.orbit-two[data-astro-cid-25obxio5]{width:550px;height:360px;transform:translate(-50%,-50%) rotate(22deg)}.app-shell[data-astro-cid-25obxio5]{position:absolute;inset:24px 3% 45px;border:1px solid #b885ff45;border-radius:16px;background:linear-gradient(135deg,#211831ec,#13101fee);box-shadow:0 25px 80px #0006;overflow:hidden}.app-toolbar[data-astro-cid-25obxio5]{height:35px;display:flex;gap:5px;align-items:center;border-bottom:1px solid #ffffff10;padding:0 12px}.app-toolbar[data-astro-cid-25obxio5]>span[data-astro-cid-25obxio5]{width:5px;height:5px;border-radius:50%;background:#78668d}.app-toolbar[data-astro-cid-25obxio5] b[data-astro-cid-25obxio5]{font:9px ui-monospace,monospace;color:#a69ab9;margin-left:9px}.app-toolbar[data-astro-cid-25obxio5] i[data-astro-cid-25obxio5]{font:8px ui-monospace,monospace;color:#9cdcbd;margin-left:auto}.app-sidebar[data-astro-cid-25obxio5]{position:absolute;left:0;top:35px;bottom:0;width:34px;border-right:1px solid #ffffff10;display:grid;align-content:start;justify-content:center;gap:16px;padding-top:20px}.app-sidebar[data-astro-cid-25obxio5] span[data-astro-cid-25obxio5]{width:9px;height:9px;border:1px solid #8c73ac;border-radius:3px}.app-title[data-astro-cid-25obxio5]{position:absolute;left:54px;top:57px;font-size:16px;font-weight:700;letter-spacing:-.03em}.app-subtitle[data-astro-cid-25obxio5]{position:absolute;left:54px;top:82px;font-size:9px;color:#a59ab4}.process-tile[data-astro-cid-25obxio5]{--scatter:0;position:absolute;width:38%;height:74px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #a784dd40;border-radius:10px;background:linear-gradient(120deg,#30233e,#1b1627);box-shadow:0 8px 20px #0003;transform:translate(calc(var(--dx)*var(--scatter)),calc(var(--dy)*var(--scatter))) rotate(calc(var(--angle)*var(--scatter)));will-change:auto}.tile-laravel[data-astro-cid-25obxio5]{left:14%;top:32%}.tile-api[data-astro-cid-25obxio5]{left:55%;top:32%}.tile-database[data-astro-cid-25obxio5]{left:14%;top:53%}.tile-tests[data-astro-cid-25obxio5]{left:55%;top:53%}.tile-icon[data-astro-cid-25obxio5]{white-space:nowrap;font:700 19px ui-monospace,monospace;color:#d5b9ff;background:#a56bec18;border:1px solid #c69aff20;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.tile-api[data-astro-cid-25obxio5] .tile-icon[data-astro-cid-25obxio5]{color:#efa7d0}.tile-tests[data-astro-cid-25obxio5] .tile-icon[data-astro-cid-25obxio5]{color:#9dddbe}.process-tile[data-astro-cid-25obxio5] small[data-astro-cid-25obxio5]{display:block;color:#9989ae;font-size:7px;letter-spacing:.1em}.process-tile[data-astro-cid-25obxio5] strong[data-astro-cid-25obxio5]{display:block;font-size:13px;margin-top:4px;font-weight:600}.tile-check[data-astro-cid-25obxio5]{color:#a1dabc;font-size:9px;margin-left:auto}.app-deploy[data-astro-cid-25obxio5]{position:absolute;left:54px;right:20px;bottom:21px;display:flex;align-items:center;gap:8px;font-size:10px;color:#c3b2d9}.app-deploy[data-astro-cid-25obxio5]>span[data-astro-cid-25obxio5]{color:#d79bff}.app-deploy[data-astro-cid-25obxio5] b[data-astro-cid-25obxio5]{margin-left:auto;color:#a6d9bc;font-size:7px;letter-spacing:.1em}.scene-caption[data-astro-cid-25obxio5]{position:absolute;bottom:7px;left:5%;right:5%;display:flex;align-items:center;gap:8px;font-size:10px;color:#bdafcd}.caption-dot[data-astro-cid-25obxio5]{width:5px;height:5px;background:#be81ff;border-radius:50%}.caption-index[data-astro-cid-25obxio5]{margin-left:auto;font:9px ui-monospace,monospace;color:#7b6c90}.process-footer[data-astro-cid-25obxio5]{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff13;margin-top:26px;padding-top:20px}.scroll-cue[data-astro-cid-25obxio5]{font-size:8px;letter-spacing:.16em;color:#8d809e;display:none}.scroll-cue[data-astro-cid-25obxio5]>span[data-astro-cid-25obxio5]{color:#c39ae9;margin-left:15px}.process-cta[data-astro-cid-25obxio5]{font-size:13px;color:#ece1fc;text-decoration:none;display:flex;gap:26px;align-items:center}.process-cta[data-astro-cid-25obxio5]:hover{color:#eaa8e3}.process-cta[data-astro-cid-25obxio5]:focus-visible{outline:2px solid #cd95ff;outline-offset:8px}.process-track[data-astro-cid-25obxio5]{display:none}@media (min-width:1024px) and (min-height:700px) and (prefers-reduced-motion:no-preference){.process-enhanced[data-astro-cid-25obxio5]{height:260vh;padding:0}.process-enhanced[data-astro-cid-25obxio5] .process-sticky[data-astro-cid-25obxio5]{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:45px;padding-bottom:35px}.process-enhanced[data-astro-cid-25obxio5].tunnel-ready .app-shell[data-astro-cid-25obxio5]{opacity:var(--app-opacity,1)}.process-enhanced[data-astro-cid-25obxio5] .process-step[data-astro-cid-25obxio5]{opacity:.8}.process-enhanced[data-astro-cid-25obxio5] .process-step[data-astro-cid-25obxio5].is-current{opacity:1}.process-enhanced[data-astro-cid-25obxio5] .process-step[data-astro-cid-25obxio5].is-current .step-number[data-astro-cid-25obxio5]{color:#e8c3ff}.process-enhanced[data-astro-cid-25obxio5] .scroll-cue[data-astro-cid-25obxio5]{display:block}.process-enhanced[data-astro-cid-25obxio5] .process-track[data-astro-cid-25obxio5]{display:block;height:2px;background:#ffffff0b;margin-top:22px;overflow:hidden}.process-track[data-astro-cid-25obxio5]>span[data-astro-cid-25obxio5]{display:block;height:100%;background:linear-gradient(90deg,#9a6af0,#ef9ad0);transform-origin:left;transform:scaleX(var(--process-progress,0))}}@media (max-width:1100px){.process-grid[data-astro-cid-25obxio5]{gap:25px}.process-tile[data-astro-cid-25obxio5]{padding:8px;gap:6px}.process-tile[data-astro-cid-25obxio5] strong[data-astro-cid-25obxio5]{font-size:11px}}@media (max-width:1023px){.process-section[data-astro-cid-25obxio5]{padding:70px 0}.process-header[data-astro-cid-25obxio5]{margin-bottom:30px}.process-grid[data-astro-cid-25obxio5]{grid-template-columns:1fr}.process-steps[data-astro-cid-25obxio5]{grid-template-columns:repeat(3,1fr);gap:22px}.process-step[data-astro-cid-25obxio5]{gap:10px}h3[data-astro-cid-25obxio5]{font-size:18px}.process-visual[data-astro-cid-25obxio5]{max-width:580px;width:100%;margin:12px auto 0}.scene-orbit[data-astro-cid-25obxio5],.orbit-two[data-astro-cid-25obxio5]{max-width:100%}.process-footer[data-astro-cid-25obxio5]{justify-content:flex-end}}@media (max-width:639px){.process-header[data-astro-cid-25obxio5]{display:block}.process-eyebrow[data-astro-cid-25obxio5]{font-size:8px;margin-bottom:18px}.process-intro[data-astro-cid-25obxio5]{margin-top:20px;font-size:14px}.process-steps[data-astro-cid-25obxio5]{grid-template-columns:1fr;gap:6px}.process-step[data-astro-cid-25obxio5]{gap:17px;padding:20px 0}.step-description[data-astro-cid-25obxio5]{font-size:14px;max-width:none}h3[data-astro-cid-25obxio5]{font-size:22px}.process-visual[data-astro-cid-25obxio5]{height:310px}.app-shell[data-astro-cid-25obxio5]{inset:10px 0 35px}.app-toolbar[data-astro-cid-25obxio5] b[data-astro-cid-25obxio5]{font-size:7px}.app-title[data-astro-cid-25obxio5]{font-size:13px;left:45px;top:53px}.app-subtitle[data-astro-cid-25obxio5]{left:45px;font-size:7px;top:74px}.process-tile[data-astro-cid-25obxio5]{height:57px;width:39%;padding:6px;gap:5px}.tile-laravel[data-astro-cid-25obxio5]{left:14%;top:33%}.tile-api[data-astro-cid-25obxio5]{left:55%;top:33%}.tile-database[data-astro-cid-25obxio5]{left:14%;top:53%}.tile-tests[data-astro-cid-25obxio5]{left:55%;top:53%}.tile-icon[data-astro-cid-25obxio5]{width:25px;height:25px;font-size:14px}.process-tile[data-astro-cid-25obxio5] strong[data-astro-cid-25obxio5]{font-size:10px}.process-tile[data-astro-cid-25obxio5] small[data-astro-cid-25obxio5]{font-size:5px}.app-deploy[data-astro-cid-25obxio5]{left:45px;bottom:17px;font-size:9px}.scene-caption[data-astro-cid-25obxio5]{font-size:8px;left:2%;right:2%}.caption-index[data-astro-cid-25obxio5]{font-size:7px}.process-footer[data-astro-cid-25obxio5]{margin-top:12px}.scene-orbit[data-astro-cid-25obxio5]{height:200px}.orbit-two[data-astro-cid-25obxio5]{height:250px}}@media (prefers-reduced-motion:reduce){.process-step[data-astro-cid-25obxio5]{transition:none}.scroll-cue[data-astro-cid-25obxio5]{display:none}}[data-scroll-scene]{overflow:clip;scroll-margin-top:100px}[data-scroll-scene] .animate-on-scroll{opacity:1!important;transform:none!important}@media (min-width:1024px) and (min-height:700px) and (prefers-reduced-motion:no-preference){[data-scroll-scene].scene-enhanced [data-scene-item]{transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) rotate(var(--scene-angle,0deg)) scale(var(--scene-scale,1))!important;opacity:var(--scene-opacity,1)!important;transition:none;transform-origin:center}[data-scroll-scene].scene-enhanced [data-scene-chip]{transform:translate3d(0,var(--scene-y,0px),0);opacity:var(--scene-opacity,1);transition:none}}
