/* A single, consistent editorial presentation — no mosaic of cards. */
/* Give the gradient enough paint area for italic descenders such as g and j. */
h1 em,h2 em{padding-bottom:.18em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero h1 em{line-height:1.12;margin-bottom:-.18em;overflow:visible}
.benefit-presentation{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(35px,6vw,90px);align-items:start;border-block:1px solid var(--line);padding:40px 0 44px}
.benefit-nav{display:flex;flex-direction:column;padding:0;margin:0}
.benefit-tab{display:flex;align-items:center;gap:17px;min-height:66px;text-align:left;border-bottom:1px solid #ffeec720;color:var(--soft);font-size:.88rem;padding:14px 4px;transition:color .25s,padding .3s;background:none;width:100%}
.benefit-tab:last-child{border:0}.benefit-number{font-size:.62rem;letter-spacing:1px;opacity:.55;flex:0 0 22px}.benefit-arrow{margin-left:auto;font-size:18px;opacity:0;transform:translate(-6px,4px);transition:opacity .3s,transform .3s}.benefit-tab[aria-selected="true"]{color:#fff9e9;padding-left:10px}.benefit-tab[aria-selected="true"] .benefit-number{opacity:1}.benefit-tab[aria-selected="true"] .benefit-arrow{opacity:1;transform:none}.benefit-tab:hover{color:#fff}
.benefit-list{display:grid!important;grid-template-columns:minmax(0,1fr);border:0;margin:0;min-width:0;min-height:540px;padding:0;list-style:none}
.benefit-list>.benefit{display:flex;grid-column:auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;overflow:visible;min-height:540px;transform:none!important;transition:none}
.benefit-list>.benefit{grid-area:1/1!important}.benefit-list>.benefit[hidden]{display:flex!important;visibility:hidden;pointer-events:none}.benefit-tag{display:none}.benefit-art{height:250px;flex-basis:250px;border-radius:0;margin:0 0 28px;background-color:transparent}
.benefit h3{font-size:clamp(1.9rem,2.8vw,3rem);line-height:1.08;max-width:650px;margin-bottom:17px;transform:none!important}
.benefit p:not(.benefit-tag):not(.benefit-feature){font-size:.92rem;line-height:1.8;max-width:600px;margin-bottom:18px}
.benefit-feature{margin-top:auto;padding:12px 0 0;border:0;border-top:1px solid #ffe9b32e;border-radius:0;background:none;font-size:.73rem;gap:12px}
.benefit-feature>span{background:none;padding:0;color:#ffedbf;opacity:.7;font-size:.6rem}.benefit-art-portrait{background-position:center 33%}.benefit-art-portrait>span{font-size:30px;left:22px;bottom:22px}.benefit-art-emblem>svg{width:105px;height:90px}.benefit-art-emblem>span{bottom:22px}.benefit-art-emblem>i{width:160px;height:160px}.benefit-art-docs .document{top:43px;width:145px;height:185px;padding:26px}.benefit-art-docs .doc-back{padding:0}.document>b{font-size:20px}.document>small{font-size:6px}.document>i{margin:10px 0}.benefit-art-link>span{width:85px;height:85px;font-size:36px}.benefit-art-link>i{width:85px}.benefit-art-link>small{bottom:25px}.benefit-art-film>small{font-size:30px;bottom:22px}.benefit-art-film>span{width:65px;height:65px}.benefit-art-chat{padding:35px 25px;justify-content:center;gap:20px}.benefit-art-chat>span{font-size:14px;padding:17px 22px}.benefit-art-privacy{padding:35px;gap:14px}.benefit-art-privacy>span{font-size:13px;padding:17px 20px;max-width:360px}.benefit-art-privacy>small{font-size:7px}.benefit-art-legacy>span{font-size:27px;max-width:110px}.benefit-selected .benefit-art{animation:benefit-enter .45s ease-out}.benefit-selected h3,.benefit-selected p{animation:benefit-enter .35s ease-out}
@keyframes benefit-enter{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}
.benefit-art{border-radius:24px;border:1px solid #fff1cc24;box-shadow:inset 0 0 26px #5c3e191a,0 15px 26px -17px #21130073;transform:perspective(1000px) rotateX(var(--art-rx,0deg)) rotateY(var(--art-ry,0deg));transform-origin:center;transition:transform .25s ease-out,box-shadow .3s;will-change:transform}
.benefit-art-portrait::after,.benefit-art-film::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,#86652926 100%),linear-gradient(125deg,#fff2c512,transparent 45%);box-shadow:inset 0 0 18px #9a773422}
.benefit-art:hover{box-shadow:inset 0 0 26px #5c3e191a,0 22px 35px -18px #2113008c}
.benefit-art>span,.benefit-art>small{z-index:1}
.benefit-art-emblem>svg{position:absolute;left:50%;top:calc(50% - 8px);width:100px;height:80px;display:block;margin:0;transform:translate(-50%,-50%)}
.benefit-art-emblem>i{left:calc(50% - 80px);top:calc(50% - 88px);width:160px;height:160px;transform-origin:50% 50%}
.benefit-art-emblem>span{left:0;right:0;text-align:center}
/* Desktop: the application is centred against the complete three-step story. */
@media(min-width:901px){.exp-layout{align-items:center}.exp-stage{position:relative;top:auto;align-self:center}}
.offer-tier{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;padding:7px 12px;border:1px solid #fff0c42b;border-radius:100px;background:#ffe7ae0b;color:var(--muted);font-size:.7rem;line-height:1.4}
.offer-tier::before{content:'';width:5px;height:5px;border-radius:50%;background:#ead9b1;box-shadow:0 0 9px #ffe7ae33}
.contact{min-height:clamp(740px,62vw,800px);display:grid;place-items:center;padding:100px 0}
.contact::before{width:min(580px,calc(100vw - 152px));box-shadow:0 0 0 28px #ffeec808,0 0 0 56px #ffeec805;animation:contact-orbit-breathe 14s ease-in-out infinite}
@keyframes contact-orbit-breathe{0%,100%{transform:translate(-50%,-50%) scale(.98);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.025);opacity:1}}
@media(prefers-reduced-motion:reduce){.contact::before{animation:none;transform:translate(-50%,-50%)}}
@media(max-width:620px){.contact{min-height:640px;padding:90px 0}}
/* Stable sticky scene: transforms animate without reflowing its layout. */
.exp-stage{contain:layout paint;backface-visibility:hidden}
.exp-stage[data-active] .stage-frame{left:1%;will-change:transform;transition:transform .55s cubic-bezier(.2,.7,.3,1),opacity .4s}
.exp-stage[data-active="1"] .stage-frame,.exp-stage[data-active="2"] .stage-frame{left:1%;transform:perspective(950px) translateX(-6%) rotateX(var(--frame-rx,0deg)) rotateY(calc(-8deg + var(--frame-ry,0deg))) rotateZ(-4deg) scale(.94)}
.exp-stage[data-active] .stage-phone{left:52%;top:53%;will-change:transform;transition:transform .55s cubic-bezier(.2,.7,.3,1);transform:translate(-6%,-45%) rotate(-3deg)}
.exp-stage[data-active="1"] .stage-phone,.exp-stage[data-active="2"] .stage-phone{left:52%;transform:translate(-6%,-45%) rotate(0deg) scale(1.02)}
.page-scrolling .experience .step-visual *,.page-scrolling .experience [data-hl],.page-scrolling .experience .app::before{animation-play-state:paused!important}
.hero-visual:not(.nfc-in-view) .nfc-leader-pulse,.hero-visual:not(.nfc-in-view) .nfc-leader-arc{animation-play-state:paused!important}
.nfc-leader{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3;filter:drop-shadow(0 2px 3px #36210080)}
.nfc-leader-line{fill:none;stroke:url(#nfc-route-gradient);stroke-width:1.2;stroke-linecap:round}.nfc-leader-ring{fill:none;stroke:#ffedbd;stroke-width:1;opacity:.48}
.nfc-leader-pulse{fill:none;stroke:#fff7d8;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:9 91;animation:nfc-route-flow 3.8s linear infinite!important;filter:drop-shadow(0 0 3px #ffe79a80)}
.nfc-leader-arc{fill:none;stroke:#fff6d5;stroke-width:1.35;stroke-linecap:round;stroke-dasharray:13 87;animation:nfc-route-flow 9s linear infinite!important;opacity:.8}
@keyframes nfc-route-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
.cursor-glow{position:fixed;top:0;left:0;width:0;height:0;z-index:50;pointer-events:none;opacity:0;transition:opacity .3s;mix-blend-mode:screen}
.cursor-glow::before{content:'';position:absolute;left:-190px;top:-190px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#fff4a53b 0%,#ffe87925 22%,#ffe78a12 43%,transparent 70%)}.cursor-glow.is-visible{opacity:1}
@media(max-width:900px){.benefit-presentation{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:30px}.benefit-tab{font-size:.77rem;gap:10px;min-height:62px}.benefit-art{height:220px;flex-basis:220px}.benefit-list,.benefit-list>.benefit{min-height:510px}.benefit h3{font-size:2rem}}
@media(max-width:620px){.benefit-presentation{display:flex;flex-direction:column;gap:24px;padding:20px 0 30px}.benefit-nav{display:flex;flex-direction:row;overflow-x:auto;width:100%;gap:20px;scrollbar-width:thin;scrollbar-color:#f3e5b860 transparent;padding-bottom:8px;scroll-snap-type:x proximity}.benefit-tab{width:auto;flex:0 0 auto;min-height:44px;padding:10px 0;font-size:.8rem;gap:8px;scroll-snap-align:start;border-bottom:1px solid #ffebbf30!important}.benefit-tab[aria-selected="true"]{padding-left:0;border-bottom-color:#fff3d9!important}.benefit-number{flex-basis:18px;font-size:.55rem}.benefit-arrow{display:none}.benefit-list{width:100%;min-height:480px}.benefit-list>.benefit{min-height:480px}.benefit-art{height:210px;flex-basis:210px;margin-bottom:23px}.benefit h3{font-size:2rem}.benefit p:not(.benefit-tag):not(.benefit-feature){font-size:.85rem}.benefit-art-portrait>span,.benefit-art-film>small{font-size:24px}.benefit-art-chat{padding:20px}.benefit-art-chat>span{font-size:11px}.benefit-art-docs .document{top:25px;height:165px}.benefit-art-legacy>span{font-size:21px}.benefit-art-privacy{padding:20px}.benefit-art-privacy>span{font-size:10px}.nfc-leader-line,.nfc-leader-tip{stroke-width:1.3}.nfc-leader-ring{stroke-width:1}}
@media(pointer:coarse){.cursor-glow{display:none}}@media(prefers-reduced-motion:reduce){.benefit-selected *{animation:none!important}}
@media(max-width:900px){.exp-stage[data-active] .stage-frame{left:0}.exp-stage[data-active] .stage-phone{left:54%;top:52%;transform:translate(-5%,-43%) rotate(-3deg)}}
@media(max-width:620px){.exp-stage[data-active] .stage-phone{left:53%;top:55%;transform:translate(-5%,-43%) rotate(-3deg)}}