section.home-surfaces{background:var(--cube-white);padding:80px 0}section.home-surfaces .we-band{background:linear-gradient(160deg,#0a1229,#12264d 60%,#1a3a5c);border-radius:26px;overflow:hidden;padding:64px 56px 72px;position:relative}section.home-surfaces .we-head{margin:0 0 40px;max-width:560px;position:relative;z-index:1}section.home-surfaces .we-head h2{color:#fff;font-family:var(--main-font);font-size:clamp(28px,3.6vw,44px);font-weight:500;letter-spacing:-.6px;line-height:1.1;margin:0 0 14px}section.home-surfaces .we-head p{color:hsla(0,0%,100%,.72);font-family:var(--secondary-font);font-size:16px;line-height:1.55;margin:0}section.home-surfaces .we-row{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin-bottom:34px;position:relative;z-index:1}section.home-surfaces .we-badge{align-items:center;animation:we-float 5s ease-in-out infinite;background:#fff;border:0;border-radius:50%;box-shadow:0 12px 28px -12px rgba(4,10,26,.6);cursor:pointer;display:flex;height:100px;justify-content:center;padding:0;position:relative;transition:transform .25s ease,box-shadow .25s ease;width:100px}section.home-surfaces .we-badge img{display:block;height:50px;object-fit:contain;pointer-events:none;width:50px}section.home-surfaces .we-row .we-badge:nth-child(2n){animation-delay:-1.2s}section.home-surfaces .we-row .we-badge:nth-child(3n){animation-delay:-2.4s}section.home-surfaces .we-row .we-badge:nth-child(5n){animation-delay:-3.6s}section.home-surfaces .we-badge:hover{animation:none;box-shadow:0 0 0 3px rgba(112,207,152,.4),0 16px 32px -10px rgba(4,10,26,.65);transform:translateY(-4px)}section.home-surfaces .we-badge.on{animation:none;box-shadow:0 0 0 3px var(--cube-light-green),0 0 28px 4px rgba(112,207,152,.55),0 16px 34px -10px rgba(4,10,26,.6);transform:translateY(-2px) scale(1.06)}@keyframes we-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){section.home-surfaces .we-badge{animation:none}}section.home-surfaces .we-pane{position:relative;z-index:1}section.home-surfaces .wep{align-items:center;background:#fff;border-radius:18px;display:none;gap:28px;justify-content:space-between;min-height:240px;padding:36px 40px}section.home-surfaces .wep.show{display:flex}section.home-surfaces .wside{flex:1 1 42%;min-width:0}section.home-surfaces .wside-title{color:var(--dark-blue);font-family:var(--main-font);font-size:22px;font-weight:700;line-height:1.25;margin:0 0 14px}section.home-surfaces .wside-icons{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}section.home-surfaces .wside-icon{align-items:center;background:var(--cube-off-blue);border:1px solid #e6eaf1;border-radius:8px;display:inline-flex;height:32px;justify-content:center;overflow:hidden;padding:5px;width:32px}section.home-surfaces .wside-icon img{display:block;height:100%;object-fit:contain;width:100%}section.home-surfaces .wside-desc{color:var(--cube-dark-muted);font-family:var(--secondary-font);font-size:15px;line-height:1.6;margin:0 0 18px}section.home-surfaces .wside-cta{border-bottom:1.5px solid var(--cube-green);color:var(--dark-blue);font-family:var(--main-font);font-size:14px;font-weight:700;padding-bottom:2px;text-decoration:none;transition:color .15s ease,border-color .15s ease}section.home-surfaces .wside-cta:hover{border-color:var(--cube-green);color:var(--cube-green)}section.home-surfaces .wmock{align-items:center;display:flex;flex:1 1 55%;justify-content:center;min-width:0}section.home-surfaces .wmock img{border-radius:10px;display:block;height:auto;max-height:300px;object-fit:contain;width:100%}section.home-surfaces .he-cta-row{display:flex;justify-content:center;margin-top:32px}section.home-surfaces .he-cta-soft{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:999px;box-shadow:0 8px 22px -12px rgba(10,18,41,.25);color:var(--dark-blue);display:inline-flex;font-family:var(--main-font);font-size:14px;font-weight:500;padding:14px 26px;text-decoration:none;transition:background .15s ease,transform .15s ease}section.home-surfaces .he-cta-soft:hover{background:var(--cube-off-blue);transform:translateY(-1px)}@media (max-width:900px){section.home-surfaces{padding:70px 0}section.home-surfaces .we-band{border-radius:20px;padding:44px 24px 52px}section.home-surfaces .we-row{gap:14px;margin-bottom:26px}section.home-surfaces .we-badge{height:60px;width:60px}section.home-surfaces .we-badge img{height:30px;width:30px}section.home-surfaces .wep{flex-direction:column;gap:20px;padding:24px}section.home-surfaces .wmock,section.home-surfaces .wside{flex:1 1 100%}section.home-surfaces .wmock img{max-height:none}}@media (max-width:560px){section.home-surfaces{padding:54px 0}section.home-surfaces .we-band{padding:34px 18px 42px}section.home-surfaces .we-badge{height:52px;width:52px}section.home-surfaces .we-badge img{height:26px;width:26px}section.home-surfaces .we-row{gap:10px}section.home-surfaces .wep{border-radius:14px;padding:20px}section.home-surfaces .wside-title{font-size:20px}}