*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg-primary:#fff;--bg-hero:linear-gradient(160deg,#e8f0fe 0%,#f0f4ff 40%,#fff 100%);--bg-footer:linear-gradient(180deg,#eef2fa 0%,#e8edf8 100%);--bg-card:#f0f4fb;--text-primary:#0a0a0a;--text-secondary:#5a5a6a;--accent-blue:#3b6cf7;--accent-blue-dark:#2d5ce0;--border-light:#e4e8f0;--portfolio-bg:#1a1a1a;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:100px}body{color:var(--text-primary);background:var(--bg-primary);margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:400;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.nav{z-index:100;background:#fff;transition:box-shadow .25s;position:sticky;top:0}.nav.scrolled{box-shadow:0 4px 24px #0f172a14}.nav-inner{justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.brand{flex-shrink:0;align-items:center;line-height:0;display:flex}.brand-logo{border-radius:var(--radius-sm);object-fit:contain;width:auto;height:44px;display:block}.brand-text{letter-spacing:.02em;color:var(--accent-blue);flex-direction:column;align-items:flex-start;font-size:1.5rem;font-style:italic;font-weight:800;line-height:1;display:flex}.brand-text-lg{font-size:1.75rem}.brand-sub{letter-spacing:.2em;color:#6b7280;text-transform:uppercase;margin-top:3px;font-size:.5rem;font-style:normal;font-weight:600}.nav-pill{border-radius:var(--radius-pill);background:#fff;border:1px solid #e0e4ef;align-items:center;gap:4px;padding:6px 8px;display:flex}.nav-pill a{color:var(--text-primary);border-radius:var(--radius-pill);padding:8px 14px;font-size:.875rem;font-weight:500;transition:background .2s,color .2s;position:relative}.nav-pill a:after{content:"";background:var(--accent-blue);border-radius:1px;width:0;height:2px;transition:width .3s,left .3s;position:absolute;bottom:2px;left:50%}.nav-pill a:hover{color:var(--accent-blue);background:#f3f4f6}.nav-pill a:hover:after{width:60%;left:20%}.btn-cta-nav{color:#fff;background:var(--accent-blue);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;padding:12px 22px;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .2s,filter .2s;display:inline-flex}.btn-cta-nav:hover{background:var(--accent-blue-dark);filter:brightness(1.02)}.nav-desktop{align-items:center;gap:20px;display:flex}.nav-toggle{border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;background:#fff;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:none}.nav-mobile-panel{flex-direction:column;gap:8px;padding:0 0 16px;display:none}.nav-mobile-panel a{border-radius:var(--radius-md);border:1px solid var(--border-light);padding:12px 16px;font-weight:500}.nav-mobile-panel .btn-cta-nav{width:100%;margin-top:8px}body.nav-open .nav-mobile-panel{display:flex}.hero{background:var(--bg-hero);padding:120px 0;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}.hero:after{content:"";pointer-events:none;background:radial-gradient(at 30%,#3b6cf714 0%,#0000 60%);width:200%;height:200%;animation:8s ease-in-out infinite alternate heroGradientDrift;position:absolute;top:-50%;left:-50%}@keyframes heroGradientDrift{0%{transform:translate(0)}to{transform:translate(5%,-5%)}}.hero .container{z-index:1;position:relative}.social-proof{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;margin-bottom:32px;display:flex}.avatars{align-items:center;display:flex}.avatar{background:#e5e7eb;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:40px;height:40px;margin-left:-12px;transition:transform .25s;overflow:hidden}.avatar:first-child{margin-left:0}.avatar:hover{z-index:2;transform:scale(1.2)translateY(-4px)}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar:first-child{animation:.5s cubic-bezier(.22,1,.36,1) .2s both heroFadeUp}.avatar:nth-child(2){animation:.5s cubic-bezier(.22,1,.36,1) .3s both heroFadeUp}.avatar:nth-child(3){animation:.5s cubic-bezier(.22,1,.36,1) .4s both heroFadeUp}.stars{color:#f5a623;letter-spacing:2px;font-size:.95rem;animation:2s ease-in-out 1s infinite starsPulse}@keyframes starsPulse{0%,to{opacity:1}50%{opacity:.6}}.social-text{color:#6b7280;text-transform:lowercase;font-size:.875rem}.hero h1{text-align:center;color:#0a0a0a;max-width:900px;margin:0 auto 24px;font-size:clamp(2.75rem,6vw,5rem);font-weight:900;line-height:1.05}.hero-sub{text-align:center;color:#6b7280;max-width:560px;margin:0 auto;font-size:18px}.section{padding:100px 0}.section-white{background:#fff}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.pill-badge{color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-pill);background:#f9fafb;margin-bottom:20px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-block}.about-grid h2{margin:0 0 20px;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:900;line-height:1.15}.about-grid p{color:var(--text-secondary);margin:0 0 28px;font-size:1rem;line-height:1.65}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.btn-primary{color:#fff;background:var(--accent-blue);border-radius:var(--radius-pill);cursor:pointer;border:none;padding:14px 24px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .2s,filter .2s}.btn-primary:hover{background:var(--accent-blue-dark);filter:brightness(1.03)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-pill);cursor:pointer;background:#f9fafb;padding:14px 24px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .2s,border-color .2s}.btn-outline:hover{background:#f3f4f6;border-color:#d1d5db}.about-photos{grid-template-rows:minmax(320px,1fr);grid-template-columns:1fr 1fr;align-items:stretch;gap:14px;min-height:400px;display:grid}.about-photo{background:#e5e7eb;border-radius:16px;min-height:0;margin:0;display:flex;overflow:hidden;box-shadow:0 8px 30px #0f172a14}.about-photo img{object-fit:cover;border-radius:16px;flex:1;width:100%;height:100%;min-height:260px;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.about-photo:hover img{transform:scale(1.04)}.stats{background:#fff;padding:72px 0}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:0;max-width:960px;margin:0 auto;display:grid}.stat-item{padding:16px 12px;position:relative}.stat-item:not(:last-child):after{content:"";background:var(--border-light);width:1px;height:60%;position:absolute;top:20%;right:0}.stat-num{color:#0a0a0a;margin-bottom:8px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1}.stat-label{color:#6b7280;max-width:140px;margin:0 auto;font-size:14px;line-height:1.35}.ownership h2{text-align:center;max-width:800px;margin:0 auto 24px;font-size:clamp(2rem,4vw,3.25rem);font-weight:900;line-height:1.12}.ownership p{text-align:center;color:var(--text-secondary);max-width:580px;margin:0 auto;font-size:1.0625rem;line-height:1.65}.steps-wrap{background:var(--bg-card);border-radius:var(--radius-lg);padding:48px}.steps-inner{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.steps-inner h2{margin:0 0 16px;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800}.steps-inner .lead{color:var(--text-secondary);margin:0;line-height:1.65}.step-cards{flex-direction:column;gap:14px;display:flex;position:relative}.step-cards:before{content:"";pointer-events:none;z-index:0;border-left:2px dotted #64748b40;width:0;position:absolute;top:12%;bottom:12%;left:50%;transform:translate(-50%)}.step-card{z-index:1;border-radius:var(--radius-md);background:#fff;padding:20px 24px;font-weight:500;position:relative;box-shadow:0 4px 20px #0f172a0f}.portfolio{background:var(--portfolio-bg);width:100%}.portfolio-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.portfolio-item{cursor:pointer;min-height:320px;transition:transform .35s;position:relative;overflow:hidden}.portfolio-item:hover{z-index:2;transform:scale(1.02)}.portfolio-screenshot{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.portfolio-item:hover .portfolio-screenshot{transform:scale(1.05)}.portfolio-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#0000001a 50%,#000000a6 100%);position:absolute;inset:0}.portfolio-name{color:#fff;text-shadow:0 2px 12px #00000080;z-index:3;font-size:clamp(1.125rem,2vw,1.5rem);font-weight:800;position:absolute;bottom:24px;left:24px}.customers-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.customers-quote{color:#0a0a0a;white-space:nowrap;margin:0;font-size:clamp(2.25rem,4vw,3.5rem);font-weight:900;line-height:1.1}.customers-text{color:#4a5568;max-width:420px;margin:0;font-size:16px;line-height:1.7}.features-wrap{padding-top:24px;position:relative}.features-line{pointer-events:none;border-top:1px dashed #c8d0e0;height:0;position:absolute;top:60px;left:12%;right:12%}.features-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:32px;display:grid;position:relative}.feature{text-align:center;padding:0 12px}.feature-icon{background:#eef2fb;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex}.feature-icon svg{stroke:#0a0a0a;stroke-width:1.75px;width:28px;height:28px}.feature h3{margin:0 0 12px;font-size:1.0625rem;font-weight:700}.feature p{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.65}.support-section{border-top:1px solid var(--border-light);background:#fff;padding:80px 0}.support-section h2{text-align:center;margin:0 0 12px;font-size:2rem;font-weight:800}.support-section p{text-align:center;color:var(--text-secondary);max-width:520px;margin:0 auto 24px}.support-section .btn-primary{width:fit-content;margin:0 auto;display:block}.faq h2{text-align:center;margin:0 0 48px;font-size:clamp(2rem,4vw,3.25rem);font-weight:900}.faq-list{flex-direction:column;gap:14px;max-width:720px;margin:0 auto;display:flex}.faq-item{border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 12px #0f172a0a}.faq-item:not(.is-open){border:1px solid var(--border-light);background:#fff}.faq-item.is-open{background:#f0f4fb;border:1px solid #0000}.faq-trigger{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-family:inherit;font-size:1rem;font-weight:700;display:flex}.faq-chevron{color:var(--text-secondary);flex-shrink:0;font-size:1.1rem;font-weight:400;transition:transform .3s}.faq-item.is-open .faq-chevron{transform:rotate(180deg)}.faq-answer-outer{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.faq-item.is-open .faq-answer-outer{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden}.faq-answer{color:var(--text-secondary);padding:0 22px 20px;font-size:.9375rem;line-height:1.65}.cta-block{background:var(--bg-hero);border-radius:var(--radius-lg);text-align:center;max-width:960px;margin:0 auto;padding:80px 32px}.cta-block h2{margin:0 0 16px;font-size:clamp(1.75rem,3.5vw,3.25rem);font-weight:900;line-height:1.12}.cta-block p{color:var(--text-secondary);margin:0 0 32px;font-size:18px}.cta-block .btn-primary{padding:16px 32px;font-size:16px;font-weight:600}.footer{background:var(--bg-hero);margin-top:80px;padding:80px 0 48px}.footer-grid{border-bottom:1px solid #00000014;grid-template-columns:1.2fr .8fr .8fr;gap:40px 32px;padding-bottom:48px;display:grid}.footer-brand .brand-logo{height:52px}.footer-tag{color:var(--text-secondary);margin:16px 0 20px;font-size:.9375rem;font-style:italic}.footer-meta{color:var(--text-secondary);margin-bottom:20px;font-size:.875rem;line-height:1.7}.badge-open{border-radius:var(--radius-sm);background:#fff;border:1px solid #0a0a0a;align-items:center;gap:8px;margin-top:12px;margin-bottom:16px;padding:10px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.badge-open .dot{color:#22c55e;font-size:.65rem}.footer-link{color:var(--text-secondary);font-size:.875rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s}.footer-link:hover{text-decoration-color:currentColor}.footer-col h3{margin:0 0 16px;font-size:1rem;font-weight:700}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{margin-bottom:10px}.footer-col a{color:var(--text-secondary);font-size:.9375rem;transition:color .2s}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{text-align:center;color:var(--text-secondary);padding-top:40px;font-size:.875rem;line-height:1.8}.footer-bottom p{margin:0}body.modal-open{overflow:hidden}.contact-modal{z-index:250;opacity:0;visibility:hidden;background:#0f172a80;justify-content:center;align-items:center;padding:20px;transition:opacity .28s,visibility .28s;display:flex;position:fixed;inset:0}.contact-modal.is-open{opacity:1;visibility:visible}.contact-modal-dialog{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:440px;max-height:min(90vh,720px);padding:28px 28px 24px;transition:transform .28s;position:relative;overflow-y:auto;transform:translateY(12px)scale(.98);box-shadow:0 24px 64px #0f172a38}.contact-modal.is-open .contact-modal-dialog{transform:translateY(0)scale(1)}.contact-modal h2{margin:0 32px 6px 0;font-size:1.375rem;font-weight:800;line-height:1.2}.contact-modal-lead{color:var(--text-secondary);margin:0 0 22px;font-size:.875rem;line-height:1.5}.contact-modal-close{border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);background:#fff;justify-content:center;align-items:center;font-size:1.35rem;line-height:1;transition:background .2s,color .2s;display:flex;position:absolute;top:16px;right:16px}.contact-modal-close:hover{color:var(--text-primary);background:#f3f4f6}.contact-field{margin-bottom:16px}.contact-field label{color:var(--text-primary);margin-bottom:6px;font-size:.8125rem;font-weight:600;display:block}.contact-field input,.contact-field textarea{border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;padding:12px 14px;font-family:inherit;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #3b6cf733}.contact-field textarea{resize:vertical;min-height:120px}.contact-form-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.contact-form-actions .btn-primary{flex:1;min-width:140px}.contact-form-actions .btn-outline{flex:1;min-width:120px}.contact-form-note{color:var(--text-secondary);margin:14px 0 0;font-size:.75rem;line-height:1.5}.contact-success{text-align:center;padding:32px 0}.contact-success h3{color:#16a34a;margin:0 0 8px;font-size:1.25rem;font-weight:700}.contact-success p{color:var(--text-secondary);margin:0}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hero .social-proof{animation:.8s cubic-bezier(.22,1,.36,1) .15s both heroFadeUp}.hero h1{animation:.8s cubic-bezier(.22,1,.36,1) .35s both heroFadeUp}.hero .hero-sub{animation:.8s cubic-bezier(.22,1,.36,1) .5s both heroFadeUp}[data-reveal]{opacity:0;will-change:opacity,transform;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(50px)}[data-reveal=left]{transform:translate(-60px)}[data-reveal=right]{transform:translate(60px)}[data-reveal=scale]{transform:scale(.88)}[data-reveal=up]{transform:translateY(50px)}[data-reveal].revealed{opacity:1;transform:none}[data-delay="1"]{transition-delay:.15s}[data-delay="2"]{transition-delay:.3s}[data-delay="3"]{transition-delay:.45s}[data-delay="4"]{transition-delay:.6s}.portfolio-item{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}.portfolio-item:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 24px 48px #00000040}@keyframes statPop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.stat-item.revealed .stat-num{animation:.6s cubic-bezier(.22,1,.36,1) both statPop}.feature{transition:transform .35s,box-shadow .35s}.feature:hover{transform:translateY(-6px);box-shadow:0 16px 40px #3b6cf71f}@keyframes ctaGlow{0%,to{box-shadow:0 0 #3b6cf733}50%{box-shadow:0 0 40px 8px #3b6cf726}}.cta-block.revealed{animation:3s ease-in-out 1s infinite ctaGlow}.step-card{transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s}.btn-primary,.btn-cta-nav{transition:background .2s,transform .2s,box-shadow .2s}.btn-primary:hover,.btn-cta-nav:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b6cf74d}.btn-primary:active,.btn-cta-nav:active{transform:translateY(0)}@keyframes navSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nav{animation:.5s cubic-bezier(.22,1,.36,1) both navSlideIn}@media (prefers-reduced-motion:reduce){[data-reveal],.hero .social-proof,.hero h1,.hero .hero-sub,.nav{opacity:1;transition:none;animation:none;transform:none}}.demo-overlay{z-index:9999;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.demo-topbar{background:#111;flex-shrink:0;align-items:center;height:48px;padding:0 16px;display:flex}.demo-back-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.9rem;font-weight:600;transition:background .15s}.demo-back-btn:hover{background:#ffffff1f}.demo-iframe{border:none;flex:1;width:100%}@media (max-width:1024px){.features-line{display:none}}@media (max-width:767px){.nav-pill,.nav-desktop .btn-cta-nav{display:none}.nav-toggle{display:inline-flex}.hero{padding:80px 0 100px}.section{padding:72px 0}.about-grid,.steps-inner,.customers-grid{grid-template-columns:1fr}.about-photos{order:-1;grid-template-rows:auto;grid-template-columns:1fr;gap:16px;min-height:auto}.about-photo img{flex:none;height:auto;min-height:280px}.stats-grid{grid-template-columns:1fr 1fr}.stat-item:not(:last-child):after{display:none}.stat-item{border-bottom:1px solid var(--border-light);padding:20px 8px}.stat-item:nth-last-child(-n+2){border-bottom:none}.portfolio-grid{grid-template-columns:1fr}.portfolio-item{min-height:280px}.features-grid,.footer-grid{grid-template-columns:1fr}.steps-wrap{padding:32px 24px}}