.pocket-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5rem;position:relative}
.pocket-story h2,.support-copy h2{font-size:clamp(2.5rem,4.5vw,4.7rem);line-height:1.08;letter-spacing:-.055em}
.pocket-universe{position:relative;isolation:isolate;min-width:0;padding:24px 20px}
.pocket-carousel{position:relative;max-width:440px;margin:auto;z-index:2}
.pocket-deck{display:grid;perspective:1400px;touch-action:pan-y;outline-offset:9px;border-radius:26px}
.pocket-card{grid-area:1/1;margin:0;border:1px solid #ffffffec;background:#fff;box-shadow:0 28px 70px #243d5722,0 4px 12px #22334b09;border-radius:26px;overflow:hidden;transform-origin:50% 55%;backface-visibility:hidden}
.pocket-card[hidden]{display:none}.pocket-deck[data-moving="true"] .pocket-card{will-change:transform,opacity}
.pocket-card .pocket-photo{border-radius:0;box-shadow:none}.pocket-photo img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;user-select:none}
.pocket-card figcaption{padding:23px 25px 25px;min-height:265px;position:relative}
.pocket-scene-index{display:block;font-size:.66rem;letter-spacing:.18em;color:#137c73;font-weight:750;margin-bottom:10px}
.pocket-card h3{font-size:clamp(1.25rem,1.7vw,1.7rem);line-height:1.19;letter-spacing:-.045em;margin:0 0 10px;max-width:20ch}
.pocket-card figcaption>p{font-size:.83rem;color:#66768a;line-height:1.6;margin:0}
.pocket-card .pocket-capture-card{display:flex;align-items:center;gap:12px;border:1px solid #dae8e6;border-radius:12px;background:#f5faf9;padding:12px;margin:16px 0 0;box-shadow:none}
.pocket-capture-card q{font-size:.75rem;line-height:1.5;color:#244552;quotes:none}
.pocket-capture-card .pocket-wave{margin:0;flex:none}
.pocket-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.pocket-dots,.pocket-arrows{display:flex;gap:5px;align-items:center}
.pocket-controls button{appearance:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid #dce4e9;border-radius:50%;background:#fff;color:#344f66;cursor:pointer;transition:background .2s,box-shadow .2s;line-height:1;font-size:18px}
.pocket-controls button:hover{background:#e9f5f1;box-shadow:0 3px 14px #28494b12}.pocket-controls button:focus-visible,.pocket-deck:focus-visible{outline:2px solid #20766b;outline-offset:3px}
.pocket-dots button{border:0;background:transparent;width:28px;height:40px}.pocket-dots span{display:block;width:6px;height:6px;background:#bdcbd3;border-radius:9px;transition:width .25s,background .25s}.pocket-dots [aria-pressed="true"] span{width:20px;background:#1b8978}
.pocket-caption{font-size:.64rem;color:#768895;margin:15px 0 0;text-align:center}
.pocket-space{position:absolute;inset:-45px -45px 0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:50%}
.pocket-space-grid{position:absolute;inset:0;background-image:radial-gradient(#6c9aa746 .8px,transparent .8px);background-size:23px 23px;mask-image:radial-gradient(ellipse,#0009,transparent 72%)}
.pocket-orbit{position:absolute;inset:19% -12%;border:1px solid #9cbfc344;border-radius:50%;transform:rotate(-33deg);animation:pocket-orbit 38s linear infinite}
.pocket-orbit::after{content:"";position:absolute;left:12%;top:13%;width:7px;height:7px;background:#6a9fb3;border-radius:50%;box-shadow:0 0 0 5px #79c0bc18}
.pocket-orbit.orbit-b{inset:24% -10%;transform:rotate(39deg);animation-duration:53s;animation-direction:reverse;border-color:#91b7a82b}
.pocket-floats{pointer-events:none;position:absolute;inset:0;z-index:3}
.pocket-float{position:absolute;display:flex;align-items:center;gap:10px;padding:16px 18px;font-size:.69rem;font-weight:650;max-width:215px;border:1px solid #ffffffd9;border-radius:15px;background:#fffffff0;box-shadow:0 12px 35px #26435214;backdrop-filter:blur(18px);color:#3b556c;will-change:transform}
.pocket-float-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#207d75;background:#e6f3ee;font-size:18px;flex:none}.pocket-float i{width:5px;height:5px;background:#30a58e;box-shadow:0 0 0 4px #38a4890d;border-radius:50%;flex:none}
.pocket-float-0{left:-44px;top:8%;rotate:-5deg}.pocket-float-1{right:-42px;top:29%;rotate:5deg}.pocket-float-2{left:-44px;top:53%;rotate:-3deg}
.support-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5rem;align-items:center}
.support-art{position:relative;min-height:570px;isolation:isolate;color:#2d4b68}.support-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#54848b12 1px,transparent 1px),linear-gradient(90deg,#54848b12 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,#0009,transparent 70%);transform:perspective(700px) rotateX(18deg) rotateZ(-7deg)}
.support-paths{position:absolute;inset:0;width:100%;height:100%;fill:#358e94}.support-paths path{fill:none;stroke:url(#support-line);stroke-width:2}.support-paths .support-wire{opacity:.26}.support-paths .support-wire-flow{stroke-width:3;stroke-dasharray:12 26;animation:support-flow 8s linear infinite}
.support-window{position:absolute;width:72%;border:1px solid #fff;background:#fffffff0;backdrop-filter:blur(18px);border-radius:20px;box-shadow:0 26px 65px #36516b1c,0 3px 8px #2f566411;overflow:hidden}
.support-client{left:0;top:20px;transform:perspective(950px) rotateY(9deg) rotateZ(-5deg)}.support-expert{right:0;bottom:65px;transform:perspective(950px) rotateY(-9deg) rotateZ(4deg)}
.support-chrome{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid #e3eaf0;font-size:.66rem}.support-window-dots{color:#aec0cf;font-size:8px;letter-spacing:2px}.support-window-body{padding:20px}.support-mini-label{font-size:.7rem;color:#6e8394}
.support-app-grid{display:flex;gap:10px;margin:17px 0}.support-app-grid i{display:grid;place-items:center;font-style:normal;font-size:20px;border:1px solid #e0e8ed;border-radius:10px;width:43px;height:43px;color:#287a9c;background:#f4f8fb}
.support-skeleton{display:grid;gap:7px}.support-skeleton i{height:5px;width:85%;background:#e7eef1;border-radius:4px}.support-skeleton i:nth-child(2){width:65%}.support-skeleton i:last-child{width:45%;background:#d7eae4}
.support-consent{position:absolute;z-index:3;top:47%;left:19%;padding:13px 19px;display:flex;align-items:center;gap:8px;background:#eef8f3;border:1px solid #d7ebe2;border-radius:30px;box-shadow:0 8px 25px #294f5a13;color:#287e6a;font-size:.72rem;font-weight:700}.support-consent svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}
.support-specialist{display:flex;align-items:center;gap:12px}.support-specialist strong{font-size:.85rem}.support-avatar{width:48px;height:48px;background:#eef5fb;border-radius:14px;padding:5px}.support-avatar svg{width:100%;height:100%;fill:none;stroke:#6185a4;stroke-width:1.8;stroke-linecap:round}.support-online{width:6px;height:6px;border-radius:50%;background:#269c82;margin-left:auto}
.support-channels{display:grid;gap:9px;margin-top:18px}.support-channels span{display:flex;align-items:center;gap:9px;font-size:.7rem;color:#6b8296}.support-channels i{font-style:normal;color:#29937d}.support-flow{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:.68rem;color:#668191;letter-spacing:.02em}
@keyframes pocket-orbit{to{rotate:360deg}}@keyframes support-flow{to{stroke-dashoffset:-304}}
@media(max-width:1100px){.pocket-section,.support-section{gap:3rem}.pocket-universe{padding:20px 5px}.pocket-float{padding:12px;max-width:185px}.pocket-float-0,.pocket-float-2{left:-20px}.pocket-float-1{right:-20px}.support-window{width:85%}.support-specialist strong{font-size:.75rem}}
@media(max-width:760px){.pocket-section,.support-section{grid-template-columns:1fr;gap:2.5rem}.pocket-universe{padding:20px 12px}.pocket-carousel{max-width:370px}.pocket-float{font-size:.61rem;max-width:175px;padding:10px;gap:7px}.pocket-float-0{left:-2px}.pocket-float-1{right:-2px}.pocket-float-2{left:-2px;bottom:30%}.pocket-float-icon{width:23px;height:23px;font-size:15px}.pocket-card figcaption{padding:21px;min-height:255px}.pocket-card h3{font-size:1.5rem}.support-copy{grid-row:1}.support-art{min-height:520px;max-width:470px;width:100%;margin:auto}.support-window{width:80%}.support-consent{left:10%}.pocket-space{inset:-20px -10px 0}}
.support-art{overflow:clip}.pocket-float-0{top:2%}.pocket-float-1{top:16%}.pocket-float-2{bottom:auto;top:51%}
@media(prefers-reduced-motion:reduce){.pocket-orbit,.support-wire-flow{animation:none!important}.pocket-float{will-change:auto}.pocket-controls button,.pocket-dots span{transition:none}}