@scope (.page-solutions){@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero{position:relative;overflow:hidden;padding-top:180px;padding-bottom:100px;text-align:center}.hero__bg{z-index:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(20,70,115,.5),transparent 60%),radial-gradient(ellipse 55% 45% at 50% 55%,rgba(32,121,141,.1),transparent 60%),radial-gradient(ellipse 40% 35% at 25% 70%,rgba(56,189,248,.04),transparent 50%),#0a1628;background-size:200% 200%;animation:gradient-shift 12s ease-in-out infinite}.hero__bg,.hero__grid{position:absolute;inset:0}.hero__grid{z-index:1;opacity:.07;background:linear-gradient(90deg,white 1px,transparent 0),linear-gradient(180deg,white 1px,transparent 0);background-size:80px 80px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black,transparent)}.hero__content{position:relative;z-index:2}.hero h1{font-size:clamp(36px,5.5vw,64px);font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em;color:#fff}.hero p{font-size:clamp(17px,2vw,20px);color:rgba(255,255,255,.7);max-width:600px;margin:0 auto;line-height:1.7}.showcase{overflow:hidden;padding:56px 0 48px;background:var(--surface-dim);position:relative}.showcase:before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle,rgba(20,70,115,.04) 1px,transparent 0);background-size:24px 24px}.showcase__label{text-align:center;margin-bottom:28px;position:relative;z-index:1;font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--muted)}.showcase__track{display:flex;gap:24px;position:relative;z-index:1;padding:0 40px;will-change:transform;transition:transform .1s linear}.showcase__card{flex:0 0 320px;height:210px;border-radius:16px;background:var(--surface);border:1px solid var(--line);overflow:hidden;position:relative;box-shadow:0 4px 24px rgba(0,0,0,.04);transition:transform .3s,box-shadow .3s}.showcase__card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}.showcase__card-bar{height:36px;padding:0 14px;display:flex;align-items:center;gap:7px;background:var(--surface-dim);border-bottom:1px solid var(--line)}.showcase__dot{width:10px;height:10px;border-radius:50%}.showcase__dot:first-child{background:#ff5f57}.showcase__dot:nth-child(2){background:#ffbd2e}.showcase__dot:nth-child(3){background:#28c840}.showcase__card-title{margin-left:10px;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em}.showcase__card-body{padding:16px;height:calc(100% - 36px);display:flex;gap:12px}.showcase__card-sidebar{width:56px;flex-shrink:0;border-radius:8px;background:linear-gradient(135deg,rgba(20,70,115,.06),rgba(20,70,115,.02));border:1px solid rgba(20,70,115,.06)}.showcase__card-main{flex:1;display:flex;flex-direction:column;gap:8px}.showcase__card-row{border-radius:6px;flex:1}.showcase__card-row:first-child{flex:2}.showcase__card[data-theme=blue] .showcase__card-row{background:linear-gradient(135deg,rgba(20,70,115,.08),rgba(20,70,115,.03))}.showcase__card[data-theme=green] .showcase__card-row{background:linear-gradient(135deg,rgba(155,188,169,.2),rgba(155,188,169,.06))}.showcase__card[data-theme=sky] .showcase__card-row{background:linear-gradient(135deg,rgba(82,186,221,.15),rgba(82,186,221,.04))}.showcase__card[data-theme=amber] .showcase__card-row{background:linear-gradient(135deg,rgba(246,186,72,.15),rgba(246,186,72,.04))}.showcase:after{content:"";right:0;background:linear-gradient(to left,var(--surface-dim),transparent)}.showcase:after,.showcase__fade-left{position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.showcase__fade-left{left:0;background:linear-gradient(to right,var(--surface-dim),transparent)}.sol-filter{position:sticky;top:72px;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:12px 0;transition:box-shadow .2s}.sol-filter.stuck{box-shadow:0 4px 24px rgba(0,0,0,.06)}.sol-filter__inner{display:flex;justify-content:center}.sol-filter__bar{display:inline-flex;border-radius:12px;background:rgba(0,0,0,.04);padding:4px;gap:4px;position:relative}.sol-filter__slider{position:absolute;top:4px;left:4px;height:calc(100% - 8px);border-radius:10px;background:var(--blue);box-shadow:0 2px 8px rgba(20,70,115,.3);transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}.sol-filter__tab{padding:8px 20px;border-radius:10px;border:none;background:transparent;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;color:var(--muted);position:relative;z-index:1;transition:color .25s}.sol-filter__tab--active{color:#fff}.feature-map,.map-layer{position:relative}.map-layer{padding:52px 0 48px}.map-layer:nth-child(odd){background:var(--surface)}.map-layer:nth-child(2n){background:var(--surface-dim)}.map-layer:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(20,70,115,.025) 1px,transparent 0);background-size:20px 20px;pointer-events:none}.map-layer__header{text-align:center;margin-bottom:36px;position:relative}.map-layer__label{font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--accent);margin-bottom:8px}.map-layer__subtitle{font-size:16px;color:var(--muted);max-width:480px;margin:0 auto;line-height:1.6}.map-layer__nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}.map-node{padding:28px 24px 24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;opacity:0;transform:translateY(24px) scale(.96);will-change:transform,opacity;display:flex;flex-direction:column;position:relative}.map-node.visible{opacity:1;transform:translateY(0) scale(1);transition:opacity .4s ease,transform .4s cubic-bezier(.16,1,.3,1)}.map-node:hover{transform:translateY(-4px)!important;border-color:var(--accent);box-shadow:0 12px 36px rgba(56,189,248,.1)}.map-node__icon{width:48px;height:48px;border-radius:14px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;background:rgba(20,70,115,.06);border:1px solid rgba(20,70,115,.1);color:var(--blue);transition:background .3s,color .3s}.map-node:hover .map-node__icon{background:rgba(56,189,248,.1);color:var(--accent)}.map-node__icon .material-icons-outlined{font-size:24px}.map-node__name{font-size:15px;font-weight:700;color:var(--ink);line-height:1.3;margin-bottom:6px}.map-node__desc{font-size:13px;color:var(--muted);line-height:1.6;flex:1}.map-node__link{font-size:12px;font-weight:600;color:var(--accent);margin-top:12px;display:flex;align-items:center;gap:4px}.map-node__link .material-icons-outlined{font-size:14px}.map-connectors{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.map-connector{fill:none;stroke:rgba(56,189,248,.15);stroke-width:2;stroke-linecap:round}.map-connector.drawn{transition:stroke-dashoffset .6s ease;stroke-dashoffset:0!important}.type-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.type-card{padding:28px 24px;border-radius:var(--radius);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);text-decoration:none;color:inherit;transition:border-color .3s,transform .3s;display:flex;flex-direction:column}.type-card:hover{border-color:rgba(56,189,248,.2);transform:translateY(-2px)}.type-card__icon{width:44px;height:44px;border-radius:12px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.15);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.type-card__icon .material-icons-outlined{font-size:22px;color:var(--accent)}.type-card h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:6px}.type-card p{font-size:13px;line-height:1.7;color:rgba(255,255,255,.45)}.cta-section{text-align:center}.cta-section h2{font-size:clamp(28px,4vw,44px);font-weight:800;margin-bottom:16px;letter-spacing:-.02em;color:#fff}.cta-section p{font-size:17px;color:rgba(255,255,255,.6);max-width:560px;margin:0 auto 32px;line-height:1.7}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-note{font-size:13px;color:rgba(255,255,255,.35);margin-top:20px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.map-node,.reveal{opacity:1!important;transform:none!important}.showcase__track{transition:none!important}}@media (max-width:980px){.type-cards{grid-template-columns:repeat(2,1fr)}.map-layer__nodes{grid-template-columns:repeat(3,1fr)}.showcase__card{flex:0 0 280px;height:190px}}@media (max-width:860px){.hero{padding-top:140px;padding-bottom:80px}.map-layer__nodes{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.map-layer__nodes{grid-template-columns:1fr;max-width:440px;margin:0 auto}.map-connectors{display:none}.sol-filter__bar{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;max-width:100%}.sol-filter__tab{flex-shrink:0}.type-cards{grid-template-columns:1fr 1fr}.showcase__card{flex:0 0 260px;height:170px}.showcase{padding:40px 0 36px}}@media (max-width:480px){.hero{padding-top:120px;padding-bottom:60px}.sol-filter__tab{padding:8px 14px;font-size:13px}.type-cards{grid-template-columns:1fr}.showcase__card{flex:0 0 240px;height:160px}}.map-layer--hidden{display:none!important}.showcase{background:#0a1628}.showcase:before{background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 0)}.showcase__label{color:rgba(255,255,255,.5)}.showcase:after{background:linear-gradient(270deg,#0a1628,transparent)}.showcase__fade-left{background:linear-gradient(90deg,#0a1628,transparent)}#layer-during{background:#0a1628}#layer-during:before{background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 0)}#layer-during .map-layer__subtitle{color:rgba(255,255,255,.6)}#layer-during .map-node{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}#layer-during .map-node:hover{background:rgba(255,255,255,.05);border-color:rgba(56,189,248,.35)}#layer-during .map-node__icon{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.22);color:#7dd3fc}#layer-during .map-node:hover .map-node__icon{background:rgba(56,189,248,.16);color:#7dd3fc}#layer-during .map-node__name{color:#fff}#layer-during .map-node__desc{color:rgba(255,255,255,.6)}}