.triptych{padding:calc(var(--fs)*10) 0 calc(var(--fs)*8);text-align:center;overflow:hidden}.triptych__head{display:flex;flex-direction:column;align-items:center;margin-bottom:calc(var(--fs)*4);padding:0 calc(var(--fs)*4)}.triptych__title{margin:calc(var(--fs)*1) 0 calc(var(--fs)*.75);font-family:var(--font-sans);font-size:53px;font-weight:500;line-height:1.1;color:var(--color-primary-950)}@media(min-width:1024px){.triptych__title{font-size:45px}}@media(min-width:1280px){.triptych__title{font-size:48px}}.triptych__title-bold{font-weight:700}.triptych__lede{margin:0;font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:1.5;color:#8a93a3}@media(min-width:1024px){.triptych__lede{font-size:13px}}@media(min-width:1280px){.triptych__lede{font-size:14px}}.triptych__stage{margin:0 auto calc(var(--fs)*4);overflow:visible}.triptych__card,.triptych__stage{position:relative;width:min(var(--fs)*39.6875,100%);height:calc(var(--fs)*36.125)}.triptych__card{overflow:hidden;padding:calc(var(--fs)*1);border-radius:calc(var(--fs)*2.5);background:rgba(235,235,235,.44);--card-accent:#00a0ac;--card-glow:rgba(107,197,211,0.71);display:flex;box-shadow:-4px 0 92.4px 0 rgba(139,139,139,.25),3px 0 36.9px 0 rgba(139,139,139,.25);-webkit-backdrop-filter:blur(17.25px);backdrop-filter:blur(17.25px)}.triptych__blob{position:absolute;width:calc(var(--fs)*42.6875);height:calc(var(--fs)*22.375);border-radius:calc(var(--fs)*624.9375);pointer-events:none;filter:blur(75px);background:var(--card-glow)}.triptych__blob--tl{top:0;left:0;transform:translate(-50%,-50%)}.triptych__blob--br{bottom:0;right:0;transform:translate(50%,50%)}.triptych__card-inner{position:relative;z-index:1;display:flex;flex-direction:column;padding:calc(var(--fs)*.85);border-radius:calc(var(--fs)*1.75);border:1px solid rgba(0,0,0,.04);background:#fff;box-shadow:0 calc(var(--fs)*8.1/16) calc(var(--fs)*32.4/16) calc(var(--fs)*-8.1/16) rgba(0,0,0,.06),0 calc(var(--fs)*.81/16) 0 calc(var(--fs)*.81/16) hsla(0,0%,100%,0) inset;flex:1 1;overflow:hidden}.triptych__card--renewal{--card-accent:#34c77b;--card-glow:rgba(110,222,165,0.62)}.triptych__card--new{--card-accent:#f59e0b;--card-glow:rgba(250,200,120,0.55)}.triptych__popular{position:absolute;top:calc(var(--fs)*2.95);left:calc(var(--fs)*2.95);z-index:4;display:flex;align-items:center;gap:calc(var(--fs)*.4);padding:calc(var(--fs)*.4) calc(var(--fs)*.85);border-radius:var(--radius-pill);background:#fff;border:1px solid #e5e7eb;font-family:var(--font-sans);font-size:11px;font-weight:600;color:#1f9aa6;box-shadow:0 calc(var(--fs)*.25) calc(var(--fs)*.75) rgba(0,0,0,.06)}@media(min-width:1024px){.triptych__popular{font-size:10px}}.triptych__popular svg{width:calc(var(--fs)*.875);height:calc(var(--fs)*.875)}.triptych__verify{position:absolute;top:calc(var(--fs)*12.5);right:calc(var(--fs)*2);z-index:4}.scan-verify-back{position:absolute;z-index:0;left:50%;bottom:calc(var(--fs)*-.75);width:calc(var(--fs)*10.5);height:100%;transform:translateX(-50%);border-radius:calc(var(--fs)*.6875);background:rgba(239,241,246,.63)}.scan-verify{position:relative;z-index:1;display:flex;align-items:center;gap:calc(var(--fs)*.85);padding:calc(var(--fs)*.625);background:#fff;border-radius:calc(var(--fs)*.85);box-shadow:0 calc(var(--fs)*.5) calc(var(--fs)*1.5) rgba(0,0,0,.12)}.scan-verify-icon{display:grid;place-items:center;flex:none;width:calc(var(--fs)*2.1);height:calc(var(--fs)*2.1);background:#eceef0;border-radius:calc(var(--fs)*.7)}.scan-verify-icon img{width:52%;height:52%}.scan-verify-label{font-family:var(--font-sans);font-size:14px;font-weight:500;white-space:nowrap;color:#3f4756}@media(min-width:1024px){.scan-verify-label{font-size:12px}}@media(min-width:1280px){.scan-verify-label{font-size:13px}}.triptych__preview{position:relative;flex:0 0 calc(var(--fs)*19.5);overflow:hidden;border-radius:calc(var(--fs)*1.25);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--fs)*1)}.triptych__preview--child{--preview-glow:rgba(107,197,211,0.23)}.triptych__preview--renewal{--preview-glow:rgba(52,211,153,0.16)}.triptych__preview--new{--preview-glow:rgba(251,146,60,0.16)}.triptych__preview-glow{position:absolute;width:calc(var(--fs)*29.375);height:calc(var(--fs)*17.9375);border-radius:calc(var(--fs)*624.9375);background:var(--preview-glow);pointer-events:none;filter:blur(32px)}.triptych__preview-glow--tl{top:0;left:0;transform:translate(-50%,-50%)}.triptych__preview-glow--br{bottom:0;right:0;transform:translate(50%,50%)}.triptych__preview-glow--tr{top:0;right:0;transform:translate(50%,-50%)}.triptych__preview-glow--bl{bottom:0;left:0;transform:translate(-50%,50%)}.triptych__preview-glow--bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.triptych__preview-glow--left{top:50%;left:0;height:calc(var(--fs)*21);transform:translate(-50%,-50%)}.triptych__id-card{position:relative;width:calc(var(--fs)*16);height:calc(var(--fs)*10.118)}.triptych__id-card svg{display:block;width:100%;height:100%;overflow:visible}.triptych__scan-beam{animation:triptych-scan 2.6s ease-in-out infinite alternate}@keyframes triptych-scan{0%{transform:translateY(-42px)}to{transform:translateY(42px)}}@media(prefers-reduced-motion:reduce){.triptych__scan-beam{animation:none}}.triptych__tabs{position:absolute;bottom:calc(var(--fs)*1.1);left:0;right:0;display:flex;align-items:center;justify-content:flex-start;gap:calc(var(--fs)*.6);padding-left:calc(var(--fs)*1.25)}.triptych__tab{display:inline-flex;align-items:center;gap:calc(var(--fs)*.45);height:calc(var(--fs)*2);padding:0 calc(var(--fs)*.85);border-radius:var(--radius-pill);background:hsla(0,0%,100%,.45);font-family:var(--font-sans);font-size:12px;font-weight:500;white-space:nowrap;color:#9aa6b2}@media(min-width:1024px){.triptych__tab{font-size:10px}}@media(min-width:1280px){.triptych__tab{font-size:11px}}.triptych__tab-dot{width:calc(var(--fs)*.5);height:calc(var(--fs)*.5);flex:none;border-radius:50%;background:rgba(0,160,172,.25)}.triptych__tab--active{background:#fff;color:var(--color-primary-950);font-weight:600;box-shadow:0 calc(var(--fs)*.2) calc(var(--fs)*.6) rgba(20,50,60,.08)}.triptych__tab--active .triptych__tab-dot{background:var(--color-secondary-600)}.triptych__chip{position:absolute;top:calc(var(--fs)*1.1);left:calc(var(--fs)*1.1);z-index:2;display:flex;align-items:center;gap:calc(var(--fs)*.4);font-family:var(--font-sans);font-size:12px;font-weight:600}@media(min-width:1024px){.triptych__chip{font-size:10px}}@media(min-width:1280px){.triptych__chip{font-size:11px}}.triptych__chip svg{width:calc(var(--fs)*1);height:calc(var(--fs)*1)}.triptych__chip--renewal{color:#2f7a64}.triptych__chip--new{color:#92640a}.triptych__refresh{position:relative;width:calc(var(--fs)*11);height:calc(var(--fs)*12.634)}.triptych__refresh-card{width:100%;height:100%;animation:triptych-float 5s ease-in-out infinite}.triptych__refresh-card svg{display:block;width:100%;height:100%;overflow:visible}.triptych__refresh-icon{transform-box:fill-box;transform-origin:center;animation:triptych-spin 4s linear infinite}.triptych__sync{position:absolute;right:calc(var(--fs)*-1.75);bottom:calc(var(--fs)*.6);z-index:2;display:flex;align-items:center;gap:calc(var(--fs)*.5);padding:calc(var(--fs)*.45) calc(var(--fs)*.95);border-radius:var(--radius-pill);background:var(--color-primary-950);color:#fff;font-family:var(--font-sans);font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 calc(var(--fs)*.5) calc(var(--fs)*1.25) rgba(0,0,0,.18)}@media(min-width:1024px){.triptych__sync{font-size:10px}}@media(min-width:1280px){.triptych__sync{font-size:11px}}.triptych__sync-dot{flex:none;width:calc(var(--fs)*.55);height:calc(var(--fs)*.55);border-radius:50%;background:#34d399}.triptych__papers{position:relative;width:calc(var(--fs)*13);height:calc(var(--fs)*11)}.triptych__paper{position:absolute;top:0;display:block;width:calc(var(--fs)*8.5);height:calc(var(--fs)*10.027)}.triptych__paper--back{left:calc(var(--fs)*1.25);z-index:1;animation:triptych-shuffle-back 4.5s ease-in-out infinite}.triptych__paper--front{left:calc(var(--fs)*3.75);z-index:2;animation:triptych-shuffle-front 4.5s ease-in-out infinite}@keyframes triptych-spin{to{transform:rotate(1turn)}}@keyframes triptych-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(calc(var(--fs) * -.6)) rotate(-1.5deg)}}@keyframes triptych-shuffle-front{0%,to{transform:translate(0) rotate(4deg)}50%{transform:translate(calc(var(--fs) * .5),calc(var(--fs) * -.55)) rotate(7deg)}}@keyframes triptych-shuffle-back{0%,to{transform:translate(0) rotate(-3deg)}50%{transform:translate(calc(var(--fs) * -.5),calc(var(--fs) * -.3)) rotate(-6deg)}}@media(prefers-reduced-motion:reduce){.triptych__paper--back,.triptych__paper--front,.triptych__refresh-card,.triptych__refresh-icon{animation:none}}.triptych__content{flex:1 1;display:flex;flex-direction:column;padding:calc(var(--fs)*1.5) calc(var(--fs)*1.15) calc(var(--fs)*1.15);text-align:left}.triptych__card-title{margin:0 0 calc(var(--fs)*.6);font-family:var(--font-sans);font-size:23px;font-weight:700;line-height:1.2;color:var(--color-primary-950)}@media(min-width:1024px){.triptych__card-title{font-size:19px}}@media(min-width:1280px){.triptych__card-title{font-size:20px}}.triptych__card-desc{margin:0 0 calc(var(--fs)*1.5);font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.55;color:#8a93a3;flex:1 1}@media(min-width:1024px){.triptych__card-desc{font-size:12px}}@media(min-width:1280px){.triptych__card-desc{font-size:13px}}.triptych__card-cta{align-self:flex-start;font-family:var(--font-sans);font-size:12px;height:calc(var(--fs)*2.75);padding-left:calc(var(--fs)*1.25);padding-right:calc(var(--fs)*1.25)}@media(min-width:1024px){.triptych__card-cta{font-size:10px}}@media(min-width:1280px){.triptych__card-cta{font-size:11px}}.triptych__others{display:flex;flex-direction:column;align-items:center;gap:calc(var(--fs)*1.25)}.triptych__others-label{margin:0;font-family:var(--font-sans);font-size:14px;font-weight:500;color:#8a93a3}@media(min-width:1024px){.triptych__others-label{font-size:12px}}@media(min-width:1280px){.triptych__others-label{font-size:13px}}.triptych__pills{display:flex;align-items:center;justify-content:center;gap:calc(var(--fs)*.75)}.triptych__pill{display:flex;align-items:center;gap:calc(var(--fs)*.6);padding:calc(var(--fs)*.625) calc(var(--fs)*1);border-radius:calc(var(--fs)*.875);border:1px solid #e5e7eb;background:#fff;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.triptych__pill:hover{border-color:#d1d5db;box-shadow:0 calc(var(--fs)*.25) calc(var(--fs)*.875) rgba(0,0,0,.06)}.triptych__pill-icon{display:grid;place-items:center;width:calc(var(--fs)*1.875);height:calc(var(--fs)*1.875);border-radius:calc(var(--fs)*.5);flex:none}.triptych__pill-icon svg{width:55%;height:55%}.triptych__pill-icon--green{background:rgba(52,199,123,.12);color:#34c77b}.triptych__pill-icon--blue{background:rgba(59,130,246,.1);color:#3b82f6}.triptych__pill-icon--amber{background:rgba(245,158,11,.12);color:#f59e0b}.triptych__pill-icon--purple{background:rgba(139,92,246,.12);color:#8b5cf6}.triptych__pill-text{display:flex;flex-direction:column;align-items:flex-start}.triptych__pill-eyebrow{font-family:var(--font-sans);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;line-height:1.4}@media(min-width:1024px){.triptych__pill-eyebrow{font-size:7px}}@media(min-width:1280px){.triptych__pill-eyebrow{font-size:8px}}.triptych__pill-name{font-family:var(--font-sans);font-size:13px;font-weight:700;color:var(--color-primary-950);line-height:1.2}@media(min-width:1024px){.triptych__pill-name{font-size:11px}}@media(min-width:1280px){.triptych__pill-name{font-size:12px}}@media(orientation:portrait){.triptych{padding-top:calc(var(--fs)*6);padding-bottom:calc(var(--fs)*4)}.triptych__head{padding:0 calc(var(--fs)*2.5);margin-bottom:calc(var(--fs)*3)}.triptych__title{margin:calc(var(--fs)*.75) 0 calc(var(--fs)*.6);font-size:27px}}@media(orientation:portrait)and (min-width:1024px){.triptych__title{font-size:22px}}@media(orientation:portrait)and (min-width:1280px){.triptych__title{font-size:24px}}@media(orientation:portrait){.triptych__lede{width:min(var(--fs)*30,100%);font-size:14px}}@media(orientation:portrait)and (min-width:1024px){.triptych__lede{font-size:12px}}@media(orientation:portrait){.triptych__stage{--fs:calc(85vw / 39.6875)}.triptych__card{box-shadow:0 4px 14px rgba(139,139,139,.25);-webkit-backdrop-filter:blur(8.625px);backdrop-filter:blur(8.625px)}.triptych__preview-glow{filter:blur(16px)}.triptych__pills{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:calc(var(--fs)*.5) calc(var(--fs)*1.5);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.triptych__pill{flex:0 0 auto;min-width:calc(var(--fs)*11);padding:calc(var(--fs)*1) calc(var(--fs)*1.25);scroll-snap-align:start;border:1px solid #efeff1;background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border-radius:calc(var(--fs))}.triptych__pill-icon{width:calc(var(--fs)*3);height:calc(var(--fs)*3);border-radius:calc(var(--fs)*.85)}.triptych__pill-eyebrow{font-size:11px}}@media(orientation:portrait)and (min-width:1024px){.triptych__pill-eyebrow{font-size:9px}}@media(orientation:portrait)and (min-width:1280px){.triptych__pill-eyebrow{font-size:10px}}@media(orientation:portrait){.triptych__pill-name{font-size:17px}}@media(orientation:portrait)and (min-width:1024px){.triptych__pill-name{font-size:14px}}@media(orientation:portrait)and (min-width:1280px){.triptych__pill-name{font-size:15px}}