.hero{background:radial-gradient(circle at 80% 20%,#2563eb1a,#0000 30%),#f8fafc;align-items:center;min-height:calc(100vh - 76px);padding:90px 0;display:flex;overflow:hidden}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:80px;display:grid}.hero-content h1{letter-spacing:-.055em;max-width:760px;margin-top:8px;font-size:clamp(3rem,6vw,5.3rem);line-height:1.02}.hero-content h1 span{color:var(--primary)}.hero-content>p{max-width:650px;color:var(--text-muted);margin-top:25px;font-size:1.1rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-proof{flex-wrap:wrap;gap:35px;margin-top:55px;display:flex}.hero-proof div{flex-direction:column;display:flex}.hero-proof strong{font-size:.9rem}.hero-proof span{color:var(--text-muted);font-size:.8rem}.hero-visual{place-items:center;min-height:500px;display:grid;position:relative}.hero-video-frame{background:#0f172a;border-radius:22px;width:min(100%,480px);position:relative;overflow:hidden;box-shadow:0 30px 80px #0f172a33}.hero-video{aspect-ratio:4/3.2;object-fit:cover;width:100%;display:block}.hero-card-status{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#cbd5e1;background:#0f172abf;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:10px;padding:15px;font-size:.85rem;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.hero-card-status svg{color:#60a5fa}.floating-card{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:15px;display:flex;position:absolute}.floating-card>svg{width:40px;height:40px;color:var(--primary);background:#eff6ff;border-radius:9px;padding:10px}.floating-card div{flex-direction:column;display:flex}.floating-card strong{font-size:.8rem}.floating-card span{color:var(--text-muted);font-size:.72rem}.floating-card-one{top:8%;left:-25px}.floating-card-two{bottom:10%;right:-20px}.service-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.service-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;padding:30px;transition:transform .2s,box-shadow .2s}.service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.service-icon{width:48px;height:48px;color:var(--primary);background:#eff6ff;border-radius:10px;place-items:center;margin-bottom:25px;font-size:1.3rem;display:grid}.service-card h3{margin-bottom:12px;font-size:1.1rem}.service-card p{min-height:105px;color:var(--text-muted);font-size:.9rem}.service-card a,.project-preview a,.text-link{color:var(--primary);align-items:center;gap:7px;margin-top:22px;font-size:.85rem;font-weight:700;display:inline-flex}.solutions-section{background:var(--surface)}.solutions-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px;display:grid}.solutions-grid .btn{margin-top:30px}.solution-chip-list{flex-wrap:wrap;gap:10px;display:flex}.solution-chip{border:1px solid var(--border);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.solution-chip svg{color:var(--primary);flex-shrink:0}.section-header-row{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.section-header-row .text-link{white-space:nowrap;margin-bottom:7px}.featured-work-scroll{grid-template-columns:1.5fr 1fr 1fr;gap:20px;display:grid}.project-preview{border-radius:var(--radius-lg);color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:flex-end;min-height:350px;padding:35px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 40px #0f172a1f}.project-preview:before{content:"";pointer-events:none;background:linear-gradient(135deg,#2563eb1f,#0f172a33);position:absolute;inset:0}.project-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#0206170d 20%,#02061759 45%,#020617b8 72%,#020617f0 100%);position:absolute;inset:0}.project-preview:hover{transform:translateY(-6px);box-shadow:0 25px 60px #0f172a33}.project-large{min-height:450px}.featured-work-scroll .project-preview:first-child,.featured-work-scroll .project-preview:nth-child(2),.featured-work-scroll .project-preview:nth-child(3){background-position:50%}.project-preview-content{z-index:2;max-width:520px;position:relative}.project-preview-content>span{color:#bfdbfe;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.project-preview-content h3{margin-top:12px;font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1.15}.project-preview-content p{color:#cbd5e1;margin-top:15px}.project-preview-content a{color:#fff}.technology-section{background:var(--surface)}.technology-explainer{max-width:900px}.technology-principles{grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0 30px;display:grid}.technology-principle{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;padding:25px}.technology-principle h3{font-size:1rem}.technology-principle p{color:var(--text-muted);margin-top:10px;font-size:.88rem;line-height:1.6}.faq-list{gap:12px;max-width:800px;display:grid}.faq-item{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.faq-question{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px 22px;font-size:.95rem;font-weight:700;display:flex}.faq-chevron{flex-shrink:0;transition:transform .2s}.faq-item-open .faq-chevron{transform:rotate(180deg)}.faq-answer{color:var(--text-muted);padding:0 22px 20px;font-size:.9rem;line-height:1.7}.final-cta{padding-top:80px}.final-cta-inner{color:#fff;text-align:center;background:#111827;border-radius:24px;padding:80px 40px}.final-cta-inner .section-label{color:#93c5fd}.final-cta-inner h2{letter-spacing:-.04em;max-width:700px;margin:auto;font-size:clamp(2.2rem,5vw,4rem);line-height:1.1}.final-cta-inner p{color:#9ca3af;max-width:600px;margin:20px auto 30px}@media (max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero-content{max-width:800px}.hero-visual{max-width:650px}.solutions-grid{grid-template-columns:1fr;gap:50px}.featured-work-scroll{grid-template-columns:1fr 1fr}.featured-work-scroll .project-large{grid-column:span 2}.technology-principles{grid-template-columns:1fr}}@media (max-width:700px){.hero{padding:65px 0}.hero-content h1{font-size:clamp(2.6rem,13vw,4rem)}.hero-proof{gap:20px}.hero-visual{min-height:380px}.floating-card-one{left:-5px}.floating-card-two{right:-5px}.service-grid{grid-template-columns:1fr 1fr;gap:12px}.service-card{padding:18px}.service-card p{min-height:unset;font-size:.82rem}.featured-work-scroll{grid-template-columns:unset;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;padding-bottom:10px;display:flex;overflow-x:auto}.featured-work-scroll::-webkit-scrollbar{height:6px}.featured-work-scroll .project-preview{scroll-snap-align:start;flex:0 0 82%;min-height:300px}.featured-work-scroll .project-large{grid-column:unset;min-height:340px}.section-header-row{flex-direction:column;align-items:flex-start}.section-header-row .text-link{margin-top:-25px}.project-preview:after{background:linear-gradient(#0000 0%,#02061747 35%,#020617bd 65%,#020617f2 100%)}.project-preview-content h3{font-size:1.5rem}.project-preview-content p{font-size:.85rem}.final-cta-inner{padding:60px 25px}}@media (max-width:450px){.hero-proof,.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.floating-card{padding:10px}.floating-card>svg{width:34px;height:34px}.floating-card span{display:none}.service-grid{grid-template-columns:1fr 1fr}.solution-chip{padding:8px 12px;font-size:.8rem}.featured-work-scroll .project-preview{flex-basis:88%}}.enquiry-cta{align-items:center;gap:10px;display:inline-flex}.cta-text{min-width:145px;height:1.3em;display:inline-grid;position:relative;overflow:hidden}.cta-text span{white-space:nowrap;grid-area:1/1;justify-content:center;align-items:center;animation:6s infinite ctaFade;display:flex}.cta-text span:nth-child(2){opacity:0;animation-delay:3s}@keyframes ctaFade{0%{opacity:0;transform:translateY(8px)}10%{opacity:1;transform:translateY(0)}40%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(-8px)}to{opacity:0;transform:translateY(-8px)}}