.svc-main{position:relative}.svc-main>section{z-index:1;position:relative}.svc-hero{padding:88px 0 56px}.svc-hero .container{position:relative}.svc-hero h1{font-family:var(--display);letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(2.8rem,6vw,5rem);font-weight:700;line-height:1}.svc-lead{color:var(--muted);margin:0;font-size:1.2rem}.svc-jump{flex-wrap:wrap;align-items:center;gap:10px;margin-top:36px;display:flex}.svc-jump a{border:1.5px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:9px 16px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s}.svc-jump a:hover{border-color:var(--signal);color:var(--signal)}.note-jump{flex-direction:row-reverse;margin:18px 0 0 16px;position:relative}.svc-section{padding:24px 0 112px}.svc-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(280px,auto);gap:20px;display:grid}.svc{border:1px solid var(--line);background:var(--surface);border-radius:20px;flex-direction:column;padding:24px;scroll-margin-top:96px;transition:border-color .2s;display:flex;position:relative}.svc:hover{border-color:var(--line-strong)}.svc-art{flex:1;place-items:center;min-height:150px;margin-bottom:20px;display:grid}.svc-art .art{width:100%;height:100%;max-height:220px;overflow:visible}.svc-body h2{font-family:var(--display);letter-spacing:-.015em;margin:0 0 6px;font-size:1.45rem;font-weight:700}.svc-body p{color:var(--muted);margin:0;line-height:1.5}.svc-web{flex-direction:row;grid-column:span 4;align-items:center;gap:32px}.svc-web .svc-art{order:2;margin:0}.svc-web .svc-body{flex:0 0 42%}.svc-mobile{grid-area:span 2/span 2}.svc-mobile .svc-art .art{max-height:380px}.svc-cloud,.svc-data{grid-column:span 2}.svc-business,.svc-security{flex-direction:row;grid-column:span 3;align-items:center;gap:28px}.svc-business .svc-art,.svc-security .svc-art{margin:0}.svc-business .svc-art{order:2}.svc-business .svc-body,.svc-security .svc-body{flex:0 0 50%}.note-svc-web{top:-46px;right:28px}.art-line{fill:none;stroke:var(--line-strong);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.art-soft{fill:var(--line)}.art-fill{fill:color-mix(in srgb, var(--signal) 18%, transparent);stroke:var(--signal);stroke-width:1.5px}.art-solid{fill:var(--signal)}.art-accent{fill:var(--amber)}.art-card{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.5px}.art-signal{fill:none;stroke:var(--signal);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.art-label{fill:var(--ink);font-family:var(--display);text-anchor:middle;font-size:15px;font-weight:700}.art *{transform-box:fill-box}.web-card,.web-cursor{transition:transform .35s cubic-bezier(.3,.7,.3,1)}.web-cursor{transform-origin:50%}.svc-web:hover .web-card{transform:translateY(-8px)}.svc-web:hover .web-cursor{transform:translate(-160px,-48px)}.svc-mobile:hover .mobile-notif{animation:.7s cubic-bezier(.3,.7,.3,1.3) both notif-in}@keyframes notif-in{0%{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:none}}.svc-cloud:hover .cloud-led{animation:.9s ease-in-out infinite led-blink}.cloud-arrow{transition:transform .4s cubic-bezier(.3,.7,.3,1)}.svc-cloud:hover .cloud-arrow{transform:translateY(-8px)}@keyframes led-blink{50%{opacity:.25}}.data-bar{transform-origin:bottom;transition:transform .6s cubic-bezier(.3,.7,.3,1);transform:scaleY(.2)}.svc-data.is-drawn .data-bar{transform:none}.data-trend{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s .45s}.svc-data.is-drawn .data-trend{stroke-dashoffset:0}.data-spark{transform-origin:50%;transition:transform .6s}.svc-data:hover .data-spark{transform:rotate(180deg)scale(1.3)}.business-flow{stroke-dasharray:6 7}.svc-business:hover .business-flow{animation:.7s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-26px}}.security-scan{opacity:0}.svc-security:hover .security-scan{animation:1.6s ease-in-out infinite scan}@keyframes scan{0%{opacity:0;transform:translateY(0)}15%,85%{opacity:1}to{opacity:0;transform:translateY(118px)}}@media (hover:none){.svc-mobile.is-drawn .mobile-notif{animation:.7s cubic-bezier(.3,.7,.3,1.3) both notif-in}.svc-business.is-drawn .business-flow{animation:.7s linear 4 flow}.svc-security.is-drawn .security-scan{animation:1.6s ease-in-out 2 scan}}.svc-cta{background:var(--deep);color:var(--on-deep);padding:96px 0}.svc-cta-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 48px;display:flex}.svc-cta h2{font-family:var(--display);letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:700}.svc-cta p{color:var(--deep-muted);margin:0;font-size:1.1rem}@media (width<=1000px){.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svc{grid-area:auto/span 1}.svc-web{grid-column:span 2}.svc-mobile{grid-row:auto}.svc-business,.svc-security{flex-direction:column;align-items:stretch}.svc-business .svc-art,.svc-security .svc-art{order:0;margin-bottom:20px}}@media (width<=640px){.svc-hero{padding:56px 0 32px}.svc-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.svc-web{flex-direction:column;grid-column:auto;align-items:stretch}.svc-web .svc-art{order:0;margin-bottom:20px}.svc-art{min-height:0}.svc-art .art{max-height:180px}.svc-mobile .svc-art .art{max-height:240px}.note-jump,.note-svc-web{display:none}}