.cf-int__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,64px);align-items:start}cf-integration{display:grid}.cf-int__eyebrow{margin-bottom:10px}.cf-int__chapter{min-height:76vh;display:flex;align-items:center;padding-block:28px;scroll-margin-top:calc(var(--cf-header-h) + 16px)}.cf-int__chapter:first-of-type{min-height:64vh}.cf-int__chapter-inner{max-width:540px}.cf-int__logo{display:block;width:auto;height:34px;margin-bottom:22px}.cf-int__num{display:inline-flex;margin-bottom:18px;padding:10px;border-radius:14px;background:radial-gradient(circle at 35% 30%,#13335f,#06142b);border:1px solid rgba(0,200,255,.5)}.cf-int__chapter .cf-h{margin-bottom:18px}.cf-int__p{margin-bottom:22px}.cf-int__list{grid-template-columns:1fr 1fr;gap:10px 20px;margin-bottom:18px}.cf-int__fine{margin-top:6px;max-width:520px}.cf-int__flow{margin:26px 0 18px;padding:18px;border-radius:var(--cf-r-md);border:1px solid var(--cf-line-2);background:linear-gradient(160deg,#006cff1a,#071426b3)}.cf-flow{position:relative;display:grid;gap:10px;margin:0 0 12px;padding:0;list-style:none;counter-reset:none}.cf-flow__step{position:relative;display:flex;align-items:center;gap:12px;color:var(--cf-text-2);font-size:15px;line-height:1.35}.cf-flow__n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,200,255,.5);background:#020a14cc;color:var(--cf-cyan);font-family:var(--cf-font-mono);font-size:12px}.cf-flow__step:not(:last-child):after{content:"";position:absolute;left:13.5px;top:29px;width:1px;height:10px;background:linear-gradient(var(--cf-cyan),rgba(0,200,255,.2))}.cf-flow__step:last-child .cf-flow__n{background:var(--cf-ok-strong);border-color:transparent;color:#fff}cf-integration[data-chapter="2"] .cf-flow__step{animation:cf-flow-pulse 3.2s ease-in-out infinite}cf-integration[data-chapter="2"] .cf-flow__step:nth-child(2){animation-delay:.3s}cf-integration[data-chapter="2"] .cf-flow__step:nth-child(3){animation-delay:.6s}cf-integration[data-chapter="2"] .cf-flow__step:nth-child(4){animation-delay:.9s}cf-integration[data-chapter="2"] .cf-flow__step:nth-child(5){animation-delay:1.2s}@keyframes cf-flow-pulse{0%,70%,to{color:var(--cf-text-2)}15%{color:#fff}}.cf-int__rare{display:inline-flex;align-items:center;gap:10px;margin:4px 0 0;padding:10px 16px;border-radius:12px;border:1px solid rgba(0,200,255,.45);background:#00c8ff14;font-size:14.5px;font-weight:600}.cf-int__rare i{width:8px;height:8px;border-radius:50%;background:var(--cf-cyan);box-shadow:0 0 12px var(--cf-cyan);animation:cf-blink 1.6s ease-in-out infinite}@keyframes cf-blink{50%{opacity:.25}}.cf-int__ctas{margin-top:24px}.cf-int__aside{position:relative;height:100%}.cf-int__sticky{position:sticky;top:calc(var(--cf-header-h) + max(12px,(100vh - var(--cf-header-h) - min(640px,76vh)) / 2))}.cf-int__tabs{display:flex;gap:10px;margin-bottom:14px}.cf-int__tab{flex:1;max-width:170px;display:flex;flex-direction:column;gap:10px;min-height:44px;padding-top:6px;color:var(--cf-muted);font-family:var(--cf-font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.cf-int__tab i{position:relative;display:block;height:3px;border-radius:3px;background:#ffffff1f;overflow:hidden}.cf-int__tab i b{position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:linear-gradient(90deg,var(--cf-blue),var(--cf-cyan))}.cf-int__tab.is-active,.cf-int__tab:hover{color:#fff}.cf-int__tab:focus-visible{outline:none;box-shadow:var(--cf-focus);border-radius:6px}.cf-int__stage{position:relative;height:min(640px,76vh);perspective:1600px;border-radius:var(--cf-r-xl)}.cf-int__tilt{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .6s var(--cf-ease)}html:not(.cf-js) .cf-int{overflow-x:clip}@media(max-width:989px){html:not(.cf-js) .cf-int__tilt{transform:scale(.52)}}.cf-int__halo{position:absolute;left:12%;top:12%;width:76%;height:76%;border-radius:50%;background:radial-gradient(circle,rgba(0,108,255,.36),transparent 64%);filter:blur(34px);pointer-events:none}.dz{position:absolute;left:50%;top:50%;transform-style:preserve-3d;will-change:transform,opacity;opacity:0;visibility:hidden}.d-shop{width:380px;margin:-140px 0 0 -190px;padding:22px}.d-shop__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.d-shop__top img{width:auto;height:30px}.d-shop__top span{color:var(--cf-muted);font-size:12px}.d-store{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.d-store div{height:92px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding:8px;border-radius:12px;background:#ffffff0d;border:1px solid var(--cf-line)}.d-store div:before{content:"";flex:1;border-radius:8px;background:linear-gradient(135deg,#95bf478c,#00c8ff26)}.d-store div:nth-child(2):before{background:linear-gradient(135deg,#006cff8c,#00c8ff26)}.d-store div:nth-child(3):before{background:linear-gradient(135deg,#fff6,#00c8ff26)}.d-store i{display:block;width:70%;height:6px;border-radius:3px;background:#ffffff8c}.d-bar{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:var(--cf-muted);font-size:12.5px}.d-bar b{color:#fff;font-family:var(--cf-font-display)}.d-chip{padding:12px 16px;border-radius:14px;white-space:nowrap;max-width:250px}.d-chip em{display:block;font-style:normal;font-family:var(--cf-font-display);font-size:21px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(120deg,#fff,#b6e36a);-webkit-background-clip:text;background-clip:text;color:transparent}.d-chip span{display:block;color:var(--cf-muted);font-size:11.5px;white-space:normal;line-height:1.35}.d-sumlogo{width:170px;margin:-200px 0 0 -85px}.d-sumlogo img{display:block;width:100%;height:auto}.d-card{width:330px;margin:-104px 0 0 -165px;filter:drop-shadow(0 40px 50px rgba(0,0,0,.6)) drop-shadow(0 0 40px rgba(0,108,255,.25))}.d-card img{display:block;width:100%;height:auto}.d-feat{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:13px;font-size:12.5px;font-weight:600;white-space:nowrap}.d-feat .cf-icon{color:var(--cf-cyan)}.d-tile{width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 30px 60px #00000080;overflow:hidden}.d-tile--shop{background:linear-gradient(160deg,#fff,#e8eef6)}.d-tile--shop img{width:58%;height:auto}.d-tile--sum{background:#000;border:1px solid rgba(255,255,255,.14)}.d-tile--sum img{width:112px;height:112px}.d-beam{width:300px;height:3px;margin:-1.5px 0 0 -150px;border-radius:3px;background:linear-gradient(90deg,#95bf47,var(--cf-cyan),#fff);box-shadow:0 0 24px #00c8ffe6;transform-origin:center}.d-beam i{position:absolute;top:50%;left:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff;box-shadow:0 0 14px #fff,0 0 24px var(--cf-cyan)}.d-core{width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#13335f,#06142b);border:1px solid rgba(0,200,255,.6);box-shadow:0 0 50px #00c8ff80}.d-checkout{width:330px;margin:-150px 0 0 -165px;padding:18px}.d-co__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.d-co__who{display:flex;align-items:center;gap:8px;color:var(--cf-muted);font-size:11.5px}.d-co__who img{width:16px;height:auto}.d-co__sq{display:inline-flex;width:22px;height:22px;border-radius:6px;overflow:hidden;background:#000}.d-co__sq img{width:22px;height:22px}.d-co__amt{margin:12px 0;font-family:var(--cf-font-display);font-size:34px;font-weight:800;letter-spacing:-.03em}.d-co__amt small{margin-left:6px;color:var(--cf-muted);font-size:13px;font-weight:500}.d-co__field{position:relative;display:flex;flex-direction:column;gap:4px;padding:9px 12px;border-radius:11px;border:1px solid rgba(0,200,255,.22);background:#020a148c;margin-bottom:9px}.d-co__field.is-focus{border-color:var(--cf-cyan);box-shadow:0 0 0 3px #00c8ff24}.d-co__label{color:var(--cf-muted);font-size:10.5px}.d-co__value{min-height:18px;font-family:var(--cf-font-mono);font-size:13.5px;letter-spacing:.05em}.d-co__brands{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;gap:4px}.d-co__brands svg{width:30px;height:20px;border-radius:3px}.d-co__split{display:grid;grid-template-columns:1fr 1fr;gap:9px}.d-co__pay{position:relative;height:48px;margin-top:4px;border-radius:12px;overflow:hidden;background:var(--cf-grad-btn);font-weight:600;font-size:14.5px}.d-co__pay .st{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:9px;transition:transform .5s var(--cf-ease),opacity .4s}.d-co__pay .st2,.d-co__pay .st3{transform:translateY(100%);opacity:0}.d-co__pay .st3{background:var(--cf-ok-strong)}.d-co__pay[data-state="1"] .st1{transform:translateY(-100%);opacity:0}.d-co__pay[data-state="1"] .st2{transform:none;opacity:1}.d-co__pay[data-state="2"] .st1,.d-co__pay[data-state="2"] .st2{transform:translateY(-100%);opacity:0}.d-co__pay[data-state="2"] .st3{transform:none;opacity:1}.d-spin{width:17px;height:17px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:cf-spin .8s linear infinite}@keyframes cf-spin{to{transform:rotate(360deg)}}.d-co__secure{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:11px;color:var(--cf-muted);font-size:11.5px}.d-note{display:flex;align-items:center;gap:11px;min-width:214px;padding:11px 13px}.d-note b{display:block;font-size:12.5px}.d-note span span{display:block;color:#c9d4e2;font-size:11.5px}.d-note__ic{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;overflow:hidden}.d-note__ic--shop{background:#fff}.d-note__ic--shop img{width:20px;height:auto}.d-note__ic--sum{background:#000}.d-note__ic--sum img{width:34px;height:34px}cf-integration:not(.is-live) .dz[data-el=tshop]{opacity:1;visibility:visible;transform:translate3d(-150px,0,0)}cf-integration:not(.is-live) .dz[data-el=tsum]{opacity:1;visibility:visible;transform:translate3d(150px,0,0)}cf-integration:not(.is-live) .dz[data-el=beam]{opacity:1;visibility:visible}cf-integration:not(.is-live) .dz[data-el=core]{opacity:1;visibility:visible}cf-integration:not(.is-live) .d-beam i{display:none}@media(max-width:989px){.cf-int__grid{grid-template-columns:minmax(0,1fr);gap:0}.cf-int__aside{order:-1;position:sticky;top:var(--cf-header-h);z-index:3;height:auto;margin-inline:calc(-1 * var(--cf-gutter));padding:8px var(--cf-gutter) 0;background:linear-gradient(180deg,#020a14f7 82%,#020a1400)}.cf-int__sticky{position:static}.cf-int__tabs{margin-bottom:6px}.cf-int__tab{max-width:none;font-size:10.5px}.cf-int__stage{height:min(40svh,330px)}.cf-int__chapter,.cf-int__chapter:first-of-type{min-height:62svh;padding-block:40px}.cf-int__list{grid-template-columns:1fr}.cf-int__eyebrow{margin-top:18px}}@media(max-width:480px){.cf-int__stage{height:min(36svh,280px)}}.d-note{margin:-28px 0 0 -107px}.d-chip{margin:-30px 0 0 -90px}.d-feat{margin:-20px 0 0 -90px}@media(max-width:989px){.cf-int__stage{height:min(44svh,380px)}}@media(max-width:749px){.d-chip,.d-feat,.d-note{display:none}}html.cf-js:not([data-cf-motion=off]) .cf-int--seq{padding-block:0}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__seq{position:relative;height:calc(var(--cf-seq-len, 340) * 1svh)}html.cf-js:not([data-cf-motion=off]) .cf-int--seq cf-integration{position:sticky;top:0;height:100svh;align-items:center;padding-top:var(--cf-header-h);overflow:hidden}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__text{display:grid;grid-template-columns:minmax(0,1fr);align-content:center}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__eyebrow{grid-row:1}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__chapter{grid-row:2;grid-column:1;min-height:0;padding-block:0;align-items:flex-start;opacity:0;visibility:hidden;transform:translateY(30px);pointer-events:none;transition:opacity .5s var(--cf-ease),transform .5s var(--cf-ease),visibility 0s linear .5s}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__chapter.is-past{transform:translateY(-30px)}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__chapter.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .6s var(--cf-ease) .1s,transform .6s var(--cf-ease) .1s,visibility 0s}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__aside{height:auto}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__sticky{position:static}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__stage{height:min(600px,70svh)}@media(min-width:990px)and (max-height:900px){html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__chapter[data-chapter="2"] .cf-int__p+.cf-list-title,html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__chapter[data-chapter="2"] .cf-int__list,html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__flow .cf-fine{display:none}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__flow{margin:0 0 14px;padding:14px 16px}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-flow{gap:8px;margin:0}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__ctas{margin-top:18px}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__chapter .cf-h{margin-bottom:14px}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__p{margin-bottom:16px}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__logo,html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__num{margin-bottom:14px}}@media(min-width:990px)and (max-height:720px){html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__list,html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__fine,html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-list-title{display:none}}@media(max-width:989px){html.cf-js:not([data-cf-motion=off]) .cf-int--seq cf-integration{align-content:start;align-items:start;padding-top:calc(var(--cf-header-h) + 4px)}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__aside{position:static;margin-inline:0;padding:0;background:none}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__stage{height:min(38svh,330px)}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__eyebrow{margin:6px 0 8px}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__list,html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__fine,html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-list-title,html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__rare,html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__flow .cf-fine,html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__logo,html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__num{display:none}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__chapter .cf-h{margin-bottom:10px;font-size:clamp(24px,6.4vw,34px)}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__p{margin-bottom:12px;font-size:15px;line-height:1.55}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__flow{margin:0 0 12px;padding:0;border:0;background:none}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-flow{display:flex;flex-wrap:wrap;gap:6px;margin:0}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-flow__step{gap:6px;padding:5px 9px 5px 5px;border-radius:999px;border:1px solid var(--cf-line);background:#071426b3;font-size:12.5px}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-flow__n{width:20px;height:20px;font-size:10.5px}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-flow__step:after{display:none}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__ctas{margin-top:12px}}@media(max-width:749px){html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__stage{height:min(34svh,290px)}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__ctas{flex-direction:row;flex-wrap:wrap}html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__ctas .cf-btn{flex:1 1 140px;min-height:46px;padding-inline:14px;font-size:14.5px}}.cf-int__scope{margin:-10px 0 18px;color:var(--cf-muted);font-size:13px;line-height:1.5}@media(max-width:989px){html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__scope{margin:-4px 0 10px;font-size:12.5px}}@media(max-width:749px){html.cf-js:not([data-cf-motion=off]) .cf-int--seq .cf-int__seq{height:calc(var(--cf-seq-len, 340) * .8svh)}html.cf-js:not([data-cf-motion=off]) .cf-int--seq cf-integration.is-hdr-off>*{transform:translateY(calc(4px - var(--cf-header-h)))}html.cf-js:not([data-cf-motion=off]) .cf-int--seq cf-integration>*{transition:transform .35s var(--cf-ease)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/cf-integration.css.map */