*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:#0f0f0f;background:#fff;font-family:system-ui,-apple-system,sans-serif}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.35s both pageFadeIn}@keyframes heroExit{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(1.03)}to{opacity:0;transform:scale(1.06)}}.hero--exit{pointer-events:none;animation:.38s forwards heroExit}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#1c1c1eb8;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:4px;padding:8px 12px;display:flex;position:fixed;top:24px;left:50%;translate:-50%;box-shadow:0 4px 24px #00000040,inset 0 1px #ffffff0f}.navbar-link{color:#ffffffd9;letter-spacing:.01em;border-radius:12px;padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.navbar-link:hover{color:#fff;background:#ffffff1f}.navbar-link--active{color:#fff;background:#ffffff26}@keyframes globeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-32px)}}.hero{grid-template-rows:1fr auto;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-globe{aspect-ratio:1;pointer-events:none;z-index:0;width:clamp(300px,38vw,520px);animation:7s ease-in-out infinite globeFloat;position:absolute;top:50%;right:-60px;translate:0 -50%}.globe-outline{width:100%;height:100%}.hero-content{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:0 24px 48px;display:flex;position:relative}.hero-content h1{letter-spacing:-.03em;color:#0f0f0f;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.1}.hero-content p{color:#6b7280;max-width:480px;font-size:clamp(1rem,2vw,1.25rem)}.hero-cta{cursor:pointer;border:none;margin-top:8px;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-block;color:#fff!important;text-transform:none!important;background:#60a5fa!important;border-radius:100px!important;padding:12px 28px!important}.hero-cta:hover{opacity:.8;background:#60a5fa!important}@keyframes bannerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.banner{background:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:14px 0;overflow:hidden}.banner-track{width:max-content;animation:35s linear infinite bannerScroll;display:flex}.banner-item{letter-spacing:.1em;text-transform:uppercase;color:#0f0f0f;white-space:nowrap;align-items:center;gap:20px;padding-left:20px;font-size:13px;font-weight:600;display:flex}.banner-sep{color:#9ca3af;font-size:8px}.about{min-height:100svh;padding:140px 24px 100px}.about-inner{flex-direction:column;gap:64px;max-width:680px;margin:0 auto;display:flex}.about-heading{letter-spacing:-.03em;color:#0f0f0f;font-size:clamp(2.5rem,6vw,4rem);font-weight:700}.about-section-title{letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;margin-bottom:20px;font-size:13px;font-weight:700}.about-block p{color:#374151;margin-bottom:16px;font-size:16px;line-height:1.8}.about-block p:last-child{margin-bottom:0}.about-pillars{grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;display:grid}@media (width<=600px){.about-pillars{grid-template-columns:1fr}}.about-pillar{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:10px;padding:24px 20px;display:flex}.about-pillar-icon{color:#0f0f0f;flex-shrink:0;width:36px!important;height:36px!important;font-size:36px!important}.about-pillar-title{color:#0f0f0f;font-size:14px;font-weight:700}.about-pillar-body{color:#6b7280;font-size:13px;line-height:1.65}.about-contact{flex-direction:column;gap:14px;list-style:none;display:flex}.about-contact-link{color:#0f0f0f;align-items:center;gap:10px;font-size:16px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.about-contact-link:hover{opacity:.6}.about-contact-icon{color:#6b7280;flex-shrink:0;width:18px;height:18px}.works{max-width:900px;min-height:100svh;margin:0 auto;padding:140px 24px 100px}.works-heading{letter-spacing:-.03em;color:#0f0f0f;margin-bottom:56px;font-size:clamp(2.5rem,6vw,4rem);font-weight:700}.works-project{flex-direction:column;gap:32px;display:flex}.works-divider{border:none;border-top:1px solid #e5e7eb;margin:64px 0}.works-project-title{color:#0f0f0f;letter-spacing:-.01em;border-bottom:2px solid #0f0f0f;margin-bottom:16px;padding-bottom:2px;font-size:1.35rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-block}.works-project-title:hover{opacity:.6}.works-project-desc{color:#4b5563;max-width:680px;margin-bottom:20px;font-size:15px;line-height:1.75}.works-project-tags{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.works-project-tags li{letter-spacing:.05em;text-transform:uppercase;color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:600}.carousel{flex-direction:column;gap:14px;display:flex}.carousel-track{aspect-ratio:16/9;background:#f3f4f6;border-radius:14px;position:relative;overflow:hidden}.carousel-img{object-fit:cover;width:100%;height:100%;display:block}.carousel-btn{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:40px;height:40px;transition:background .15s;top:50%;translate:0 -50%;background:#0f0f0f99!important;padding:0!important;position:absolute!important}.carousel-btn:hover{background:#0f0f0fd9!important}.carousel-btn--prev{left:12px}.carousel-btn--next{right:12px}.carousel-label{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#0f0f0f8c;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:500;position:absolute;bottom:12px;left:50%;translate:-50%}.carousel-dots{justify-content:center;gap:6px;display:flex}.carousel-dot{cursor:pointer;background:#d1d5db;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background .15s,scale .15s}.carousel-dot--active{background:#0f0f0f;scale:1.25}.contact{flex-direction:column;align-items:center;min-height:100svh;padding:140px 24px 80px;display:flex}.contact-heading{letter-spacing:-.03em;color:#0f0f0f;margin-bottom:48px;font-size:clamp(2.5rem,6vw,4rem);font-weight:700}.contact-form{flex-direction:column;gap:24px;width:100%;max-width:540px;display:flex}.contact-field{flex-direction:column;gap:6px;display:flex}.contact-label{letter-spacing:.02em;color:#374151;font-size:13px;font-weight:600}.contact-input,.contact-textarea{color:#0f0f0f;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.contact-input:focus,.contact-textarea:focus{border-color:#0f0f0f;box-shadow:0 0 0 3px #0f0f0f14}.contact-submit{color:#fff;cursor:pointer;background:#0f0f0f;border:none;border-radius:100px;align-self:center;margin-top:4px;padding:13px 32px;font-family:inherit;font-size:15px;font-weight:600;transition:opacity .15s}.contact-submit:hover{opacity:.75}.contact-intro{color:#6b7280;text-align:center;max-width:540px;margin-bottom:8px;font-size:15px}.contact-bar{border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:540px;margin-top:32px;padding-top:24px;display:grid}.contact-bar-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;text-decoration:none;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.contact-bar-card:hover{background:#fff;border-color:#0f0f0f;box-shadow:0 2px 12px #0f0f0f14}.contact-bar-icon{color:#6b7280;width:18px;height:18px;margin-bottom:6px;transition:color .15s}.contact-bar-card:hover .contact-bar-icon{color:#0f0f0f}.contact-bar-label{letter-spacing:.06em;text-transform:uppercase;color:#9ca3af;font-size:11px;font-weight:600}.contact-bar-value{color:#0f0f0f;font-size:14px;font-weight:500}.pricing{background:#fff;padding:120px 24px}.pricing-inner{max-width:860px;margin:0 auto}.pricing-heading{letter-spacing:-.03em;color:#0f0f0f;margin-bottom:8px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.pricing-sub{color:#6b7280;margin-bottom:48px;font-size:1.05rem}.pricing-table-wrap{border:1px solid #e5e7eb;border-radius:16px;overflow-x:auto}.pricing-table{border-collapse:collapse;width:100%;font-size:15px}.pricing-table thead th{text-align:center;vertical-align:top;background:#fafafa;border-bottom:1px solid #e5e7eb;padding:20px 24px 16px}.pricing-table thead th:first-child{text-align:left}.pricing-th--highlight{color:#fff!important;background:#0f0f0f!important}.pricing-tier{letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.pricing-th--highlight .pricing-tier{opacity:.5}.pricing-price{letter-spacing:-.02em;color:#0f0f0f;font-size:22px;font-weight:700;display:block}.pricing-th--highlight .pricing-price{color:#fff!important}.pricing-table tbody tr{border-bottom:1px solid #f3f4f6}.pricing-table tbody tr:last-child{border-bottom:none}.pricing-feature{color:#374151;white-space:nowrap;padding:14px 24px;font-size:14px}.pricing-cell{text-align:center;color:#374151;padding:14px 24px;font-size:14px}.pricing-cell--highlight{background:#f9f9f9}.pricing-check{color:#0f0f0f;font-size:15px;font-weight:600}.pricing-dash{color:#d1d5db;font-size:15px}.pricing-bespoke{color:#374151;background:#f9fafb;border-left:3px solid #0f0f0f;border-radius:0 10px 10px 0;margin-top:36px;padding:18px 24px;font-size:15px;font-style:normal}.pricing-bespoke--blue{background:#eff6ff;border-left-color:#3b82f6}.pricing-bespoke--blue .pricing-bespoke-link{color:#2563eb}.pricing-bespoke-link{cursor:pointer;color:#0f0f0f;text-underline-offset:3px;border:none;font-weight:600;text-decoration:underline;min-width:0!important;font:inherit!important;text-transform:none!important;background:0 0!important;padding:0!important}.pricing-bespoke-link:hover{opacity:.7;background:0 0!important}.modal-overlay{justify-content:center;align-items:center;padding:24px;display:flex}.modal{background:#fff;border-radius:16px;outline:none;width:100%;max-width:420px;padding:32px 28px 28px;position:relative;box-shadow:0 20px 60px #00000040}.modal-close{color:#374151;width:28px;height:28px;transition:background .15s;top:16px;right:16px;background:#f3f4f6!important;padding:0!important;position:absolute!important}.modal-close:hover{background:#e5e7eb!important}.modal-heading{color:#0f0f0f;margin-bottom:16px;font-size:20px;font-weight:700}.modal .contact-bar{border-top:none;margin-top:0;padding-top:0}.pricing-maintenance{background:#fafafa;border:1px solid #e5e7eb;border-radius:16px;margin-top:24px;padding:28px 32px}.pricing-maintenance-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.pricing-maintenance-badge{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700}.pricing-maintenance-title{color:#0f0f0f;letter-spacing:-.01em;font-size:18px;font-weight:700}.pricing-maintenance-price{color:#0f0f0f;letter-spacing:-.02em;margin-left:auto;font-size:22px;font-weight:700}.pricing-maintenance-price span{color:#6b7280;font-size:14px;font-weight:500}.pricing-maintenance-desc{color:#6b7280;margin-bottom:18px;font-size:14px}.pricing-maintenance-list{grid-template-columns:1fr 1fr;gap:8px 24px;list-style:none;display:grid}.pricing-maintenance-list li{color:#374151;padding-left:18px;font-size:14px;position:relative}.pricing-maintenance-list li:before{content:"✓";color:#0f0f0f;font-weight:600;position:absolute;left:0}@media (width<=560px){.pricing-maintenance-list{grid-template-columns:1fr}.pricing-maintenance{padding:20px}}.pricing-divider{border:none;border-top:1px solid #e5e7eb;margin:72px 0}.pricing-hosting{text-align:center}.pricing-hosting-heading{letter-spacing:-.02em;color:#0f0f0f;margin-bottom:16px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.pricing-hosting-sub{color:#6b7280;max-width:640px;margin:0 auto 48px;font-size:1rem;line-height:1.7}.pricing-hosting-grid{text-align:left;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:36px;display:grid}.pricing-hosting-item h4{color:#0f0f0f;margin-bottom:10px;font-size:15px;font-weight:700}.pricing-hosting-item p{color:#4b5563;font-size:14px;line-height:1.7}.pricing-hosting-item code{background:#f3f4f6;border-radius:4px;padding:1px 5px;font-family:ui-monospace,monospace;font-size:13px}.pricing-hosting-note{color:#4b5563;text-align:left;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px 20px;font-size:14px;line-height:1.7}@media (width<=640px){.pricing-hosting-grid{grid-template-columns:1fr}.pricing-feature{white-space:normal}}