.hero{background:#fff;align-items:center;width:100%;min-height:720px;display:flex;overflow:hidden}.hero-container{grid-template-columns:1fr .95fr;align-items:center;gap:50px;width:min(1200px,92%);margin:0 auto;display:grid}.hero-content{z-index:2;padding:50px 0;position:relative}.hero-eyebrow{letter-spacing:2px;color:#2563eb;align-items:center;margin-bottom:22px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{color:#0f172a;letter-spacing:-2.8px;max-width:650px;margin:0;font-size:clamp(42px,5vw,68px);font-weight:750;line-height:1.05}.animated-service{color:#2563eb;min-width:320px;animation:.55s both serviceEnter;display:inline-block;position:relative}.curve-underline{width:100%;height:15px;position:absolute;bottom:-10px;left:0;overflow:visible}.curve-underline path{fill:none;stroke:#2563eb;stroke-width:3px;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320px;animation:.65s forwards drawUnderline}.hero-description{color:#64748b;max-width:520px;margin:32px 0 0;font-size:17px;line-height:1.7}.hero-buttons{align-items:center;gap:14px;margin-top:34px;display:flex}.hero-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:12px;height:52px;padding:0 22px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.hero-btn span{font-size:17px;transition:transform .25s}.hero-btn:hover{transform:translateY(-3px)}.hero-btn:hover span{transform:translate(2px,-2px)}.hero-btn-primary{color:#fff;background:#2563eb;box-shadow:0 10px 25px #2563eb33}.hero-btn-primary:hover{box-shadow:0 15px 30px #2563eb47}.hero-btn-secondary{color:#0f172a;background:#fff;border:1px solid #e2e8f0}.hero-btn-secondary:hover{color:#2563eb;border-color:#2563eb}.hero-visual{justify-content:center;align-items:center;width:100%;height:600px;display:flex;position:relative}.hero-image-wrapper{justify-content:center;align-items:center;width:min(100%,560px);height:560px;animation:5s ease-in-out infinite heroFloat;display:flex;position:relative}.hero-image{object-fit:contain;object-position:center;filter:drop-shadow(0 25px 35px #feffff1f);width:100%;height:100%;display:block}@keyframes serviceEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes drawUnderline{to{stroke-dashoffset:0}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:900px){.hero{min-height:auto;padding:70px 0}.hero-container{grid-template-columns:1fr;gap:20px}.hero-content{text-align:center;padding:20px 0 0}.hero h1{margin:0 auto}.hero-description{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-visual{order:-1;height:480px}.hero-image-wrapper{width:min(100%,500px);height:460px}}@media (max-width:600px){.hero{padding:35px 0 55px}.hero-container{width:min(92%,420px)}.hero-visual{height:330px}.hero-image-wrapper{width:100%;height:330px}.hero-content{padding:0}.hero-eyebrow{letter-spacing:1.6px;margin-bottom:16px;font-size:10px}.hero h1{letter-spacing:-1.8px;font-size:clamp(36px,10vw,46px);line-height:1.08}.animated-service{min-width:0}.curve-underline{height:12px;bottom:-7px}.hero-description{margin-top:25px;font-size:15px;line-height:1.6}.hero-buttons{gap:10px;margin-top:27px}.hero-btn{height:48px;padding:0 17px;font-size:13px}}
.services-section{background:#fff;width:100%;padding:110px 24px}.services-container{width:100%;max-width:1180px;margin:0 auto}.services-header{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:52px;display:flex}.services-heading{max-width:650px}.services-eyebrow{letter-spacing:.14em;color:#2563eb;margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.services-heading h2{letter-spacing:-.045em;color:#111827;margin:0;font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1.05}.services-heading h2 span{color:#2563eb}.services-header>p{color:#64748b;max-width:330px;margin:0;font-size:15px;line-height:1.7}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.service-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.service-card:hover{border-color:#cbd5e1;transform:translateY(-6px);box-shadow:0 18px 45px #0f172a14}.service-top{justify-content:space-between;align-items:center;padding:18px 20px 0;display:flex}.service-number{color:#94a3b8;font-size:12px;font-weight:700}.service-label{letter-spacing:.12em;color:#94a3b8;font-size:10px;font-weight:700}.service-visual{background:#f8fafc;border-radius:14px;height:245px;margin:16px 16px 0;position:relative;overflow:hidden}.browser-visual{background:#f8fafc;border:1px solid #dbe3ec}.browser-top{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:14px;height:36px;padding:0 12px;display:flex}.browser-dots{gap:5px;display:flex}.browser-dots span{background:#cbd5e1;border-radius:50%;width:6px;height:6px}.browser-url{color:#94a3b8;background:#f1f5f9;border-radius:5px;flex:1;align-items:center;height:21px;padding:0 9px;font-size:8px;display:flex}.browser-content{align-items:center;gap:20px;height:calc(100% - 36px);padding:24px;display:flex}.browser-copy{flex:1}.browser-copy small{letter-spacing:.12em;color:#2563eb;margin-bottom:8px;font-size:7px;font-weight:700;display:block}.browser-copy strong{letter-spacing:-.04em;color:#111827;font-size:24px;line-height:1.05;display:block}.browser-copy i{background:#2563eb;border-radius:20px;width:42px;height:3px;margin:10px 0 15px;display:block}.browser-button{color:#fff;letter-spacing:.04em;background:#2563eb;border-radius:5px;padding:7px 10px;font-size:7px;font-weight:700;display:inline-flex}.browser-block{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:42%;height:130px;padding:18px}.browser-block-line{background:#dbe3ec;border-radius:10px;width:80%;height:6px;margin-bottom:8px}.browser-block-line.short{width:55%}.browser-block-box{background:#eff6ff;border-radius:6px;width:100%;height:62px;margin-top:18px}.social-visual{background:#f8fafc;border:1px solid #e2e8f0;padding:16px}.social-header{align-items:center;gap:9px;display:flex}.social-avatar{background:#2563eb;border-radius:50%;width:30px;height:30px}.social-profile{flex-direction:column;flex:1;gap:2px;display:flex}.social-profile strong{color:#111827;font-size:10px}.social-profile small{color:#94a3b8;font-size:8px}.social-more{color:#94a3b8;font-size:13px}.social-image{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:9px;height:138px;margin-top:12px;position:relative;overflow:hidden}.social-image:before{content:"";border:24px solid #2563eb1f;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-45px}.social-image-text{position:absolute;top:50%;left:18px;transform:translateY(-50%)}.social-image-text small{letter-spacing:.12em;color:#2563eb;margin-bottom:5px;font-size:7px;font-weight:700;display:block}.social-image-text strong{letter-spacing:-.04em;color:#111827;font-size:25px;line-height:1;display:block}.social-image-text span{color:#64748b;margin-top:5px;font-size:8px;font-weight:600;display:block}.social-actions{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.social-action-icons{color:#475569;gap:12px;font-size:16px;display:flex}.social-actions small{color:#94a3b8;font-size:8px}.video-visual{background:#f8fafc;border:1px solid #e2e8f0;justify-content:center;align-items:center;display:flex}.video-frame{background:#111827;border-radius:11px;width:135px;height:205px;position:relative;overflow:hidden;box-shadow:0 15px 30px #0f172a29}.video-grid{opacity:.35;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.video-glow{filter:blur(10px);background:#2563eb40;border-radius:50%;width:120px;height:120px;position:absolute;top:-35px;right:-45px}.video-caption{z-index:2;position:absolute;bottom:35px;left:14px}.video-caption small{letter-spacing:.1em;color:#93c5fd;margin-bottom:6px;font-size:7px;font-weight:700;display:block}.video-caption strong{letter-spacing:-.03em;color:#fff;font-size:17px;line-height:1.05;display:block}.video-play{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:12px;right:12px}.video-play span{color:#fff;margin-left:2px;font-size:8px}.video-progress{background:#fff3;border-radius:10px;height:2px;position:absolute;bottom:15px;left:12px;right:12px}.video-progress span{background:#2563eb;border-radius:10px;width:42%;height:100%;display:block}.video-badge{letter-spacing:.08em;color:#2563eb;background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:7px 9px;font-size:8px;font-weight:700;position:absolute;bottom:20px;right:18px;box-shadow:0 8px 20px #0f172a14}.service-content{padding:22px 20px 20px}.service-content h3{letter-spacing:-.02em;color:#000;margin:0 0 9px;font-size:23px;font-weight:700;line-height:1.2}.service-content p{color:#64748b;min-height:48px;margin:0;font-size:13px;line-height:1.65}.service-tags{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.service-tags span{color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:5px;padding:6px 8px;font-size:9px;font-weight:600}.service-actions{align-items:center;gap:9px;margin-top:20px;display:flex}.service-cta{border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .25s,background .25s,color .25s,border-color .25s;display:inline-flex}.service-cta span{transition:transform .25s}.service-know{color:#fff;background:#2563eb}.service-know:hover{background:#1d4ed8;transform:translateY(-2px)}.service-know:hover span{transform:translate(3px)}.service-talk{color:#111827;background:#fff;border:1px solid #dbe3ec}.service-talk:hover{color:#2563eb;border-color:#2563eb;transform:translateY(-2px)}.service-talk:hover span{transform:translate(2px,-2px)}@media (max-width:1000px){.services-section{padding:90px 20px}.services-header{flex-direction:column;align-items:flex-start;gap:18px}.services-header>p{max-width:520px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card:last-child{grid-column:span 2}.service-card:last-child .service-visual{height:280px}}@media (max-width:680px){.services-section{padding:75px 16px}.services-header{margin-bottom:34px}.services-heading h2{font-size:38px}.services-header>p{font-size:14px;line-height:1.6}.services-grid{grid-template-columns:1fr;gap:16px}.service-card:last-child{grid-column:auto}.service-visual,.service-card:last-child .service-visual{height:230px}}@media (max-width:420px){.services-heading h2{font-size:34px}.service-top,.service-content{padding-left:16px;padding-right:16px}.service-actions{width:100%}.service-cta{flex:1;padding-left:10px;padding-right:10px}}@media (prefers-reduced-motion:reduce){.service-card,.service-cta,.service-cta span{transition:none}.service-card:hover,.service-cta:hover{transform:none}}