.web-page{background-color:#fff;width:100vw;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.grid-moving-bg{z-index:0;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:60px 60px;animation:4s linear infinite grid-scroll;position:absolute;inset:-50%;transform:perspective(500px)rotateX(60deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 40% 80%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 40% 80%,#0000 100%)}@keyframes grid-scroll{0%{transform:perspective(500px)rotateX(60deg)translateY(0)}to{transform:perspective(500px)rotateX(60deg)translateY(60px)}}.glow-center-bg{filter:blur(80px);z-index:1;pointer-events:none;background:radial-gradient(circle,#0071e366 0%,#02061700 70%);width:70%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.web-hero{text-align:center;background-color:var(--bg-deep);isolation:isolate;padding:8rem 2rem 10rem;position:relative;overflow:hidden}.hero-noise{pointer-events:none;z-index:1;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.web-hero-content{z-index:10;max-width:900px;margin:0 auto;position:relative}.hero-badge{color:#e2e8f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-transform:uppercase;letter-spacing:.1em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:10px;margin-bottom:2rem;padding:8px 20px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 4px 20px #0003}.pulse-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s cubic-bezier(.66,0,0,1) infinite pulse-modern;box-shadow:0 0 #4ade80b3}@keyframes pulse-modern{to{box-shadow:0 0 0 10px #4ade8000}}.web-hero h1{color:#fff;letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,4rem);font-weight:800;line-height:1.1}.text-gradient-modern{background:linear-gradient(90deg,#60a5fa,#38bdf8,#a855f7,#fff) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:5s linear infinite alternate gradient-move}@keyframes gradient-move{to{background-position:200%}}.web-hero p{color:#94a3b8;max-width:680px;margin:0 auto 3.5rem;font-size:1.3rem;font-weight:400;line-height:1.6}.btn-primary-modern{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;padding:16px 36px;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;box-shadow:0 10px 25px -5px #0071e366}.btn-primary-modern.large{padding:20px 48px;font-size:1.2rem}.btn-primary-modern:hover{background:#007bf5}.hero-sub-text{color:#64748b;margin-top:1.5rem;font-size:.9rem;font-weight:500}.hero-cta-group{flex-direction:column;align-items:center;display:flex}.web-comparison{z-index:20;background-color:var(--bg-subtle);background-image:radial-gradient(#cbd5e1 1px,#0000 1px);background-size:24px 24px;margin-top:-4rem;padding:6rem 2rem;position:relative}.comp-header{text-align:center;max-width:800px;margin:0 auto 3.5rem}.badge-pill{color:var(--primary-blue);background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;margin-bottom:1rem;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.comp-header h2{color:var(--text-navy);letter-spacing:-.02em;margin-bottom:1rem;font-size:2.8rem;font-weight:700}.comp-header p{color:var(--text-slate);font-size:1.2rem}.highlight-red{color:#ef4444;background:#fef2f2;border-radius:4px;padding:0 6px;font-weight:700}.bento-grid{grid-template-columns:1.4fr 1fr;align-items:stretch;gap:24px;max-width:1024px;margin:0 auto;display:grid}.bento-card{background:var(--bg-color);border:1px solid var(--border-light);border-radius:24px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.bento-card:hover{border-color:var(--primary-blue);transform:translateY(-1px);box-shadow:0 12px 24px -6px #00000014}.stacked-column{flex-direction:column;gap:24px;display:flex}.main-feature{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);flex-direction:column;justify-content:space-between;display:flex}.icon-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.tag-performance{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-green);border:1px solid var(--accent-green);background:#ecfdf5;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700}.icon-box-modern{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.icon-box-modern.fast{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 10px #10b98133}.icon-box-modern.design,.icon-box-modern.code{color:var(--text-navy);background:#f1f5f9}.bento-card h3{color:var(--text-navy);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.bento-card p{color:var(--text-slate);font-size:1rem;line-height:1.5}.secondary-feature{align-items:flex-start;gap:1.25rem;height:100%;padding:2.5rem 2rem;display:flex}.secondary-feature h3{font-size:1.25rem}.secondary-feature p{font-size:.95rem}.speed-visual{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:2rem;margin-top:2.5rem;padding:1.25rem;display:flex;box-shadow:0 2px 5px #00000008}.score-circle{flex-shrink:0;width:80px;height:80px;position:relative}.circular-chart{max-width:100%;max-height:100%;margin:0 auto;display:block}.circle-bg{fill:none;stroke:#f1f5f9;stroke-width:2.5px}.circle{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke:var(--accent-green);animation:1.5s ease-out forwards progress-chart}@keyframes progress-chart{0%{stroke-dasharray:0 100}}.percentage{fill:var(--text-navy);text-anchor:middle;font-family:Inter,sans-serif;font-size:.6em;font-weight:800}.score-label{color:var(--text-slate);white-space:nowrap;font-size:.7rem;font-weight:600;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.graph-lines{flex:1;align-items:flex-end;gap:8px;height:45px;display:flex}.line{background:#f1f5f9;border-radius:4px;width:100%}.line.l-1{height:40%}.line.l-2{height:60%}.line.l-3{background:var(--accent-green);height:100%;box-shadow:0 2px 8px #10b98133}.web-types{background:#fff;max-width:1200px;margin:0 auto;padding:6rem 0}.types-list-modern{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;padding:0 2rem;display:grid}.service-card{border:1px solid var(--border-light);background:#fff;border-radius:24px;flex-direction:column;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.service-card:hover{border-color:var(--primary-blue);transform:translateY(-1px);box-shadow:0 20px 40px -5px #00000014}.service-content{flex:1;padding:2.5rem 2.5rem 1rem}.service-icon{width:48px;height:48px;color:var(--text-navy);background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.service-card h3{color:var(--text-navy);margin-bottom:.8rem;font-size:1.4rem;font-weight:700}.service-card p{color:var(--text-slate);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.tech-stack-mini{flex-wrap:wrap;gap:8px;display:flex}.tech-stack-mini span{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.service-visual{background:linear-gradient(#fff 0%,#f8fafc 100%);border-top:1px solid #f1f5f9;justify-content:center;align-items:flex-end;height:200px;padding-bottom:0;display:flex;position:relative;overflow:hidden}.mini-browser{background:#fff;border:1px solid #e2e8f0;border-top-left-radius:12px;border-top-right-radius:12px;flex-direction:column;width:80%;height:85%;transition:transform .4s;display:flex;transform:translateY(10px);box-shadow:0 10px 30px #0000000d}.service-card:hover .mini-browser{transform:translateY(0)}.browser-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;height:24px;padding-left:12px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.red{background:#fca5a5}.dot.yellow{background:#fcd34d}.dot.green{background:#86efac}.browser-body{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.skeleton-hero{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.s-line{background:#e2e8f0;border-radius:4px;height:8px}.s-line.title{background:#cbd5e1;width:70%;height:12px}.s-line.subtitle{width:50%}.s-btn-cta{background:var(--primary-blue);color:#fff;border-radius:6px;margin-top:12px;padding:8px 20px;font-size:.6rem;font-weight:800;position:relative;box-shadow:0 4px 10px #0071e34d}.cursor-arrow{opacity:0;transition:all .5s;position:absolute;bottom:-15px;right:-15px}.service-card:hover .cursor-arrow{opacity:1;transform:translate(-10px,-10px)}.service-card:hover .s-btn-cta{transition:transform .2s .4s;transform:scale(.95)}.mini-dashboard{background:#fff;border:1px solid #e2e8f0;border-top-left-radius:12px;border-top-right-radius:12px;width:85%;height:85%;transition:transform .4s;display:flex;overflow:hidden;transform:translateY(10px);box-shadow:0 10px 30px #0000000d}.service-card:hover .mini-dashboard{transform:translateY(0)}.dash-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;width:25%}.dash-main{flex-direction:column;flex:1;display:flex}.dash-header{border-bottom:1px solid #f1f5f9;height:25px}.dash-grid{grid-template-columns:1.5fr 1fr;gap:8px;height:100%;padding:10px;display:grid}.dash-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px}.dash-card.graph{justify-content:space-around;align-items:flex-end;padding:10px 5px 5px;display:flex}.bar{background:#e2e8f0;border-radius:2px 2px 0 0;width:8px;transition:height .5s}.b1{height:30%}.b2{height:50%}.b3{height:40%}.b4{height:60%}.service-card:hover .b1{background:var(--primary-blue);height:50%}.service-card:hover .b2{background:var(--primary-blue);height:80%}.service-card:hover .b3{background:var(--primary-blue);height:60%}.service-card:hover .b4{background:var(--primary-blue);height:90%}.mini-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:160px;height:170px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;transform:translateY(20px)rotate(-3deg);box-shadow:0 10px 20px #0000000f}.service-card:hover .mini-product-card{transform:translateY(-10px)rotate(0)}.prod-img{background:#f1f5f9;border-radius:11px 11px 0 0;height:100px;position:relative}.flash-badge{color:#fff;background:#ef4444;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:700;position:absolute;top:8px;left:8px}.prod-info{flex-direction:column;gap:8px;padding:12px;display:flex}.p-title{width:80%}.prod-bottom{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.p-price{background:var(--text-navy);width:40%;height:10px}.s-btn-add{background:var(--primary-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.2rem;font-weight:700;display:flex}.process-section{background-color:var(--bg-alt-color);background-image:linear-gradient(#0071e308 1px,#0000 1px),linear-gradient(90deg,#0071e308 1px,#0000 1px);background-size:40px 40px;padding:8rem 3rem;position:relative;overflow:hidden}.process-container{max-width:900px;margin:0 auto}.process-header{text-align:center;margin-bottom:5rem}.process-header h2{color:var(--text-navy);letter-spacing:-.02em;margin-top:1rem;font-size:2.8rem;font-weight:800}.process-header p{color:var(--text-slate);font-size:1.1rem}.process-timeline{gap:40px;display:flex;position:relative}.timeline-track{z-index:1;background:#cbd5e1;border-radius:4px;width:4px;position:absolute;top:20px;bottom:50px;left:28px}.timeline-fill{background:var(--primary-blue);border-radius:4px;width:100%;height:0%;transition:height .1s linear;box-shadow:0 0 15px #0071e366}.process-steps{z-index:2;flex-direction:column;gap:60px;width:100%;display:flex;position:relative}.process-step{opacity:.3;filter:grayscale();gap:40px;transition:all .5s;display:flex;transform:translate(20px)}.process-step.active{opacity:1;filter:grayscale(0%);transform:translate(10px)}.step-icon-wrapper{z-index:5;background:#fff;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 6px #0001}.process-step.active .step-icon-wrapper{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff;transform:scale(1.1);box-shadow:0 0 0 8px #0071e313}.step-content{padding-top:8px}.step-number{color:var(--primary-blue);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.process-step h3{color:var(--text-navy);margin-bottom:.8rem;font-size:1.5rem;font-weight:700}.process-step p{color:var(--text-slate);max-width:500px;font-size:1rem;line-height:1.6}.web-final-cta-modern{text-align:center;color:#fff;background:var(--bg-deep);isolation:isolate;border:1px solid #ffffff14;padding:8rem 2rem;position:relative;overflow:hidden;box-shadow:0 20px 50px -10px #00000080}.cta-grid-moving{z-index:0;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:60px 60px;animation:4s linear infinite grid-scroll;position:absolute;inset:-50%;transform:perspective(500px)rotateX(60deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 40% 80%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 40% 80%,#0000 100%)}.cta-glow-center{filter:blur(60px);z-index:1;pointer-events:none;background:radial-gradient(circle,#3b82f640 0%,#0000 70%);width:70%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-content-modern{z-index:10;flex-direction:column;align-items:center;max-width:700px;margin:0 auto;display:flex;position:relative}.cta-badge-status{color:#94a3b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:8px;margin-bottom:2rem;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-green;box-shadow:0 0 10px #22c55e}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.web-final-cta-modern h2{color:#fff;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1}.text-white-gradient{background:linear-gradient(#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.web-final-cta-modern p{color:#cbd5e1;max-width:600px;margin-bottom:3.5rem;font-size:1.25rem;font-weight:400;line-height:1.6}.btn-primary-modern.large-cta{align-items:center;gap:12px;padding:20px 48px;font-size:1.1rem;display:flex}.cta-action-group{flex-direction:column;align-items:center;display:flex}.cta-trust-text{color:#64748b;align-items:center;gap:8px;margin-top:1.5rem;font-size:.9rem;display:flex}@media (max-width:1024px){.bento-grid{grid-template-columns:1fr;gap:2rem}.secondary-feature{flex-direction:row;padding:2rem}}@media (max-width:768px){.web-hero h1{font-size:13vw}.web-hero{padding:9rem 1.5rem 6rem}.types-header h2{font-size:2.5rem}.web-final-cta-modern h2{font-size:2.2rem}.secondary-feature,.speed-visual{flex-direction:column;align-items:flex-start}.graph-lines,.btn-primary-modern.large-cta{width:100%}.process-timeline{gap:20px}.timeline-track{left:23px}.step-icon-wrapper{width:50px;height:50px}.process-step{gap:20px}.process-step h3{font-size:1.25rem}.step-number{font-size:.7rem}.process-step.active{transform:translate(0)}}