:root{--paper:#f7f6fb;--white:#fff;--ink:#1b1930;--muted:#6b6879;--violet:#5c4bc4;--lavender:#eae7f8;--line:#dedce8;--ease:cubic-bezier(.22,1,.36,1);font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8d7de8;outline-offset:4px}.skip{position:fixed;top:10px;left:10px;z-index:20;background:white;padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}.site-header{height:96px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:inline-flex;align-items:center;gap:9px;font:700 30px/1 Manrope,sans-serif;letter-spacing:-.07em}.logo img{width:30px;height:30px}.nav,.header-actions{display:flex;align-items:center;gap:35px}.nav a,.login{font-size:14px;color:#555265;font-weight:600;transition:color .2s}.nav a:hover,.login:hover{color:var(--violet)}.header-actions{gap:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:0 22px;border-radius:100px;font-size:14px;font-weight:700;transition:transform .3s var(--ease),background .3s,color .3s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:var(--violet)}.button-light{background:white;color:var(--ink)}[data-icon]{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;flex:none}[data-icon] svg{width:100%;height:100%}.hero{padding:30px 5% 0;max-width:1600px;margin:auto}.hero-copy{text-align:center}.hero-kicker,.mini-label{font-size:12px;font-weight:700;letter-spacing:.04em;color:#777187}.hero-kicker{display:flex;align-items:center;justify-content:center;gap:9px;margin:18px 0 23px}.hero-kicker span,.note-dot{width:7px;height:7px;border-radius:50%;background:#7964df}.hero-copy h1,h2,h3,p{margin:0}.hero-copy h1,.intro h2,.sharing h2,.connection h2,.pricing h2{font-family:Manrope,sans-serif;letter-spacing:-.065em;font-weight:600}.hero-copy h1{font-size:clamp(65px,8.5vw,132px);line-height:.99}.hero-copy h1 em,.sharing h2 em,.connection h2 em,.pricing h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.hero-bottom{display:flex;justify-content:center;align-items:center;gap:50px;margin:30px auto 34px}.hero-bottom p{max-width:320px;text-align:left;font-size:15px;line-height:1.6;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:700}.text-link span{border:1px solid #cfcbdc;width:32px;height:32px;border-radius:50%;padding:7px;transition:background .25s,color .25s}.text-link:hover span{background:var(--ink);color:white}.hero-stage{height:570px;position:relative;overflow:hidden;border-radius:26px;background:#e9e6f5;perspective:1400px;isolation:isolate}.hero-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 110%,#d2cbed 0,transparent 58%)}.stage-orbit{position:absolute;left:50%;top:60%;border:1px solid rgba(93,75,162,.15);border-radius:50%;transform:translate(-50%,-50%) rotateX(63deg);pointer-events:none}.orbit-one{width:800px;height:800px}.orbit-two{width:1150px;height:1150px}.stage-caption{position:absolute;top:28px;font-size:11px;font-weight:700;color:#77718c;letter-spacing:.04em}.stage-caption-top{left:32px}.stage-caption-bottom{right:32px}.stage-object{position:absolute;will-change:transform}.phone-object{left:50%;top:24px;transform:translateX(-50%) rotate(-5deg) translateY(calc(var(--scroll, 0) * -25px));z-index:2}.phone-shell{width:255px;height:515px;border-radius:38px;padding:8px;background:linear-gradient(135deg,#fff,#ddd9ea);box-shadow:0 35px 70px rgba(49,39,105,.2),inset 0 0 0 1px white}.phone-screen{height:100%;overflow:hidden;background:#faf9fc;border-radius:31px}.phone-cover{height:100px;background:#dcd5f1}.phone-content{text-align:center;padding:0 19px}.phone-avatar{width:72px;height:72px;margin-top:-36px;border:4px solid #faf9fc;border-radius:50%;object-fit:cover}.phone-name{margin-top:8px;font:700 16px Manrope}.phone-name span{color:var(--violet);font-size:11px}.phone-role{font-size:10px;color:#777184;margin-top:4px}.phone-content p{font-size:10px;line-height:1.5;color:#6c6877;margin:14px auto;max-width:180px}.phone-buttons{display:flex;gap:6px}.phone-buttons span{flex:1;padding:10px 2px;border:1px solid #e3e0e9;border-radius:8px;font-size:9px;font-weight:700}.phone-buttons span:first-child{background:#211d36;color:#fff}.phone-link{margin-top:8px;background:#f0eff4;border-radius:8px;padding:10px;text-align:left;font-size:10px;font-weight:700}.phone-link span{margin-right:7px;color:var(--violet)}.phone-link b{float:right}.phone-footer{font-size:9px;color:#8d8998;margin-top:22px}.physical-object{left:calc(50% - 365px);top:270px;z-index:4;transform:rotate(-12deg) rotateY(15deg) translateY(calc(var(--scroll, 0) * -55px))}.physical-card{width:310px;height:195px;border-radius:17px;padding:23px;color:#fff;background:#5542ae;box-shadow:0 30px 50px rgba(53,38,113,.28),inset 0 1px 1px rgba(255,255,255,.4);display:flex;flex-direction:column;justify-content:space-between}.physical-top,.physical-bottom{display:flex;align-items:flex-start;justify-content:space-between}.physical-top>span:first-child{display:flex;align-items:center;gap:5px;font:700 23px Manrope;letter-spacing:-.07em}.physical-top img{width:23px;filter:brightness(0) invert(1)}.nfc-symbol{font-size:16px;letter-spacing:-4px;transform:rotate(-90deg)}.physical-bottom{align-items:end}.physical-bottom strong,.physical-bottom small{display:block}.physical-bottom strong{font-size:14px}.physical-bottom small,.physical-bottom>span{font-size:10px;opacity:.75;margin-top:4px}.qr-object{left:calc(50% + 155px);top:95px;z-index:3;transform:rotate(8deg) translateY(calc(var(--scroll, 0) * -35px))}.qr-card{width:155px;background:white;padding:12px;border-radius:14px;box-shadow:0 22px 45px rgba(53,38,113,.16)}.qr-card svg{display:block;width:100%;height:auto}.qr-card>div:last-child{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;margin-top:6px}.qr-card img{width:18px}.stage-note{position:absolute;right:7%;bottom:45px;display:flex;gap:9px;align-items:center;font-size:12px;font-weight:700;color:#655e7e}.hero-foot{display:flex;justify-content:space-between;align-items:center;padding:22px 0 30px;font-size:11px;font-weight:700;color:#888494}.hero-foot span:nth-child(2){display:flex;align-items:center;gap:6px}.hero-foot [data-icon]{width:14px;height:14px}.section-pad{padding:140px max(5%,calc((100vw - 1440px)/2));}.intro{background:#fff}.section-index{display:flex;align-items:center;gap:22px;color:#85808f;font-size:11px;font-weight:700;letter-spacing:.03em}.section-index .line{height:1px;background:var(--line);flex:1}.intro-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end;margin:72px 0 85px}.intro h2,.sharing h2,.connection h2,.pricing h2{font-size:clamp(48px,6vw,88px);line-height:1.04}.intro h2 span{color:#b4afc7}.intro-copy p,.sharing-heading p,.connection-inner p,.pricing-grid>div>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:430px}.intro-copy .text-link{margin-top:28px}.feature-frame{display:grid;grid-template-columns:1.65fr 1fr;gap:16px}.feature-main,.feature-aside{border-radius:24px;overflow:hidden;min-height:470px}.feature-main{background:#f1eff8;display:flex;position:relative;padding:48px}.feature-copy{max-width:320px;position:relative;z-index:2}.feature-copy h3,.feature-aside h3{font:600 35px/1.12 Manrope;letter-spacing:-.045em;margin:25px 0 15px}.feature-copy p,.feature-aside p{font-size:14px;line-height:1.7;color:var(--muted)}.profile-stack{position:absolute;width:220px;height:310px;right:8%;bottom:-30px;transform:rotate(8deg);perspective:800px}.stack-sheet{position:absolute;inset:0;border-radius:19px;background:white;box-shadow:0 15px 40px rgba(55,42,100,.12)}.stack-back{transform:rotate(12deg) translate(20px,-20px);background:#c8c0e7}.stack-mid{transform:rotate(6deg) translate(10px,-10px);background:#ded9ef}.stack-front{padding:24px;text-align:center}.stack-front img{width:65px;height:65px;object-fit:cover;border-radius:50%;display:block;margin:auto auto 10px}.stack-front strong,.stack-front small,.stack-front span{display:block}.stack-front strong{font-size:13px}.stack-front small{font-size:10px;color:var(--muted);margin-top:3px}.stack-front span{font-size:10px;color:var(--muted);margin:15px}.stack-front div{padding:10px;background:#f1eff8;border-radius:7px;margin-top:6px;text-align:left;font-size:10px;font-weight:700}.stack-front b{float:right}.feature-aside{background:#e3def3;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.aside-icon{width:46px;height:46px;border:1px solid #aaa0d0;border-radius:50%;padding:12px;color:#5c4bc4}.aside-mark{font:700 52px/1 Manrope;letter-spacing:-.08em;opacity:.16}.aside-mark span{color:var(--violet)}.sharing{background:var(--paper)}.sharing-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:72px 0 80px}.sharing-heading p{max-width:340px}.share-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d9d6e3}.share-list article{position:relative;padding:28px 30px 32px 0;border-bottom:1px solid #d9d6e3;min-height:200px}.share-list article+article{padding-left:30px;border-left:1px solid #d9d6e3}.share-number{font-size:11px;color:#8b8797}.share-list h3{font:600 36px Manrope;letter-spacing:-.05em;margin:22px 0 10px}.share-list p{font-size:14px;line-height:1.6;color:var(--muted);max-width:270px}.share-icon{position:absolute;right:30px;top:28px;color:var(--violet);width:24px;height:24px}.sharing-note{font-size:12px;color:#777184;margin-top:23px}.connection{position:relative;overflow:hidden;background:#403680;color:#fff;min-height:570px}.connection-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .55fr;gap:70px;align-items:end}.connection .mini-label{color:#c1b8e7}.connection h2{margin-top:32px}.connection-inner p{color:#d1cbe7;font-size:16px}.connection .button{margin-top:30px}.connection-inner .teams-note{font-size:12px;margin-top:16px}.connection-word{position:absolute;bottom:-.24em;left:3%;font:700 clamp(110px,22vw,340px)/1 Manrope;letter-spacing:-.09em;color:rgba(255,255,255,.05);white-space:nowrap}.connection-word span{color:rgba(255,255,255,.15)}.pricing{background:#fff}.pricing-grid{display:grid;grid-template-columns:1fr .8fr;gap:10%;margin-top:80px;align-items:start}.pricing-grid>div>p{margin-top:25px}.pricing ul{list-style:none;padding:0;margin:35px 0 0;display:grid;gap:13px;font-size:14px;font-weight:600}.pricing li:before{content:'✓';color:var(--violet);margin-right:12px}.claim-panel{padding:42px;border-radius:24px;background:#f2f0f9}.claim-panel h3{font:600 34px Manrope;letter-spacing:-.05em;margin:30px 0 8px}.claim-panel>p{font-size:14px;color:var(--muted)}.claim-panel form{margin-top:35px}.claim-panel label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.claim-input{display:flex;align-items:center;background:#fff;border:1px solid #e1ddec;border-radius:12px;padding:5px 5px 5px 14px}.claim-input>span{font-size:13px;color:#777184;white-space:nowrap}.claim-input input{border:0;outline:0;min-width:0;width:100%;padding:10px 2px;color:var(--ink);font-size:13px}.claim-input button{border:0;background:var(--ink);color:#fff;border-radius:9px;width:42px;height:42px;display:grid;place-items:center;cursor:pointer}.claim-status{min-height:20px;color:var(--muted);font-size:12px;margin-top:10px}.claim-status[data-state=bad]{color:#aa3333}.claim-status[data-state=ok]{color:#26764a}.claim-cta{margin-top:30px}.footer{padding:65px 5% 25px;background:var(--paper)}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-bottom:85px}.footer-top p{font:600 28px/1.15 Manrope;letter-spacing:-.05em}.back-top{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;color:#817d8d;font-size:12px}.footer-bottom nav{display:flex;gap:25px}.page-transition{position:fixed;inset:0;background:#e9e6f5;z-index:30;display:grid;place-items:center;transform:translateY(100%);pointer-events:none;transition:transform .65s var(--ease)}.page-transition img{width:45px}.is-leaving .page-transition{transform:translateY(0)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.nav{gap:18px}.site-header{gap:15px}.intro-grid{grid-template-columns:1fr 1fr}.feature-main{padding:35px}.profile-stack{right:3%;transform:scale(.85) rotate(8deg);transform-origin:bottom right}.connection-inner{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.site-header{height:auto;min-height:80px;flex-wrap:wrap;padding:18px 5% 12px}.nav{order:3;width:100%;overflow:auto;gap:24px;padding:9px 0 5px}.nav a{white-space:nowrap;font-size:13px}.header-actions{gap:16px}.header-actions .button{min-height:42px;padding:0 15px;gap:6px}.hero{padding-top:30px}.hero-copy h1{font-size:clamp(50px,11vw,78px)}.hero-bottom{display:block;margin:25px auto 32px}.hero-bottom p{text-align:center;margin:auto}.hero-bottom .text-link{margin-top:20px}.hero-stage{height:440px}.stage-caption{font-size:9px;top:20px}.stage-caption-top{left:18px}.stage-caption-bottom{right:18px}.phone-object{top:28px;transform:translateX(-50%) rotate(-5deg) scale(.76);transform-origin:top center}.physical-object{left:calc(50% - 190px);top:240px;transform:rotate(-12deg) scale(.65);transform-origin:top left}.qr-object{left:calc(50% + 85px);top:105px;transform:rotate(8deg) scale(.72);transform-origin:top left}.stage-note{bottom:20px;right:18px;font-size:10px}.hero-foot span:first-child,.hero-foot span:last-child{display:none}.hero-foot{justify-content:center}.section-pad{padding:85px 5%}.intro-grid,.pricing-grid{grid-template-columns:1fr;gap:28px;margin:50px 0}.intro h2,.sharing h2,.connection h2,.pricing h2{font-size:clamp(43px,10vw,65px)}.feature-frame{grid-template-columns:1fr}.feature-main{min-height:480px}.feature-aside{min-height:340px}.sharing-heading{display:block;margin:50px 0}.sharing-heading p{margin-top:25px}.share-list{grid-template-columns:1fr}.share-list article,.share-list article+article{padding:23px 0;min-height:0;border-left:0}.share-list h3{margin:14px 0 5px}.share-list p{max-width:80%}.share-icon{right:0}.connection{min-height:570px}.connection-inner{grid-template-columns:1fr;gap:35px}.connection-word{bottom:0}.pricing-grid{margin-bottom:0}.claim-panel{padding:28px}.footer-top{flex-wrap:wrap}.footer-top p{width:100%;order:3}.footer-bottom{flex-direction:column}.footer-bottom nav{flex-wrap:wrap}}
@media(max-width:380px){.login{display:none}.stage-caption-bottom{display:none}.hero-stage{height:400px}.phone-object{transform:translateX(-50%) rotate(-5deg) scale(.7)}.physical-object{top:220px;transform:rotate(-12deg) scale(.58)}.qr-object{transform:rotate(8deg) scale(.63)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.phone-object,.physical-object,.qr-object{--scroll:0!important}}
.claim-cta{border:0;cursor:pointer}.phone-object{animation:phone-arrive 1s .15s var(--ease) both}.physical-object{animation:card-arrive 1s .3s var(--ease) both}.qr-object{animation:qr-arrive 1s .45s var(--ease) both}@keyframes phone-arrive{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@keyframes card-arrive{from{opacity:0;translate:-20px 25px}to{opacity:1;translate:0 0}}@keyframes qr-arrive{from{opacity:0;translate:20px 25px}to{opacity:1;translate:0 0}}
.after-hello{background:#fff}.after-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;margin-top:75px}.after-copy h2,.questions h2{font:600 clamp(45px,5.5vw,78px)/1.04 Manrope,sans-serif;letter-spacing:-.065em}.after-copy h2 em,.questions h2 em{font-family:Georgia,serif;font-weight:400}.after-copy>p{max-width:370px;margin-top:28px;font-size:16px;line-height:1.7;color:var(--muted)}.after-copy .text-link{margin-top:28px}.after-panels{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-panel,.insight-panel{min-height:410px;padding:30px;border-radius:22px;background:#f3f1f9;display:flex;flex-direction:column}.insight-panel{background:#e7e3f4}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-icon{width:38px;height:38px;border:1px solid #cdc6e4;border-radius:50%;padding:9px;color:var(--violet)}.after-panels h3{font:600 28px/1.12 Manrope,sans-serif;letter-spacing:-.05em;margin:34px 0 14px}.after-panels p{font-size:13px;line-height:1.65;color:var(--muted)}.contact-sample,.chart-sample{margin-top:auto;background:#fff;border-radius:13px;padding:14px}.contact-sample{display:flex;align-items:center;gap:10px}.contact-sample img{width:40px;height:40px;border-radius:50%;object-fit:cover}.contact-sample div{display:flex;flex-direction:column;gap:3px;min-width:0}.contact-sample strong{font-size:12px}.contact-sample div span{font-size:10px;color:var(--muted)}.contact-saved{margin-left:auto;font-size:10px;color:#45785b}.chart-head{display:flex;justify-content:space-between;font-size:10px;font-weight:700}.chart-head span+span{font-weight:400;color:var(--muted)}.chart-bars{display:flex;align-items:end;gap:5px;height:62px;margin-top:12px}.chart-bars i{flex:1;border-radius:3px 3px 0 0;background:#9c8ddd;height:35%}.chart-bars i:nth-child(3n){height:70%}.chart-bars i:nth-child(4n){height:50%}.chart-bars i:nth-child(5n){height:90%}.chart-bars i:nth-child(7n){height:60%}.questions{background:#f7f6fb}.questions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:75px}.questions-grid>div>p{margin-top:24px;color:var(--muted);font-size:14px}.questions-grid>div>p a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.question-list{border-top:1px solid var(--line)}.question-list details{border-bottom:1px solid var(--line)}.question-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;font-size:15px;font-weight:700}.question-list summary::-webkit-details-marker{display:none}.question-list summary span{transition:transform .25s}.question-list details[open] summary span{transform:rotate(180deg)}.question-list details p{padding:0 35px 24px 0;font-size:14px;line-height:1.65;color:var(--muted)}
@media(max-width:760px){.after-grid,.questions-grid{grid-template-columns:1fr;gap:35px;margin-top:50px}.after-panels{grid-template-columns:1fr}.contact-panel,.insight-panel{min-height:330px}.after-copy h2,.questions h2{font-size:clamp(43px,10vw,65px)}}
@media(min-width:761px) and (max-width:1100px){.after-grid{grid-template-columns:1fr;gap:40px}.after-copy>p{max-width:520px}}
.physical-top .card-mark{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center}.physical-top .card-mark img{width:25px;filter:none}.physical-top .card-mark svg{display:block;width:25px;height:25px}.physical-top img.nfc-symbol{width:25px;height:25px;filter:none;transform:none}
/* The personal card uses the same renderer as the public card, scaled into the phone. */
.phone-screen{position:relative}.phone-preview{display:none;position:absolute;inset:0 auto auto 0;width:390px;height:815px;overflow:hidden;transform:scale(.6128);transform-origin:top left;pointer-events:none}.phone-preview .cv{min-height:815px}.phone-screen.has-personal-card .phone-example{display:none}.phone-screen.has-personal-card .phone-preview{display:block}.qr-card #hero-qr img{display:block;width:100%;height:auto}
.qr-object.is-awaiting-qr{visibility:hidden}
@media(prefers-reduced-motion:no-preference){
  .motion-item{opacity:0;translate:0 32px;transition:opacity .75s var(--ease) var(--motion-delay,0ms),translate .9s var(--ease) var(--motion-delay,0ms)}
  .motion-item.in-view{opacity:1;translate:0 0}
  .section-index.motion-item{opacity:1;translate:none}
  .section-index.motion-item .line{transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease)}
  .section-index.motion-item.in-view .line{transform:scaleX(1)}
  .feature-main.motion-item .stack-back,.feature-main.motion-item .stack-mid{transition:transform 1.1s var(--ease) .2s}
  .feature-main.motion-item:not(.in-view) .stack-back,.feature-main.motion-item:not(.in-view) .stack-mid{transform:rotate(0) translate(0,0)}
  .insight-panel.motion-item .chart-bars i{transform:scaleY(0);transform-origin:bottom;transition:transform .9s var(--ease) .35s}
  .insight-panel.motion-item.in-view .chart-bars i{transform:scaleY(1)}
  .question-list summary:hover span{translate:0 3px}
}
@media(prefers-reduced-motion:reduce){.motion-item{opacity:1;translate:none}.section-index .line,.chart-bars i{transform:none}}

.physical-section{background:#f1eff8}.physical-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center;margin-top:75px}.physical-copy h2,.plans-heading h2{font:600 clamp(45px,5.5vw,78px)/1.04 Manrope,sans-serif;letter-spacing:-.065em;margin-top:25px}.physical-copy h2 em,.plans-heading h2 em{font-family:Georgia,serif;font-weight:400}.physical-copy p,.plans-heading p{max-width:400px;color:var(--muted);font-size:16px;line-height:1.7;margin-top:25px}.physical-copy .text-link{margin-top:28px}.physical-display{position:relative;min-height:440px;background:#ded9ef;border-radius:24px;display:grid;place-items:center;overflow:hidden;perspective:900px}.physical-display-ring{position:absolute;width:520px;height:520px;border:1px solid #c5bddf;border-radius:50%;transform:rotateX(60deg)}.physical-display-card{position:relative;width:min(65%,380px);aspect-ratio:1.59;background:#5542ae;color:#fff;border-radius:18px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 35px 55px rgba(58,44,112,.25);transform:rotate(-9deg) rotateY(-15deg)}.physical-display-card>div{display:flex;justify-content:space-between}.physical-display-card>div>img{width:25px}.physical-display-brand{display:flex;align-items:center;gap:7px;font:700 24px Manrope;letter-spacing:-.07em}.physical-display-brand img{width:25px;filter:brightness(0) invert(1)}.physical-display-card p{font-size:14px;font-weight:700}.physical-display-card small{display:block;font-size:10px;font-weight:400;margin-top:5px;opacity:.8}.physical-display-caption{position:absolute;bottom:24px;left:28px;font-size:11px;font-weight:700;color:#706987}.plans-section{background:#fff}.plans-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:65px 0 55px}.plans-heading h2{margin:0}.plans-heading>span{font-size:12px;color:var(--muted)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan{background:#f5f4f9;border-radius:20px;padding:30px;display:flex;flex-direction:column;min-height:360px}.plan:first-child{background:#ebe8f7}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.plan-top h3{font:700 22px Manrope}.plan-top>span{font-size:10px;font-weight:700;color:#625793}.plan>p{font-size:13px;color:var(--muted);margin-top:10px}.plan-price{font:700 35px Manrope;letter-spacing:-.05em;margin-top:35px}.plan-price small{font:500 13px 'DM Sans',sans-serif;letter-spacing:0;color:var(--muted)}.plan-period{font-size:11px;color:var(--muted);margin-top:5px}.plan ul{list-style:none;margin:28px 0;padding:0;display:grid;gap:12px;font-size:13px;color:#59566a}.plan li:before{content:'✓';color:var(--violet);margin-right:9px}.plan .text-link{margin-top:auto}
@media(max-width:760px){.physical-grid{grid-template-columns:1fr;gap:35px;margin-top:50px}.physical-display{min-height:330px}.physical-copy h2,.plans-heading h2{font-size:clamp(43px,10vw,65px)}.plans-heading{display:block;margin:50px 0 35px}.plans-heading>span{display:block;margin-top:20px}.plans-grid{grid-template-columns:1fr}.plan{min-height:300px}}
/* Plans are a featured starting point beside a compact view of what's next. */
.plans-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:repeat(2,minmax(220px,auto));gap:16px}
.plan:first-child{grid-row:span 2;position:relative;overflow:hidden;background:#4b3b9d;color:#fff;padding:42px;min-height:455px}
.plan:first-child:after{content:'';position:absolute;right:-100px;bottom:-175px;width:350px;height:350px;border:1px solid rgba(255,255,255,.16);border-radius:50%;pointer-events:none;box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.025)}
.plan:first-child .plan-top h3{font-size:30px}.plan:first-child .plan-top>span{color:#ded7ff}.plan:first-child>p,.plan:first-child .plan-period,.plan:first-child li{color:#e1dcf3}.plan:first-child .plan-price{font-size:clamp(53px,6vw,78px);margin-top:50px;line-height:1}.plan:first-child li:before{color:#c6baff}.plan:first-child .text-link{position:relative;z-index:1;margin-top:auto}.plan:first-child .text-link span{border-color:rgba(255,255,255,.45)}.plan:first-child .text-link:hover span{background:#fff;color:#4b3b9d}
.plan:not(:first-child){min-height:0;padding:30px 34px;display:grid;grid-template-columns:minmax(110px,.8fr) minmax(140px,1fr) minmax(150px,1.1fr);grid-template-areas:'head price list' 'desc period list';align-content:center;align-items:start;column-gap:22px;row-gap:9px;background:#f2f0f8}
.plan:not(:first-child) .plan-top{grid-area:head;display:block}.plan:not(:first-child) .plan-top>span{display:block;margin-top:8px}.plan:not(:first-child)>p{grid-area:desc;margin:0;line-height:1.5}.plan:not(:first-child) .plan-price{grid-area:price;margin:0;white-space:nowrap;font-size:clamp(26px,2.4vw,35px)}.plan:not(:first-child) .plan-period{grid-area:period;margin:0}.plan:not(:first-child) ul{grid-area:list;margin:0;align-self:center;line-height:1.45}
@media(max-width:1050px) and (min-width:761px){.plan:not(:first-child){grid-template-columns:1fr 1fr;grid-template-areas:'head price' 'desc period' 'list list';row-gap:8px}.plan:not(:first-child) ul{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}}
@media(max-width:760px){.plans-grid{grid-template-columns:1fr;grid-template-rows:auto}.plan:first-child{grid-row:auto;min-height:390px;padding:30px}.plan:first-child .plan-price{margin-top:40px}.plan:not(:first-child){grid-template-columns:1fr 1fr;grid-template-areas:'head price' 'desc period' 'list list';padding:28px;row-gap:8px}.plan:not(:first-child) ul{margin-top:16px}.plan:not(:first-child) .plan-price{font-size:28px}}
@media(max-width:380px){.plan:not(:first-child){grid-template-columns:1fr;grid-template-areas:'head' 'desc' 'price' 'period' 'list'}.plan:not(:first-child) .plan-price{margin-top:12px}}
@media(prefers-reduced-motion:no-preference){
  .qr-card #hero-qr{position:relative;overflow:hidden}
  .qr-card #hero-qr:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 43%,rgba(92,75,196,.35) 49%,transparent 55%);opacity:0;transform:translateY(-100%);animation:qr-scan 2.2s var(--ease) 1.2s 1}
  @keyframes qr-scan{0%{opacity:0;transform:translateY(-100%)}15%{opacity:.8}85%{opacity:.8}100%{opacity:0;transform:translateY(100%)}}
}
.qr-card #hero-qr:not(:has(img)):not(:has(svg)){display:grid;place-items:center;aspect-ratio:1;background:#f3f1f9;border-radius:8px;color:#625d71;font-size:11px;font-weight:700;text-align:center}
@media(prefers-reduced-motion:no-preference){.motion-item:focus-within{opacity:1;translate:0 0;transition:none}}
/* The two rear cards fan with the direction of travel. */
@media(prefers-reduced-motion:no-preference){
  .profile-stack[data-scroll-direction] .stack-mid{transition:transform .7s var(--ease) .04s}
  .profile-stack[data-scroll-direction] .stack-back{transition:transform .85s var(--ease) .14s}
  .profile-stack[data-scroll-direction="down"] .stack-mid{transform:rotate(8deg) translate(10px,-10px)}
  .profile-stack[data-scroll-direction="down"] .stack-back{transform:rotate(16deg) translate(20px,-20px)}
  .profile-stack[data-scroll-direction="up"] .stack-mid{transform:rotate(-8deg) translate(-10px,-10px)}
  .profile-stack[data-scroll-direction="up"] .stack-back{transform:rotate(-16deg) translate(-20px,-20px)}
}
/* A Cadi mark arrives with the color sweep on the main header action. */
#account-action{position:relative;isolation:isolate;overflow:hidden;padding-left:43px}
#account-action::before{content:'';position:absolute;inset:0;z-index:-1;background:#6654ce;transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
#account-action:hover{background:var(--ink)}
#account-action .account-action-mark{position:absolute;left:17px;top:50%;width:19px;height:19px;opacity:0;transform:translate(-24px,-50%);transition:transform .5s var(--ease),opacity .3s ease}
#account-action .account-action-mark img{display:block;width:100%;height:100%}
#account-action:is(:hover,:focus-visible)::before{transform:scaleX(1)}
#account-action:is(:hover,:focus-visible) .account-action-mark{opacity:1;transform:translate(0,-50%)}
@media(prefers-reduced-motion:reduce){#account-action::before,#account-action .account-action-mark{transition:none}#account-action:is(:hover,:focus-visible) .account-action-mark{transform:translate(0,-50%)}}

/* Physical material study: native controls keep touch and keyboard behavior. */
.card-showcase{--card-turn:20deg;--ring-turn:20deg;--card-surface:linear-gradient(120deg,#ede9f5,#fff 50%,#e6e1f2);--card-ink:#28243b;min-height:530px;isolation:isolate;background:radial-gradient(ellipse at 50% 50%,#eeebf8,#ded9ef 80%)}
.showcase-materials{position:absolute;top:24px;right:24px;z-index:5;display:flex;gap:3px;padding:4px;border:1px solid #c5bdd9;border-radius:30px;background:#f7f5fcbd}.showcase-materials button{border:0;background:none;color:#777084;padding:9px 13px;border-radius:24px;font-size:11px;cursor:pointer}.showcase-materials button[aria-pressed=true]{background:#fff;color:#33265f;box-shadow:0 2px 7px #59487712}
.showcase-card-space{position:absolute;top:138px;left:50%;width:min(72%,350px);aspect-ratio:1.59;perspective:1100px;transform:translateX(-50%);z-index:3}.showcase-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(12deg) rotateY(var(--card-turn)) rotateZ(-7deg);transition:transform .65s var(--ease)}
.showcase-card-face,.showcase-card-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:16px;color:var(--card-ink);background:var(--card-surface);border:1px solid #ffffff70;box-shadow:0 28px 40px #42366630,inset 0 0 0 1px #ffffff28;padding:25px;overflow:hidden;transition:background .55s,color .55s}.showcase-card-face::after{content:'';position:absolute;inset:-60%;background:linear-gradient(105deg,transparent 40%,#fff7 48%,transparent 56%);transform:translateX(-65%);pointer-events:none}.is-material-revealing .showcase-card-face::after{animation:material-reveal .8s ease both}.showcase-brand{display:flex;align-items:center;gap:8px;font:700 25px Manrope,sans-serif;letter-spacing:-.07em}.showcase-brand img{width:30px;height:30px;filter:none}.showcase-contactless{position:absolute;right:24px;top:28px;width:25px;filter:brightness(.25)}.showcase-card-person{position:absolute;bottom:28px;left:25px}.showcase-card-person strong{font-size:14px;font-weight:600}.showcase-card-person small{display:block;font-size:10px;margin-top:5px;opacity:.7}.showcase-card-note{position:absolute;bottom:28px;right:24px;font-size:8px;opacity:.65}.showcase-card-back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:space-between;gap:20px}.showcase-card-back img{width:58px}.showcase-card-back span{font:500 15px/1.5 Manrope,sans-serif}
.card-showcase[data-material=metal]{--card-surface:repeating-linear-gradient(0deg,#ffffff03 0 1px,#31313b08 1px 2px),linear-gradient(115deg,#9ba0aa,#e9ebee 40%,#a6aab2 75%,#d4d7dd);--card-ink:#282b34}.card-showcase[data-material=bamboo]{--card-surface:repeating-linear-gradient(91deg,transparent 0 5px,#8f602218 6px,transparent 8px 14px),linear-gradient(120deg,#e6c891,#f3ddb3,#d5b278);--card-ink:#523715}
.showcase-rotation{position:absolute;bottom:106px;left:50%;width:330px;height:65px;transform:translateX(-50%);z-index:4}.showcase-ring{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:2;cursor:ew-resize;touch-action:pan-y}.showcase-ring-track{position:absolute;inset:0;border:2px solid #afa1d0;border-bottom:4px solid #8d7bb2;border-radius:50%;box-shadow:0 10px 15px #5e478b12,inset 0 2px 0 #fff8;pointer-events:none}.showcase-ring-track span{position:absolute;left:calc(50% + sin(var(--ring-turn))*45%);top:calc(50% + cos(var(--ring-turn))*43%);width:13px;height:13px;background:#67529c;border:3px solid #f5f1ff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #40296a44;transition:left .3s,top .3s}.showcase-rotation:has(.showcase-ring:focus-visible) .showcase-ring-track{outline:2px solid #7964df;outline-offset:5px}.showcase-views{position:absolute;bottom:75px;display:flex;gap:9px;z-index:4}.showcase-views button{width:24px;height:24px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;padding:0}.showcase-views button::after{content:'';width:6px;height:6px;border:1px solid #8877ad;border-radius:50%;background:transparent}.showcase-views button[aria-pressed=true]::after{background:#695491;box-shadow:0 0 0 3px #69549120}.card-showcase .physical-display-caption{left:0;right:0;text-align:center;bottom:25px;font-size:10px;font-weight:500}.showcase-hint{display:block;margin-top:6px;color:#8b829b;font-size:9px}.showcase-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.showcase-previews{position:absolute;left:35px;top:70px;display:flex;align-items:center;pointer-events:none}.preview-swatch{display:block;width:38px;height:52px;border:2px solid #f3f0fb;border-radius:7px;box-shadow:0 5px 12px #49376d18}.preview-swatch-one{background:#f4f1f9;transform:rotate(-18deg)}.preview-swatch-two{background:linear-gradient(110deg,#969ba5,#e9ebef);transform:translate(-9px,13px) rotate(-3deg)}.preview-swatch-three{background:repeating-linear-gradient(90deg,#e1c08b 0 3px,#e8ce9d 4px 7px);transform:translate(-18px,24px) rotate(12deg)}
@keyframes material-reveal{to{transform:translateX(65%)}}
@media(max-width:760px){.card-showcase{min-height:475px}.showcase-card-space{top:140px;width:min(76%,340px)}.showcase-materials{top:20px;right:18px}.showcase-previews{left:24px;top:75px;transform:scale(.8);transform-origin:left top}.showcase-rotation{width:280px;bottom:103px;height:55px}.showcase-card-face,.showcase-card-back{padding:20px}.showcase-card-person{left:20px;bottom:24px}.showcase-card-note{right:20px;bottom:24px}}
@media(prefers-reduced-motion:reduce){.showcase-card,.showcase-card-face,.showcase-card-back,.showcase-ring-track span{transition:none}.is-material-revealing .showcase-card-face::after{animation:none}}
/* The final word resolves from a short, replayable count. */
.count-trigger{display:inline-grid;vertical-align:baseline;border:0;padding:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer}
.count-visual{display:inline-grid;align-items:baseline}.count-number,.count-word{grid-area:1/1;transition:opacity .6s var(--ease),transform .7s var(--ease)}
.count-number{font-family:Manrope,sans-serif;font-style:normal;font-size:.72em;font-weight:600;letter-spacing:-.06em;font-variant-numeric:tabular-nums;opacity:0;transform:scale(.8)}
.count-word{opacity:1;transform:scale(1);transform-origin:left center}
.count-trigger.is-counting .count-number{opacity:1;transform:scale(1)}.count-trigger.is-counting .count-word{opacity:0;transform:scale(.75)}
.count-trigger:hover .count-word{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}
@media(prefers-reduced-motion:reduce){.count-number,.count-word{transition:none}}
/* The original tilted orbit stays behind the card and doubles as a control. */
.showcase-rotation{top:50%;bottom:auto;left:50%;width:520px;height:520px;transform:translate(-50%,-50%) rotateX(60deg);z-index:1}
.showcase-ring{touch-action:none}.showcase-ring-track{border:1px solid #c5bddf;box-shadow:none}.showcase-ring-track span{left:50%;top:50%;width:15px;height:15px}
.showcase-card-face{transform:translateZ(1px);-webkit-backface-visibility:hidden}.showcase-card-back{transform:rotateY(180deg) translateZ(1px);-webkit-backface-visibility:hidden}
.is-dragging .showcase-card{transition:transform .08s linear}.is-dragging .showcase-ring-track span{transition:none}
.ask-reveal{display:inline-grid;vertical-align:baseline}.ask-word,.ask-mark{grid-area:1/1;transition:opacity .6s var(--ease),transform .7s var(--ease);transform-origin:left center}.ask-mark{opacity:0;transform:scale(.7)}.ask-reveal.is-question .ask-word{opacity:0;transform:scale(.75)}.ask-reveal.is-question .ask-mark{opacity:1;transform:scale(1)}
@media(max-width:760px){.showcase-rotation{width:440px;height:440px;bottom:auto}}
@media(prefers-reduced-motion:reduce){.ask-word,.ask-mark{transition:none}}
.showcase-ring-track span{left:calc(50% + sin(var(--ring-turn))*45%);top:calc(50% + cos(var(--ring-turn))*43%)}
/* Materials are selected through compact, accessible circular swatches. */
.showcase-materials{gap:9px;padding:0;border:0;background:none}
.showcase-materials button{width:34px;height:34px;padding:0;border:2px solid #f8f6fd;border-radius:50%;box-shadow:0 3px 9px #43306b25;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.showcase-materials button[data-material="pvc"]{background:#f8f7fb}.showcase-materials button[data-material="metal"]{background:linear-gradient(130deg,#8d949f,#f2f3f5 48%,#a0a5ad)}.showcase-materials button[data-material="bamboo"]{background:repeating-linear-gradient(95deg,#d8b47b 0 3px,#f1d6a2 4px 8px)}
.showcase-materials button:hover{transform:translateY(-3px)}.showcase-materials button[aria-pressed="true"]{box-shadow:0 0 0 2px #7060ac,0 3px 9px #43306b25}
.showcase-card-back img.showcase-back-qr{width:clamp(72px,29%,105px);height:auto;padding:4px;border-radius:6px;background:#fff}
.showcase-rotation{width:min(520px,90%);height:auto;aspect-ratio:1}
.showcase-rotation:has(.showcase-ring:focus-visible) .showcase-ring-track{outline:none;border-color:#564882;box-shadow:0 0 0 2px #56488240}
@media(max-width:760px){.showcase-rotation{width:min(440px,90%);height:auto}}
.showcase-card-back img.showcase-back-qr{width:42%;max-width:145px;height:auto;padding:0;border-radius:0;background:transparent;flex:none}
.showcase-card-back span{font-size:clamp(10px,1.2vw,15px)}
.showcase-materials{gap:0;padding:0 0 10px}
.showcase-materials button{--swatch-y:0px;position:relative;width:40px;height:40px;transform:translateY(var(--swatch-y))}
.showcase-materials button+button{margin-left:-9px}.showcase-materials button:nth-child(2){--swatch-y:5px}.showcase-materials button:nth-child(3){--swatch-y:10px}
.showcase-materials button:hover{transform:translateY(calc(var(--swatch-y) - 4px));z-index:3}.showcase-materials button[aria-pressed="true"]{z-index:2}
.hero-further{display:inline-block;position:relative;white-space:nowrap}.hero-further-text{display:inline-block}.hero-reveal-line{position:absolute;top:50%;left:0;z-index:1;width:5px;height:.82em;border-radius:999px;background:linear-gradient(180deg,transparent,#7967df 15%,#5543ba 85%,transparent);box-shadow:0 0 16px #6654ce55;opacity:0;transform:translate3d(0,-50%,0);pointer-events:none}
@media(prefers-reduced-motion:no-preference){
  .hero-further.is-revealing .hero-further-text{animation:hero-word-reveal 1.8s cubic-bezier(.5,0,.2,1) both}
  .hero-further.is-revealing .hero-reveal-line{animation:hero-line-travel 1.8s cubic-bezier(.5,0,.2,1) both}
  @keyframes hero-word-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -12% 0 -12%)}}
  @keyframes hero-line-travel{0%{opacity:0;transform:translate3d(0,-50%,0)}10%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate3d(var(--hero-travel),-50%,0)}}
}
.showcase-ring{cursor:grab}.is-dragging .showcase-ring{cursor:grabbing}
.showcase-orbit-defs{position:absolute;width:0;height:0;overflow:hidden}.showcase-ring{clip-path:url(#showcase-orbit-hit)}
.showcase-card-back::after{content:'';position:absolute;inset:-60%;background:linear-gradient(105deg,transparent 40%,#fff7 48%,transparent 56%);transform:translateX(-65%);pointer-events:none}
@media(prefers-reduced-motion:no-preference){.is-material-revealing .showcase-card-back::after{animation:material-reveal .8s ease both}}
/* Use the shared check icon instead of font-dependent checkmark glyphs. */
.plan li::before,.pricing li::before{content:none}
.plan li,.pricing li{display:flex;align-items:flex-start;gap:9px}
.plan li .feature-check,.pricing li .feature-check{width:18px;height:18px;flex:0 0 18px;color:var(--violet)}
.plan:first-child li .feature-check{color:#d8d0ff}
.plans-grid .plan:nth-child(2){background:#edeaf7}
.plans-grid .plan:nth-child(3){background:#e5e0f2}
.after-copy h2{font-size:clamp(43px,4vw,64px);line-height:1.05;text-wrap:balance}
.claim-panel{background:#eae6f5}
.contact-panel{background:#eeebf7}

/* Give the profile illustration its own space when the feature panel narrows. */
@media(max-width:1220px){
  .feature-main{flex-direction:column;align-items:flex-start;min-height:0}
  .feature-copy{align-self:stretch;max-width:100%}
  .profile-stack{position:relative;right:auto;bottom:auto;align-self:center;flex:none;margin:36px auto -68px;transform:scale(.85) rotate(8deg);transform-origin:center top}
}
@media(min-width:761px) and (max-width:900px){
  .physical-object{left:calc(50% - 315px);transform:rotate(-12deg) rotateY(15deg) scale(.9);transform-origin:left center}
}
@media(max-width:420px){
  .physical-object{left:calc(50% - 140px);top:235px;transform:rotate(-12deg) scale(.58)}
  .qr-object{left:calc(50% + 58px);transform:rotate(8deg) scale(.58)}
  .stage-note{display:none}
  .feature-main{padding:30px 26px}
  .feature-copy h3{font-size:clamp(29px,8.3vw,35px)}
}
@media(max-width:360px){
  .qr-object{left:calc(50% + 44px);transform:rotate(8deg) scale(.52)}
}
/* Improve readability of small labels on light surfaces. */
.hero-kicker{color:#686278}
.section-index{color:#625d70}
.footer-bottom{color:#686475}