/* Landing introduction: one definition per component and breakpoint. */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#e4ebff 0,transparent 52%),#f8faff;padding:112px 0 48px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:36px}
.hero-copy{max-width:580px;position:relative;z-index:2;text-align:left}
.hero-copy .eyebrow{display:inline-flex;gap:10px;margin:0 0 26px;padding:8px 12px;border:1px solid #dce5fa;background:#fff9;letter-spacing:.04em;font-size:12px;font-weight:700;color:#416296;border-radius:999px}
.hero-copy h1{margin:0;font-size:clamp(56px,5.8vw,82px);line-height:1.06;letter-spacing:-.065em;color:#122342;font-weight:800}
.hero-tap,.hero-connect{display:inline-block}
.hero-grow{display:block;line-height:1.12;background:linear-gradient(120deg,#2d66f5,#20b7db);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-copy>p{max-width:470px;margin:25px 0 0;font-size:17px;line-height:1.75;color:#566680}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-actions .btn{min-height:50px;padding:14px 21px;border-radius:14px;font-size:14px}
.hero-proof{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;align-items:center}
.hero-proof-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#596c89;font-weight:600}
.hero-proof .proof-check{width:18px;height:18px;font-size:12px;color:#2d66f5;background:#e9efff}
.hero-context{border-top:1px solid #dce5f4;margin-top:18px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#63748e;font-size:13px}
.hero-context p{font-size:13px}.hero-context strong{color:#243754;font-weight:650}.hero-context a{font-size:13px;font-weight:700;color:#245edb;white-space:nowrap}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr;max-width:760px;gap:12px}.hero-copy{max-width:650px;text-align:center;margin:auto}.hero-copy>p{margin-inline:auto;max-width:560px}.hero-actions,.hero-proof{justify-content:center}.hero{padding-top:110px}.hero-context{max-width:760px}}
@media(max-width:640px){.hero{padding:96px 0 30px}.hero-grid{width:calc(100% - 36px)}.hero-copy h1{font-size:clamp(46px,13vw,66px)}.hero-copy .eyebrow{font-size:10px;letter-spacing:.025em;margin-bottom:22px;border-radius:999px}.hero-copy>p{font-size:15px;margin-top:20px}.hero-proof{gap:10px 15px}.hero-proof-item{font-size:11px}.hero-context{align-items:flex-start;flex-direction:column;gap:12px}.hero-context p{font-size:12px}}
:root{--ink:#101828;--ink-2:#28364d;--muted:#667085;--line:#e5e9f1;--surface:#ffffff;--surface-2:#f7f8fb;--blue:#2d66f5;--blue-dark:#1f4fd0;--blue-soft:#eaf0ff;--violet:#7c5cff;--violet-soft:#f0ecff;--coral:#ff5f66;--coral-soft:#ffedef;--mint:#06b98f;--mint-soft:#e8faf5;--amber:#f4a62a;--amber-soft:#fff4df;--danger:#f04438;--dark:#111827;--dark-2:#1b2335;--shadow:0 28px 80px rgba(16,24,40,.12);--shadow-soft:0 18px 46px rgba(16,24,40,.08);--radius-xl:36px;--radius-lg:28px;--radius-md:20px;--container:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{color:inherit}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{font-family:Manrope,Inter,sans-serif;letter-spacing:-.045em}
p{color:var(--muted);line-height:1.72}
.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.section{padding:118px 0;position:relative}
.scroll-progress{position:fixed;left:0;right:0;top:0;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--blue),var(--violet),var(--coral));z-index:9999;pointer-events:none}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .72s cubic-bezier(.2,.75,.2,1),transform .72s cubic-bezier(.2,.75,.2,1)}
.reveal.visible{opacity:1;transform:none}
.btn{border:0;border-radius:14px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#fff}
.btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 24px rgba(16,24,40,.05)}
.btn-secondary:hover{border-color:#c5cedd;box-shadow:0 12px 30px rgba(16,24,40,.09)}
.btn-light{background:#fff;color:var(--dark);box-shadow:0 16px 34px rgba(0,0,0,.22)}
.btn-small{padding:11px 17px;border-radius:12px;font-size:.86rem}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;color:var(--blue-dark);font-size:.78rem;font-weight:800;margin-bottom:22px}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(45,102,245,.12)}
.proof-check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--mint-soft);color:var(--mint);font-size:.72rem}
.tap-demo{position:relative;display:flex;align-items:center;justify-content:center;perspective:1300px}
.tap-orbit{position:absolute;width:520px;height:520px;border-radius:50%;background:conic-gradient(from 90deg,rgba(45,102,245,.20),rgba(124,92,255,.10),rgba(255,95,102,.16),rgba(45,102,245,.20));filter:blur(18px);animation:orbitSpin 18s linear infinite}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
.phone-shell{position:absolute;right:5%;top:4%;width:292px;height:590px;border-radius:48px;background:#111827;padding:11px;box-shadow:0 34px 80px rgba(16,24,40,.34);z-index:4;transform:rotateY(-7deg) rotateX(2deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.tap-demo.tapped .phone-shell{transform:rotateY(-2deg) rotateX(0) translateY(-8px)}
.phone-screen{height:100%;border-radius:39px;background:#fff;overflow:hidden;position:relative}
.phone-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:96px;height:27px;border-radius:999px;background:#111827;z-index:8}
.phone-idle{position:absolute;inset:0;transition:opacity .3s,transform .35s}
.public-card{position:absolute;inset:0;opacity:0;transform:translateY(18px) scale(.985);pointer-events:none}
.tap-demo.tapped .phone-idle{opacity:0;transform:scale(.97)}
.tap-demo.tapped .public-card{opacity:1;transform:none;pointer-events:auto}
.public-card-cover{position:relative}
.public-card-cover:before,.public-card-cover:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.14)}
.public-card-cover:after{width:170px;height:170px;right:-34px;bottom:-62px}
.public-card-avatar{position:absolute;left:50%;transform:translateX(-50%);border:5px solid #fff;display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:800;color:#5b616d;box-shadow:0 16px 30px rgba(16,24,40,.22)}
.public-card-role{color:var(--muted)}
.public-contact-grid{display:grid;text-align:left}
.public-contact{border:1px solid #e6ebf3;display:flex;align-items:center;gap:8px;min-width:0}
.public-contact i{display:grid;place-items:center;flex:none}
.public-contact span{font-size:.67rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.public-actions{display:grid}
.public-actions button{border:0;background:#111827;color:#fff;font-weight:800;cursor:pointer}
.public-actions button:nth-child(2),.public-actions button:nth-child(3){background:#f3f5f9;color:var(--ink);border:1px solid #e1e6ee}
.nfc-card-demo{border:0;padding:0;position:absolute;left:0;bottom:5%;width:344px;height:216px;border-radius:28px;background:#1d1d1d;box-shadow:0 30px 60px rgba(16,24,40,.36);z-index:6;cursor:pointer;transform:rotate(-8deg);transition:transform .58s cubic-bezier(.2,.85,.2,1),box-shadow .5s;overflow:hidden}
.nfc-card-demo:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.04),transparent 45%);pointer-events:none}
.nfc-logo{position:absolute;filter:brightness(0) invert(1)}
.nfc-wave{position:absolute}
.nfc-card-demo:focus-visible,.tap-demo.tapped .nfc-card-demo{transform:translate(152px,-134px) rotate(0deg) scale(.82);box-shadow:0 20px 42px rgba(16,24,40,.32)}
.tap-pulse{position:absolute;right:27%;top:42%;width:36px;height:36px;border-radius:50%;border:2px solid var(--blue);opacity:0;z-index:7;pointer-events:none}
.tap-demo.tapped .tap-pulse{animation:tapPulse .9s ease-out}
@keyframes tapPulse{0%{opacity:.85;transform:scale(.3)}100%{opacity:0;transform:scale(4.8)}}
.section-head{margin-bottom:58px}
.section-head.center{text-align:center;margin-inline:auto;margin-bottom:62px}
.section-label{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-weight:800;text-transform:uppercase}
.section-label:before{content:"";height:2px;border-radius:99px}
.section-head p{font-size:1.04rem;margin-top:18px;max-width:700px}
.section-head.center p{margin-inline:auto}
.product-tour{padding-top:0!important;padding-bottom:96px}
.tour-shell{background:transparent;overflow:visible}
.tour-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:1px solid var(--line);border-radius:18px}
.tour-tab{border:0;border-radius:13px;background:transparent;padding:13px 16px;display:flex;align-items:center;justify-content:center;gap:11px;font-weight:800;color:#667085;cursor:pointer;text-align:left;transition:.22s}
.tour-tab:hover{background:#fff;color:var(--ink)}
.tour-tab.active{background:#fff;color:var(--ink);box-shadow:0 8px 22px rgba(16,24,40,.08)}
.tour-tab-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e7ebf2;color:#59667b;transition:.22s}
.tour-tab.active[data-panel="messages"] .tour-tab-icon{background:var(--coral-soft);color:var(--coral)}
.tour-tab.active[data-panel="leads"] .tour-tab-icon{background:var(--mint-soft);color:var(--mint)}
.tour-tab.active[data-panel="insights"] .tour-tab-icon{background:var(--blue-soft);color:var(--blue)}
.browser{width:min(100%,1180px);margin:-58px auto 0;border:1px solid #dce2ec;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 28px 66px rgba(16,24,40,.15);position:relative;z-index:6}
.browser-bar{height:46px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#f6f8fb;border-bottom:1px solid var(--line)}
.browser-dot{width:9px;height:9px;border-radius:50%}
.browser-dot:nth-child(1){background:#ff6b6b}
.browser-dot:nth-child(2){background:#ffd43b}
.browser-dot:nth-child(3){background:#51cf66}
.browser-address{margin-left:7px;flex:1;max-width:340px;height:24px;border-radius:8px;background:#e9edf4;color:#8a96a8;font-size:.68rem;display:flex;align-items:center;padding:0 12px}
.browser-live{margin-left:auto;color:var(--mint);font-size:.69rem;font-weight:800;display:flex;align-items:center;gap:6px}
.browser-live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(6,185,143,.12)}
.app-stage{height:540px;background:#f3f4f7;position:relative}
.app-panel{display:none;min-height:100%}
.app-panel.active{display:block}
.dash-shell{display:grid;grid-template-columns:150px minmax(0,1fr);background:#f3f4f7}
.dash-sidebar{background:#fff;border-right:1px solid #e5e8ee;padding:18px 12px;display:flex;flex-direction:column;gap:8px}
.dash-logo{width:92px;margin:5px 6px 22px}
.dash-menu{display:flex;align-items:center;gap:9px;padding:11px 10px;border-radius:11px;font-size:.73rem;font-weight:800;color:#28364d;cursor:pointer}
.dash-menu.active{background:#ececef}
.dash-menu i{width:18px;text-align:center}
.dash-badge{margin-left:auto;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e1e9ff;color:var(--blue);font-size:.64rem}
.dash-main{padding:24px 22px 30px;min-width:0}
.dash-kicker{color:var(--blue);font-size:.69rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.dash-title{font-family:Manrope,sans-serif;font-size:2rem;letter-spacing:-.055em;margin-top:3px}
.dash-sub{font-size:.76rem;margin-top:2px}
.dash-toolbar{margin-top:24px;display:flex;align-items:end;justify-content:space-between;gap:14px}
.dash-count small{display:block;color:#718096;font-size:.65rem;font-weight:800;text-transform:uppercase}
.dash-count strong{display:block;font-family:Manrope,sans-serif;font-size:1.08rem}
.dash-filter-row{display:flex;gap:10px}
.dash-input,.dash-select{height:38px;border:1px solid #d9dee7;border-radius:11px;background:#fff;padding:0 12px;color:#667085;font-size:.71rem;font-weight:700;display:flex;align-items:center;gap:8px;min-width:180px}
.dash-select{min-width:150px;justify-content:space-between}
.dash-table{margin-top:14px;background:#fff;border-radius:19px;overflow:hidden;box-shadow:0 12px 28px rgba(16,24,40,.07);border:1px solid #edf0f4}
.dash-table-head,.dash-table-row{display:grid;align-items:center;padding:0 16px;gap:10px}
.dash-table-head{height:48px;border-bottom:1px solid #edf0f4;font-size:.68rem;font-weight:900;color:#263247}
.dash-table-row{min-height:78px;font-size:.72rem;cursor:pointer;transition:.18s}
.dash-table-row:hover{background:#f8faff}
.message-cols{grid-template-columns:1.45fr .9fr 1.2fr .7fr .72fr}
.lead-cols{grid-template-columns:1.25fr 1.05fr .8fr .65fr .7fr}
.person-cell{display:flex;align-items:center;gap:10px;min-width:0}
.avatar{width:38px;height:38px;border-radius:50%;background:#eef0f3;display:grid;place-items:center;color:#6b6f78;font-family:Manrope,sans-serif;font-weight:800;flex:none}
.person-lines{min-width:0}
.person-lines strong,.person-lines span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.person-lines strong{font-size:.76rem}
.person-lines span{font-size:.68rem;color:#7c8798;margin-top:2px}
.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;background:#ffedd2;color:#ad3e18;font-size:.66rem;font-weight:900;width:max-content}
.status-pill.green{background:#e6faf4;color:#087c61}
.detail-screen{padding:20px;background:#f3f4f7}
.detail-top{display:flex;justify-content:space-between;align-items:center;gap:14px}
.detail-crumb{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:800;color:#677489}
.detail-crumb strong{color:#162033}
.detail-actions{display:flex;gap:8px}
.detail-btn{height:38px;padding:0 13px;border-radius:11px;border:1px solid #d9dee7;background:#fff;font-size:.7rem;font-weight:800;display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.detail-btn.delete{background:var(--danger);color:#fff;border-color:var(--danger)}
.detail-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin-top:18px}
.profile-summary,.info-panel,.message-panel,.lead-note-panel{background:#fff;border-radius:18px;border:1px solid #eceff4;box-shadow:0 10px 26px rgba(16,24,40,.06);overflow:hidden}
.profile-banner{height:112px;background:linear-gradient(120deg,#7b3ff4,#2766f4);display:grid;place-items:center;position:relative}
.profile-banner:before,.profile-banner:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.14)}
.profile-banner:before{left:5%;top:-80px}
.profile-banner:after{right:12%;bottom:-105px}
.profile-banner .avatar{width:66px;height:66px;background:rgba(255,255,255,.28);color:#fff;font-size:1.25rem;position:relative;z-index:2}
.profile-info{padding:18px 22px}
.profile-info h4{font-size:1.18rem}
.profile-info p{font-size:.74rem;margin-top:4px}
.profile-meta{display:flex;gap:12px;align-items:center;margin-top:12px;color:#4a586e;font-size:.68rem;font-weight:750}
.info-panel{padding:18px}
.info-row{display:grid;grid-template-columns:34px .75fr 1.4fr;gap:10px;align-items:center;padding:10px 0}
.info-row+.info-row{border-top:1px solid #f0f2f5}
.info-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ff5f66;color:#fff;font-size:.72rem}
.info-label{font-size:.69rem;font-weight:800;color:#7a8493}
.info-value{text-align:right;font-size:.7rem;font-weight:850;color:#162033;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.info-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.info-actions button{height:38px;border-radius:11px;border:1px solid #dfe3ea;background:#fff;font-size:.68rem;font-weight:800;cursor:pointer}
.message-panel,.lead-note-panel{margin-top:16px;padding:18px 20px}
.message-panel h4,.lead-note-panel h4{font-size:.92rem}
.message-box{margin-top:12px;padding:16px;border-radius:13px;background:#f8f9fb;border:1px solid #e8ebf0;color:#455268;font-size:.74rem;line-height:1.55}
.reply-composer{margin-top:12px;padding:12px;border:1px solid #dfe4ec;border-radius:13px;background:#fff;box-shadow:0 8px 20px rgba(16,24,40,.05);text-align:left}
.reply-composer[hidden]{display:none!important}
.reply-composer-label{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#344054;font-size:.7rem;font-weight:850}
.reply-composer textarea{display:block;width:100%;min-height:76px;resize:vertical;border:1px solid #d8dee8;border-radius:10px;padding:10px 11px;background:#fbfcfe;color:#172033;font:inherit;font-size:.72rem;line-height:1.5;outline:none}
.reply-composer textarea:focus{border-color:#86a6ff;box-shadow:0 0 0 3px rgba(38,99,235,.1)}
.reply-composer-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:9px}
.reply-composer-actions button{height:32px;padding:0 12px;border-radius:9px;border:1px solid #d9dee7;background:#fff;color:#344054;font-size:.68rem;font-weight:850;cursor:pointer}
.reply-composer-actions .reply-send{background:var(--blue);border-color:var(--blue);color:#fff}
.back-btn{border:0;background:transparent;color:var(--blue);font-weight:800;font-size:.7rem;cursor:pointer;padding:0}
.insights-shell{background:#f3f4f7}
.insights-head{display:flex;align-items:end;justify-content:space-between;gap:14px}
.insights-card-select{width:255px}
.insights-grid{display:grid}
.insight-card{background:#fff;border:1px solid #e5e8ee;border-radius:18px;box-shadow:0 10px 28px rgba(16,24,40,.06)}
.insight-card h4{font-size:1rem}
.insight-card p{font-size:.7rem;margin-top:3px}
.chart-wrap svg{width:100%;height:100%}
.range-toggle{display:flex;background:#f4f5f7;border:1px solid #dfe3e9;float:right}
.range-toggle button{border:0;background:transparent;font-weight:800;color:#657084;cursor:pointer}
.range-toggle button.active{background:var(--blue);color:#fff}
.engage-list{display:grid}
.engage-row{color:#5e6b80}
.engage-label{display:flex;justify-content:space-between;gap:8px}
.engage-bar{border-radius:999px;background:#e9ebef;overflow:hidden}
.engage-bar span{display:block;height:100%;border-radius:inherit;background:var(--blue)}
.workflow-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;background:#fff;min-height:265px;position:relative;overflow:hidden}
.workflow-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}
.workflow-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-74px;top:-80px;background:var(--soft)}
.workflow-card:nth-child(1){--accent:var(--blue);--soft:var(--blue-soft)}
.workflow-card:nth-child(2){--accent:var(--mint);--soft:var(--mint-soft)}
.workflow-card:nth-child(3){--accent:var(--coral);--soft:var(--coral-soft)}
.workflow-num{width:44px;height:44px;border-radius:14px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:800;position:relative}
.workflow-card h3{font-size:1.48rem;margin:48px 0 10px}
.workflow-card p{font-size:.92rem}
.workflow-card a{display:inline-flex;margin-top:20px;color:var(--accent);font-size:.84rem;font-weight:800}
.editor-demo{background:linear-gradient(180deg,#fff,#f6f7fb)}
.editor-shell{display:grid}
.editor-panel,.preview-panel{border:1px solid var(--line);background:#fff}
.editor-panel-head{justify-content:space-between;margin-bottom:22px}
.editor-badge{padding:7px 10px;border-radius:999px;font-size:.7rem;font-weight:900}
.editor-tabs{display:flex}
.editor-tab{flex:1;border:0;background:transparent;font-weight:850;color:#667085;cursor:pointer}
.editor-tab.active{background:#fff;box-shadow:0 6px 16px rgba(16,24,40,.08)}
.editor-pane{display:none;margin-top:20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr}
.field{display:grid}
.field.full{grid-column:1/-1}
.field label{font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.field input,.field textarea,.field select{width:100%;border:1px solid #dce1ea;outline:none;color:var(--ink)}
.field textarea{resize:vertical}
.theme-row{display:flex;gap:12px;flex-wrap:wrap}
.theme-dot{width:46px;height:46px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line),0 8px 18px rgba(16,24,40,.11);background:linear-gradient(135deg,var(--c1),var(--c2));cursor:pointer;position:relative}
.theme-dot.active:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.toggle-list{display:grid}
.toggle-row{border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.toggle-row strong{font-size:.8rem}
.toggle-row span{display:block;font-size:.68rem;color:var(--muted);margin-top:2px}
.switch{width:48px;height:28px;border-radius:999px;background:#d7dce5;border:0;padding:3px;cursor:pointer;transition:.2s;flex:none}
.switch:before{content:"";display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 4px 10px rgba(16,24,40,.18);transition:.2s}
.switch.on{background:var(--blue)}
.switch.on:before{transform:translateX(20px)}
.preview-panel{place-items:center;position:relative;overflow:hidden}
.editor-screen{height:100%;overflow:hidden;position:relative}
.editor-card{height:100%;overflow:auto;background:#fff}
.editor-cover{position:relative}
.editor-cover:before,.editor-cover:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.15)}
.editor-cover:before{width:220px;height:220px;left:-80px;top:-70px}
.editor-cover:after{width:160px;height:160px;right:-25px;bottom:-50px}
.editor-avatar{position:absolute;left:50%;bottom:-50px;transform:translateX(-50%);width:104px;height:104px;border-radius:32px;border:5px solid #fff;display:grid;place-items:center;font-family:Manrope,sans-serif;font-size:1.75rem;font-weight:800;color:#626873;box-shadow:0 15px 30px rgba(16,24,40,.22);z-index:3}
.editor-body-card{padding:66px 20px 22px;text-align:center}
.editor-role{color:var(--muted);margin-top:5px}
.editor-bio{line-height:1.52;margin-top:12px}
.editor-contact-grid{display:grid;text-align:left}
.editor-contact{display:flex;align-items:center;gap:8px;border:1px solid #e5e9f1;min-width:0}
.editor-contact i{display:grid;place-items:center;font-size:.7rem;flex:none}
.editor-contact div{min-width:0}
.editor-contact small,.editor-contact strong{display:block}
.editor-contact small{text-transform:uppercase;color:#7b8494;font-weight:800}
.editor-contact strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
.editor-actions{display:grid}
.editor-actions button{padding:9px 4px;font-weight:850;cursor:pointer}
.editor-actions button:nth-child(2),.editor-actions button:nth-child(3){background:#f3f5f8;color:var(--ink);border:1px solid #e1e5ec}
.preview-sheet-layer{position:absolute;inset:10px;border-radius:37px;background:rgba(17,24,39,.35);display:flex;align-items:end;opacity:0;pointer-events:none;transition:.24s;z-index:10;overflow:hidden}
.preview-sheet-layer.open{opacity:1;pointer-events:auto}
.preview-sheet{width:100%;background:#fff;border-radius:24px 24px 0 0;padding:14px 16px 20px;transform:translateY(105%);transition:.3s}
.preview-sheet-layer.open .preview-sheet{transform:none}
.sheet-grip{width:42px;height:4px;border-radius:99px;background:#d9dde4;margin:0 auto 12px}
.preview-sheet h4{font-size:1rem}
.preview-sheet p{font-size:.68rem;margin-top:3px}
.sheet-form{display:grid;gap:8px;margin-top:12px}
.sheet-form input,.sheet-form textarea{border:1px solid var(--line);border-radius:11px;padding:9px 10px;font-size:.7rem}
.sheet-form textarea{min-height:66px}
.sheet-close{position:absolute;right:17px;top:18px;width:31px;height:31px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer}
.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--line)}
.editor-save-state{font-size:.74rem;color:var(--mint);font-weight:800}
.editor-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.editor-view-phone{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border:1px solid #d9dfe8;border-radius:10px;background:#fff;color:#435067;font-size:.7rem;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.editor-view-phone:hover{background:#f8fafc;border-color:#c5ccd7;transform:translateY(-1px)}
.editor-reset{border:0;background:transparent;color:var(--blue);font-size:.76rem;font-weight:850;cursor:pointer}
.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.feature-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;background:#fff;position:relative;overflow:hidden;min-height:260px;transition:.25s}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:#cbd3df}
.feature-card h3{font-size:1.4rem;margin-bottom:10px}
.feature-card p{font-size:.91rem;max-width:42ch}
.feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;margin-bottom:42px}
.feature-wide{grid-column:span 7}
.feature-medium{grid-column:span 5}
.feature-half{grid-column:span 6}
.feature-blue{background:linear-gradient(145deg,#f2f5ff,#fff)}
.feature-blue .feature-icon{background:var(--blue-soft);color:var(--blue)}
.feature-mint{background:linear-gradient(145deg,#edfff9,#fff)}
.feature-mint .feature-icon{background:var(--mint-soft);color:var(--mint)}
.feature-violet{background:linear-gradient(145deg,#f6f1ff,#fff)}
.feature-violet .feature-icon{background:var(--violet-soft);color:var(--violet)}
.feature-amber{background:linear-gradient(145deg,#fff8e8,#fff)}
.feature-amber .feature-icon{background:var(--amber-soft);color:#b77900}
.feature-dark{background:var(--dark);border-color:var(--dark);color:#fff}
.feature-dark h3{color:#fff}
.feature-dark p{color:#aeb8cc}
.feature-dark .feature-icon{background:rgba(255,255,255,.1);color:#fff}
.feature-people{position:absolute;right:28px;bottom:28px;display:flex}
.feature-people span{width:54px;height:54px;border-radius:50%;border:4px solid #fff;background:linear-gradient(135deg,var(--blue),var(--violet));margin-left:-14px;display:grid;place-items:center;color:#fff;font-weight:800}
.nfc-section{background:var(--dark);color:#fff}
.nfc-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}
.nfc-section h2{line-height:1.04}
.nfc-section p{font-size:1.02rem;margin-top:18px}
.nfc-product{display:grid;place-items:center;position:relative}
.nfc-product:before,.nfc-product:after{content:"";position:absolute;border:1px solid rgba(118,146,255,.23);border-radius:50%}
.nfc-product-card{width:354px;height:224px;border-radius:30px;position:relative;z-index:2;transform:rotate(-7deg);box-shadow:0 38px 80px rgba(0,0,0,.42)}
.nfc-product-card img{position:absolute;filter:brightness(0) invert(1)}
.nfc-product-card svg{position:absolute;right:30px;top:27px;width:46px;color:#fff}
@keyframes nfcFloat{50%{transform:rotate(-3deg) translateY(-12px)}}
.plan{border:1px solid var(--line);border-radius:var(--radius-xl);padding:36px 32px;background:#fff;display:flex;flex-direction:column;min-height:500px}
.plan.premium{background:var(--dark);border-color:var(--dark);color:#fff;box-shadow:0 28px 60px rgba(16,24,40,.22);position:relative}
.plan h3{font-size:1.55rem}
.plan.premium h3{color:#fff}
.plan.premium .plan-price span{color:#9ea9bd}
.plan>p{font-size:.88rem;margin-top:7px}
.plan ul{list-style:none;padding:0;margin:28px 0;display:grid;gap:13px}
.plan li{display:flex;gap:10px;font-size:.88rem;font-weight:650}
.plan li i{color:var(--blue);margin-top:3px}
.plan.premium li{color:#e6ebf3}
.plan .btn{margin-top:auto}
.billing-toggle{gap:4px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#fff;margin-bottom:42px}
.billing-toggle button{border:0;background:transparent;border-radius:999px;padding:9px 17px;font-size:.82rem;font-weight:800;color:#667085;cursor:pointer}
.billing-toggle button.active{background:var(--ink);color:#fff}
.faq-item{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.faq-question{width:100%;border:0;background:#fff;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;text-align:left;font-weight:800;cursor:pointer}
.faq-question i{transition:.2s}
.faq-item.open .faq-question i{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .28s ease}
.faq-answer p{padding:0 22px 20px;font-size:.9rem}
.final-box{margin:auto;text-align:center;color:#fff}
.final-box:before,.final-box:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.13)}
.final-box h2{font-size:clamp(2.4rem,4.8vw,4.2rem);color:#fff;max-width:780px;margin:auto;position:relative}
.final-box p{color:rgba(255,255,255,.84);font-size:1.03rem;max-width:590px;margin:18px auto 32px;position:relative}
.final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;position:relative}
footer{background:#0b1020;color:#fff;padding:72px 0 30px}
.toast{position:fixed;right:22px;bottom:22px;z-index:9999;background:#111827;color:#fff;border-radius:14px;padding:13px 16px;font-size:.82rem;font-weight:800;box-shadow:0 18px 36px rgba(16,24,40,.28);opacity:0;transform:translateY(16px);pointer-events:none;transition:.23s}
.toast.show{opacity:1;transform:none}
@media (max-width:740px){
  .product-tour{padding-bottom:74px}
  .browser{margin-top:-48px;border-radius:18px}
  .tour-tabs{margin-top:18px;padding:6px;gap:5px}
  .tour-tab{padding:10px 7px;gap:7px;font-size:.72rem}
  .tour-tab-icon{width:30px;height:30px}
}
@media (max-width:1080px){
  .hero-copy>p{margin-inline:auto}
  .tap-demo{height:610px;max-width:700px;margin:auto;width:100%}
  .preview-panel{min-height:720px}
  .nfc-grid{grid-template-columns:1fr}
  .nfc-copy{text-align:center}
  .nfc-product{margin-top:20px}
}
@media (max-width:820px){
  .section{padding:88px 0}
  .workflow-grid{grid-template-columns:1fr}
  .feature-wide,.feature-medium,.feature-half{grid-column:span 12}
  .tour-tabs{grid-template-columns:1fr 1fr 1fr}
  .tour-tab{justify-content:center}
  .tour-tab span:last-child{display:none}
  .dash-shell{grid-template-columns:92px 1fr}
  .dash-logo{width:66px}
  .dash-menu span:not(.dash-badge){display:none}
  .dash-menu{justify-content:center}
  .dash-toolbar{align-items:stretch;flex-direction:column}
  .dash-filter-row{display:grid;grid-template-columns:1fr 1fr}
  .dash-input,.dash-select{min-width:0}
  .detail-grid{grid-template-columns:1fr}
  .editor-shell{gap:18px}
}
@media (max-width:620px){
  .container{width:min(100% - 28px,var(--container))}
  .tap-demo{height:540px}
  .phone-shell{width:250px;height:505px;right:2%;top:2%;border-radius:42px}
  .phone-screen{border-radius:34px}
  .nfc-card-demo{width:270px;height:170px;border-radius:23px;left:-8%;bottom:6%}
  .nfc-card-demo:focus-visible,.tap-demo.tapped .nfc-card-demo{transform:translate(118px,-118px) rotate(0) scale(.73)}
  .public-contact-grid{grid-template-columns:1fr}
  .tour-tabs{grid-template-columns:repeat(3,1fr)}
  .browser-bar{height:40px}
  .browser-address{display:none}
  .app-stage{height:530px}
  .dash-shell{grid-template-columns:1fr}
  .dash-sidebar{display:none}
  .dash-main{padding:18px 12px}
  .dash-title{font-size:1.55rem}
  .dash-filter-row{grid-template-columns:1fr}
  .message-cols{grid-template-columns:1.45fr .8fr .75fr}
  .message-cols>*:nth-child(2),.message-cols>*:nth-child(3){display:none}
  .lead-cols{grid-template-columns:1.3fr .9fr .7fr}
  .lead-cols>*:nth-child(2),.lead-cols>*:nth-child(3){display:none}
  .dash-table-head,.dash-table-row{padding:0 12px}
  .detail-screen{padding:14px}
  .detail-top{align-items:flex-start}
  .detail-actions{flex-direction:column}
  .detail-btn{height:34px}
  .profile-banner{height:100px}
  .info-row{grid-template-columns:32px .65fr 1.2fr}
  .insights-head{align-items:stretch;flex-direction:column}
  .insights-card-select{width:100%}
  .editor-panel,.preview-panel{border-radius:26px}
  .form-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .final-box{padding:72px 22px;border-radius:28px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .tap-orbit,.nfc-product-card{animation:none}
  .nfc-card-demo,.phone-shell,.public-card,.phone-idle{transition:none}
}
.section-head{margin-left:auto;margin-right:auto;text-align:center}
.section-head p{margin-left:auto;margin-right:auto}
.billing-toggle{display:flex;width:max-content;margin-left:auto;margin-right:auto}
.nfc-copy{text-align:center}
.public-contact>span{display:block;min-width:0}
.public-contact small,.public-contact strong{display:block}
.public-contact small{text-transform:uppercase;color:#7c8798}
.public-contact strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tap-demo.profile-open .phone-shell{transform:rotateY(-2deg) rotateX(0) translateY(-8px)}
.tap-demo.profile-open .phone-idle{opacity:0;transform:scale(.97)}
.tap-demo.profile-open .public-card{opacity:1;transform:none;pointer-events:auto}
.app-stage{overflow:hidden}
.app-panel{position:relative;height:100%;overflow:hidden}
.app-panel>.dash-shell{width:100%;height:100%}
.dash-main{height:100%;min-height:0}
.dash-shell{height:100%;min-height:0}
.dash-main{overflow:hidden}
.detail-screen{position:absolute;inset:0 0 0 150px;height:auto;min-height:0;overflow:hidden;z-index:5}
.app-panel.detail-open .dash-main{visibility:hidden;pointer-events:none}
.dash-menu{user-select:none}
.dash-menu:focus-visible{outline:3px solid rgba(45,102,245,.2);outline-offset:1px}
.insights-shell{height:100%;min-height:0;overflow:hidden;padding:18px}
.insights-head h3{font-size:1.72rem}
.insights-grid{grid-template-columns:1.45fr .72fr;gap:12px;margin-top:12px;align-items:start}
.insight-card{padding:15px}
.insights-grid .insight-card:first-child{min-height:328px}
.chart-wrap{height:236px;margin-top:9px;position:relative}
#chartLine{stroke-dasharray:1400;stroke-dashoffset:0}
#chartDots circle{cursor:pointer;transform-box:fill-box;transform-origin:center;transition:transform .16s ease,fill .16s ease}
#chartDots circle:hover{transform:scale(1.35);fill:#eef4ff}
.chart-tooltip{position:absolute;z-index:5;left:0;top:0;transform:translate(-50%,calc(-100% - 10px));padding:6px 9px;border-radius:8px;background:#101828;color:#fff;font-size:.62rem;font-weight:800;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s ease}
.chart-tooltip.show{opacity:1}
.insights-shell.is-loading #chartLine{animation:insightLineLoad .92s cubic-bezier(.22,.61,.36,1) both}
.insights-shell.is-loading #chartArea{animation:insightAreaLoad .72s .18s ease both}
.insights-shell.is-loading #chartDots circle{animation:insightDotLoad .34s ease both}
.insights-shell.is-loading #chartDots circle:nth-child(2){animation-delay:.08s}
.insights-shell.is-loading #chartDots circle:nth-child(3){animation-delay:.14s}
.insights-shell.is-loading #chartDots circle:nth-child(4){animation-delay:.20s}
.insights-shell.is-loading #chartDots circle:nth-child(5){animation-delay:.26s}
.insights-shell.is-loading #chartDots circle:nth-child(6){animation-delay:.32s}
.insights-shell.is-loading #chartDots circle:nth-child(7){animation-delay:.38s}
@keyframes insightLineLoad{from{stroke-dashoffset:1400}to{stroke-dashoffset:0}}
@keyframes insightAreaLoad{from{opacity:0}to{opacity:1}}
@keyframes insightDotLoad{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
.engage-list{gap:4px;margin-top:9px}
.engage-row{width:100%;border:0;background:transparent;padding:4px 6px;border-radius:8px;text-align:left;cursor:pointer;font-size:.62rem;font-weight:760;transition:background .2s,transform .2s}
.engage-label{line-height:1.2}
.engage-row:hover,.engage-row.active{background:var(--blue-soft);transform:translateX(2px)}
.engage-row.active .engage-label{color:var(--blue-dark)}
.engage-bar span{transition:width .4s ease,filter .2s;transform-origin:left center}
.insights-shell.is-loading .engage-bar span{animation:engagementLineLoad .68s cubic-bezier(.22,.61,.36,1) both}
.insights-shell.is-loading .engage-row:nth-child(2) .engage-bar span{animation-delay:.06s}
.insights-shell.is-loading .engage-row:nth-child(3) .engage-bar span{animation-delay:.12s}
.insights-shell.is-loading .engage-row:nth-child(4) .engage-bar span{animation-delay:.18s}
.insights-shell.is-loading .engage-row:nth-child(5) .engage-bar span{animation-delay:.24s}
.insights-shell.is-loading .engage-row:nth-child(6) .engage-bar span{animation-delay:.30s}
@keyframes engagementLineLoad{from{transform:scaleX(0);opacity:.4}to{transform:scaleX(1);opacity:1}}
.engage-row.active .engage-bar span{filter:saturate(1.35)}
.insights-skeletons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.analytics-skeleton{height:72px;border:1px solid #e5e8ee;border-radius:15px;background:#fff;padding:13px;display:flex;align-items:center;gap:10px;overflow:hidden}
.skeleton-icon{width:34px;height:34px;border-radius:11px;background:linear-gradient(90deg,#edf0f5,#f8f9fb,#edf0f5);background-size:200% 100%;animation:skeletonShimmer 1.4s linear infinite;flex:none}
.analytics-skeleton>div{flex:1;display:grid;gap:7px}
.skeleton-line{height:8px;border-radius:99px;width:62%;background:linear-gradient(90deg,#edf0f5,#f8f9fb,#edf0f5);background-size:200% 100%;animation:skeletonShimmer 1.4s linear infinite}
.skeleton-line.wide{width:88%}
@keyframes skeletonShimmer{to{background-position:-200% 0}}
.editor-tabs{gap:6px}
.editor-tab{padding:10px 5px}
.editor-helper{font-size:.72rem;margin-top:13px}
.editor-socials{display:flex;gap:8px}
.editor-socials a{width:34px;height:34px;border-radius:11px;border:1px solid #e1e6ee;display:grid;place-items:center;transition:transform .2s,background .2s,color .2s}
.editor-socials a:hover{transform:translateY(-2px);background:var(--demo-c2,#2d66f5);color:#fff}
.layout-options{display:grid}
.layout-choice{border:1px solid #dce1ea;cursor:pointer;display:grid;gap:7px;justify-items:center;transition:transform .25s,border-color .25s,box-shadow .25s}
.layout-choice strong{font-size:.68rem}
.layout-choice:hover{transform:translateY(-2px);border-color:#b9c5da}
.layout-choice.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(45,102,245,.11);animation:layoutSelect .38s cubic-bezier(.2,.8,.2,1)}
@keyframes layoutSelect{50%{transform:scale(.96)}100%{transform:scale(1)}}
.layout-mini{border-radius:8px;background:linear-gradient(135deg,#7c5cff,#2d66f5);position:relative;overflow:hidden;display:block}
.layout-mini i{position:absolute;width:17px;height:17px;border-radius:6px;background:#fff;border:2px solid #fff;left:50%;transform:translateX(-50%)}
.layout-mini b{position:absolute;width:31px;height:4px;border-radius:9px;background:rgba(255,255,255,.78);left:50%;transform:translateX(-50%)}
.layout-mini-overlap i{bottom:10px}
.layout-mini-overlap b{bottom:4px}
.layout-mini-compact i{bottom:5px;width:14px;height:14px}
.layout-mini-compact b{bottom:2px;left:72%;width:21px}
.layout-mini-hero i{bottom:5px;left:18px}
.layout-mini-hero b{bottom:8px;left:43px;width:24px}
.editor-cover,.editor-avatar,.editor-body-card{transition:height .35s,width .35s,bottom .35s,left .35s,transform .35s,padding .35s,text-align .2s,border-radius .35s}
@media (max-width:820px){
  .detail-screen{left:92px}
  .insights-grid{grid-template-columns:1.4fr .75fr}
}
@media (max-width:620px){
  .detail-screen{left:0;height:auto}
  .product-tour .app-stage:has([data-app-panel="insights"].active){height:auto}
  .insights-shell{height:auto;padding:12px}
  .insights-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .insights-grid .insight-card:first-child{min-height:0}
  .insight-engagement-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .insight-engagement-card .social-pie-block{margin:0;padding:0 0 0 12px;border-top:0;border-left:1px solid #edf0f4}
  .insight-engagement-card .social-pie-layout{grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px}
  .insight-engagement-card .social-pie-legend{width:100%}
  .insight-card{padding:10px;border-radius:13px}
  .insight-card h4{font-size:.78rem}
  .insight-card p{font-size:.55rem}
  .chart-wrap{height:145px}
  .engage-row{padding:3px 4px;font-size:.57rem}
  .insights-skeletons{gap:7px}
  .analytics-skeleton{height:58px;padding:8px}
  .skeleton-icon{width:27px;height:27px}
  .layout-options{grid-template-columns:repeat(3,minmax(0,1fr))}
  .layout-mini{width:54px}
}
.nfc-logo{left:25px;bottom:22px;width:88px}
.nfc-wave{right:25px;top:23px;width:27px;height:27px;color:#fff;transition:transform .28s ease,opacity .28s ease}
.nfc-icon{overflow:visible}
.tap-demo:not(.tapped) .nfc-card-demo:hover{transform:rotate(-5deg) translateY(-6px);box-shadow:0 36px 68px rgba(16,24,40,.42)}
.tap-demo:not(.tapped) .nfc-card-demo:hover .nfc-wave{transform:scale(1.08) rotate(3deg)}
.nfc-card-demo:active{filter:brightness(.96)}
.tap-demo:not(.tapped):not(.profile-open) .public-card{opacity:0;transform:translateY(18px) scale(.985);pointer-events:none}
.tap-demo:not(.tapped):not(.profile-open) .phone-idle{opacity:1;transform:none}
.engage-bar{height:3px;margin-top:4px}
.engage-row.active .engage-bar span{box-shadow:none}
.feature-chart{position:absolute;right:25px;bottom:23px;width:47%;height:128px;opacity:.96;pointer-events:none}
.feature-chart svg{width:100%;height:100%;overflow:visible}
.feature-grid-line{fill:none;stroke:#dce4f3;stroke-width:1;stroke-dasharray:4 7}
.feature-area{fill:url(#featureAreaGradient);opacity:0;transition:opacity .6s ease .2s}
.feature-line{fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:520;stroke-dashoffset:520}
.feature-dots circle{fill:#fff;stroke:var(--blue);stroke-width:3;opacity:0;transform-box:fill-box;transform-origin:center}
.feature-grid.visible .feature-area{opacity:1}
.feature-grid.visible .feature-line{animation:featureLineDraw 1.35s cubic-bezier(.2,.75,.2,1) .15s forwards}
.feature-grid.visible .feature-dots circle{animation:featureDotIn .34s ease forwards}
.feature-grid.visible .feature-dots circle:nth-child(1){animation-delay:.34s}
.feature-grid.visible .feature-dots circle:nth-child(2){animation-delay:.46s}
.feature-grid.visible .feature-dots circle:nth-child(3){animation-delay:.58s}
.feature-grid.visible .feature-dots circle:nth-child(4){animation-delay:.70s}
.feature-grid.visible .feature-dots circle:nth-child(5){animation-delay:.82s}
.feature-grid.visible .feature-dots circle:nth-child(6){animation-delay:.94s}
.feature-grid.visible .feature-dots circle:nth-child(7){animation-delay:1.06s}
@keyframes featureLineDraw{to{stroke-dashoffset:0}}
@keyframes featureDotIn{from{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}
.editor-shell{margin-inline:auto;gap:22px}
.editor-panel,.preview-panel{border-radius:28px;border-color:#dfe4ec;box-shadow:0 22px 55px rgba(16,24,40,.09)}
.editor-panel{padding:0;overflow:hidden;background:#fff}
.editor-panel-head{margin:0;border-bottom:1px solid #e9edf3;background:linear-gradient(180deg,#fff,#fbfcfe)}
.editor-badge{border:1px solid #d8f0e8}
@keyframes livePulse{50%{opacity:.35;transform:scale(.72)}}
.editor-tabs{margin:18px 24px 0;padding:4px;border:1px solid #e4e8ee;border-radius:13px}
.editor-tab{min-height:39px;border-radius:9px;font-size:.74rem;transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.editor-tab:hover{color:var(--ink);transform:translateY(-1px)}
.editor-pane{animation:editorPaneIn .28s ease}
.editor-pane.active{display:block}
@keyframes editorPaneIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.form-grid{gap:14px}
.field{gap:7px}
.field label{font-size:.67rem;color:#58657a}
.field input,.field textarea,.field select{min-height:46px;border-radius:12px;border-color:#d9dfe8;background:#fff;padding:12px 13px;transition:border-color .2s,box-shadow .2s,background .2s}
.field textarea{min-height:104px}
.field input:hover,.field textarea:hover{border-color:#bbc5d4}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(45,102,245,.11);background:#fff}
.toggle-list{gap:9px}
.toggle-row{background:#fbfcfe;border-color:#e2e7ef;padding:13px 14px}
.theme-row{padding-top:2px}
.layout-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.layout-choice{padding:10px 8px;border-radius:13px;background:#fbfcfe}
.layout-choice.active{background:#f8faff}
.layout-mini{width:72px;height:52px}
.editor-footer{margin:18px 24px 0;padding:17px 0 21px}
.preview-panel{padding:30px 28px 30px;background:linear-gradient(145deg,#eef1f5,#f8f9fb 55%,#eef3ff);display:flex;align-items:center;justify-content:center;min-height:700px}
.editor-phone{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.preview-panel:hover .editor-phone{transform:translateY(-4px);box-shadow:0 38px 82px rgba(16,24,40,.32)}
.editor-card{scrollbar-width:none}
.editor-card::-webkit-scrollbar{display:none}
.editor-socials{margin-top:10px}
.nfc-product-card{animation:none;cursor:pointer;overflow:hidden}
.nfc-product-card:after{content:"";position:absolute;inset:-70% -35%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.13) 49%,transparent 60%);transform:translateX(-55%) rotate(8deg);transition:transform .7s ease;pointer-events:none}
.nfc-product-card:hover,.nfc-product-card:focus-visible{transform:rotate(-2deg) translateY(-14px) scale(1.035);box-shadow:0 48px 95px rgba(0,0,0,.50);outline:none}
.nfc-product-card:hover:after,.nfc-product-card:focus-visible:after{transform:translateX(52%) rotate(8deg)}
.nfc-product-card img{left:28px;bottom:26px;width:92px}
.nfc-product-card .nfc-icon{right:28px;top:26px;width:29px;height:29px;transition:transform .32s ease}
.nfc-product-card:hover .nfc-icon,.nfc-product-card:focus-visible .nfc-icon{transform:scale(1.08) rotate(3deg)}
.nfc-product:before,.nfc-product:after{transition:transform .55s ease,border-color .55s ease}
.nfc-product:has(.nfc-product-card:hover):before,.nfc-product:has(.nfc-product-card:focus-visible):before{transform:scale(1.04);border-color:rgba(118,146,255,.38)}
.nfc-product:has(.nfc-product-card:hover):after,.nfc-product:has(.nfc-product-card:focus-visible):after{transform:scale(1.025);border-color:rgba(118,146,255,.30)}
.nfc-hover-note{position:absolute;bottom:21px;display:flex;align-items:center;gap:7px;color:#8e99ac;font-size:.72rem;font-weight:750;transition:color .25s,transform .25s}
.nfc-product:has(.nfc-product-card:hover) .nfc-hover-note{color:#c8d2e4;transform:translateY(2px)}
@media (max-width:980px){
  .editor-shell{grid-template-columns:1fr;max-width:760px}
  .preview-panel{min-height:700px}
  .feature-chart{width:44%}
}
@media (max-width:620px){
  .nfc-logo{width:68px;left:20px;bottom:18px}
  .nfc-wave{width:22px;height:22px;right:20px;top:18px}
  .engage-bar{height:2px}
  .feature-chart{position:relative;right:auto;bottom:auto;width:100%;height:112px;margin-top:22px}
  .editor-tabs{margin-inline:14px}
  .editor-footer{margin-inline:14px}
  .preview-panel{padding:30px 10px 20px;min-height:660px}
  .editor-contact-grid{grid-template-columns:1fr}
  .nfc-product-card img{width:78px;left:24px;bottom:22px}
  .nfc-product-card .nfc-icon{width:24px;height:24px;right:24px;top:22px}
}
@media (prefers-reduced-motion:reduce){
  .feature-grid.visible .feature-line,.feature-grid.visible .feature-dots circle,.editor-badge i{animation:none}
  .feature-line{stroke-dashoffset:0}
  .feature-dots circle,.feature-area{opacity:1}
  .nfc-product-card,.editor-phone{transition:none}
}
@media (max-width:620px){
  .editor-footer{align-items:flex-start;flex-direction:column}
  .editor-footer-actions{width:100%;justify-content:space-between}
  .editor-view-phone{font-size:.66rem;padding-inline:10px}
}
@media (prefers-reduced-motion:reduce){
  .insights-shell.is-loading #chartLine,.insights-shell.is-loading #chartArea,.insights-shell.is-loading #chartDots circle,.insights-shell.is-loading .engage-bar span,.insights-shell.is-loading .social-slice{animation:none!important}
  .chart-tooltip{transition:none}
}
.hero-verified,.editor-verified{display:inline-grid;place-items:center;width:21px;height:21px;margin-left:5px;border-radius:50%;border:1px solid #d4d9e1;background:#f1f3f6;color:#111827;font-size:.58rem;vertical-align:3px}
.public-card{transition:opacity .34s,transform .38s,filter .28s}
.public-card.layout-changing{animation:heroLayoutSwap .48s cubic-bezier(.2,.85,.2,1)}
@keyframes heroLayoutSwap{0%{opacity:.35;transform:translateY(10px) scale(.96);filter:blur(2px)}65%{opacity:1;transform:translateY(-3px) scale(1.012);filter:none}100%{transform:none}}
.public-card.hero-layout-compact .public-card-avatar{font-size:1.35rem}
.public-card.hero-layout-hero .public-card-avatar{background:#fff}
.public-card.hero-layout-hero .public-card-body{padding-top:18px}
.public-card.hero-layout-hero .public-actions{grid-template-columns:1fr 1fr}
.tap-demo.form-open .nfc-card-demo{opacity:.08;transform:translate(-42px,72px) rotate(-13deg) scale(.84)!important;pointer-events:none}
.tap-demo.form-open .tap-hint{opacity:.2}
.hero-sheet-layer{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-end;background:rgba(17,24,39,.36);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .24s;overflow:hidden}
.hero-sheet-layer.open{opacity:1;pointer-events:auto}
.hero-sheet{width:100%;max-height:86%;overflow:auto;background:#fff;border-radius:25px 25px 0 0;padding:15px 17px 19px;transform:translateY(104%);transition:transform .32s cubic-bezier(.22,1,.36,1);text-align:left;position:relative}
.hero-sheet-layer.open .hero-sheet{transform:none}
.hero-sheet-grip{display:block;width:44px;height:4px;border-radius:999px;background:#d8dde5;margin:0 auto 12px}
.hero-sheet h4{font-size:1rem}
.hero-sheet p{font-size:.68rem;margin-top:4px}
.hero-sheet-close{position:absolute;right:15px;top:16px;width:31px;height:31px;border:1px solid #dfe4eb;background:#fff;border-radius:10px;cursor:pointer}
.hero-sheet-form{display:grid;gap:8px;margin-top:13px}
.hero-sheet-form input,.hero-sheet-form textarea{width:100%;border:1px solid #dce1e9;border-radius:11px;padding:9px 10px;font:inherit;font-size:.71rem;outline:none}
.hero-sheet-form textarea{min-height:70px;resize:vertical}
.hero-sheet-form input:focus,.hero-sheet-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(45,102,245,.1)}
.editor-shell{grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr);max-width:1220px;align-items:stretch}
.editor-preview-reference{min-height:760px;padding:72px 22px 26px}
.editor-settings-reference{display:flex;flex-direction:column}
.editor-panel-head{display:flex;align-items:flex-start;gap:18px;padding:25px 28px 22px}
.editor-panel-head>div:first-child{min-width:0}
.editor-kicker{display:block;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:#1f2937}
.editor-panel-head h3{font-size:1.7rem;margin-top:2px}
.editor-panel-head p{font-size:.78rem;margin-top:4px}
.editor-head-actions{margin-left:auto;display:grid;justify-items:end;gap:10px}
.editor-head-actions>div{display:flex;gap:8px}
.editor-tabs{margin-top:16px}
.editor-pane{margin:14px 22px 0;padding:0 18px 20px;border:1px solid #d8dde5;border-radius:22px;background:#fff}
.settings-card-title{height:66px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e8ebf0;margin-bottom:17px}
.settings-card-icon{width:40px;height:40px;border-radius:13px;background:#050505;color:#fff;display:grid;place-items:center}
.settings-card-title strong{font-size:1rem}
.settings-card-toggle{margin-left:auto;width:34px;height:34px;border-radius:50%;background:#f0f1f3;display:grid;place-items:center;font-size:1.1rem;font-weight:900}
.reference-form-grid{gap:14px}
.input-shell{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;min-height:57px;border:1px solid #d9dde4;border-radius:15px;background:#fff;padding:6px 10px 6px 7px;transition:border-color .2s,box-shadow .2s}
.input-shell>i{width:38px;height:38px;border-radius:12px;background:#050505;color:#fff;display:grid;place-items:center;font-size:.82rem}
.input-shell input,.input-shell textarea{border:0!important;box-shadow:none!important;background:transparent!important;min-height:40px!important;padding:8px 10px!important;font-size:.75rem;font-weight:750}
.input-shell b{color:#07936f;font-size:.72rem}
.textarea-shell{align-items:start;padding-top:7px}
.textarea-shell textarea{min-height:72px!important;resize:vertical}
.input-shell:focus-within{border-color:#8ea9ec;box-shadow:0 0 0 4px rgba(92,126,218,.1)}
.editor-footer{margin-top:auto}
.editor-phone{width:350px;height:694px;padding:10px;border-radius:52px;background:#e6e9ec;border:1px solid #c9ced5;position:relative;box-shadow:0 34px 74px rgba(24,34,51,.24)}
.editor-phone-speaker{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:70px;height:6px;border-radius:999px;background:#b9bec5;z-index:8}
.editor-screen{border-radius:41px;background:#fff}
.editor-cover{height:185px;background:#e9edf2;overflow:visible}
.editor-cover>img{width:100%;height:100%;object-fit:cover;display:block}
.editor-cover:before,.editor-cover:after{display:none}
.editor-cover:after{display:block;content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--demo-c1,#7c5cff) 10%,transparent),color-mix(in srgb,var(--demo-c2,#2d66f5) 5%,transparent));pointer-events:none}
.editor-avatar{overflow:hidden;background:#fff}
.editor-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.editor-name{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-size:1.48rem}
.editor-role{font-size:.8rem;font-weight:750}
.editor-bio{font-size:.78rem;margin:16px auto 0;max-width:250px}
.editor-contact-grid{gap:9px;margin-top:18px}
.editor-contact{min-height:58px;padding:10px 12px;border-radius:16px;background:#f0f1f3;border-color:#d3d7dd}
.editor-contact i{width:37px;height:37px;border-radius:12px;background:#050505;color:#fff}
.editor-contact small{font-size:.59rem;letter-spacing:.08em}
.editor-contact strong{font-size:.73rem}
.editor-card-divider{height:1px;background:#dde1e6;margin:19px 0 14px}
.editor-section-label{display:block;text-align:left;color:#687386;font-size:.64rem;letter-spacing:.11em;text-transform:uppercase;font-weight:900}
.editor-actions{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:10px}
.editor-actions button{min-height:47px;border-radius:14px;background:#f0f1f3;color:#172033;border:1px solid #d3d7dd;font-size:.7rem}
.editor-socials{justify-content:flex-start}
.editor-socials a{background:#f0f1f3;color:#172033}
.nfc-option-switch{display:inline-flex;margin:26px auto 0;padding:5px;border-radius:999px;background:#1a2232;border:1px solid #2d374a;gap:5px}
.nfc-option-switch button{border:0;border-radius:999px;background:transparent;color:#aeb8c8;padding:9px 18px;font-weight:850;font-size:.78rem;cursor:pointer;transition:.22s}
.nfc-option-switch button.active{background:#fff;color:#111827;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.nfc-product-card{background:#1d1d1d;transition:background .38s,color .38s,transform .48s cubic-bezier(.2,.85,.2,1),box-shadow .48s ease}
.nfc-essential-face,.nfc-custom-face{position:absolute;inset:0;transition:opacity .28s,transform .36s}
.nfc-essential-face{opacity:1}
.nfc-custom-face{opacity:0;transform:scale(.96);color:#fff}
.nfc-product-card.is-custom .nfc-essential-face{opacity:0;transform:scale(.96)}
.nfc-product-card.is-custom .nfc-custom-face{opacity:1;transform:none}
.nfc-product-card.custom-light{background:#f6f6f4;color:#111827}
.nfc-product-card.custom-light .nfc-custom-face{color:#111827}
.nfc-essential-face img{position:absolute!important;filter:brightness(0) invert(1)}
.nfc-essential-face .nfc-icon{position:absolute!important;right:28px!important;top:26px!important;width:24px!important;height:24px!important}
.nfc-custom-face span{position:absolute;display:block;background:currentColor;opacity:.92;transition:all .42s cubic-bezier(.2,.8,.2,1)}
.custom-avatar{width:48px;height:48px;border-radius:15px;left:28px;top:28px}
.custom-line{height:8px;border-radius:999px}
.custom-name{left:92px;top:36px;width:112px}
.custom-role{left:92px;top:53px;width:76px;opacity:.48!important}
.custom-contact.a{left:28px;bottom:53px;width:132px;opacity:.44!important}
.custom-contact.b{left:28px;bottom:34px;width:92px;opacity:.28!important}
.nfc-product-card.custom-layout-1 .custom-avatar{left:50%;top:28px;transform:translateX(-50%);border-radius:50%}
.nfc-product-card.custom-layout-1 .custom-name{left:50%;top:88px;transform:translateX(-50%);width:126px}
.nfc-product-card.custom-layout-1 .custom-role{left:50%;top:106px;transform:translateX(-50%)}
.nfc-product-card.custom-layout-1 .custom-contact.a{left:50%;bottom:51px;transform:translateX(-50%);width:155px}
.nfc-product-card.custom-layout-1 .custom-contact.b{left:50%;bottom:33px;transform:translateX(-50%);width:112px}
.nfc-product-card.custom-layout-2 .custom-avatar{left:28px;top:50%;transform:translateY(-50%);width:58px;height:58px}
.nfc-product-card.custom-layout-2 .custom-name{left:105px;top:73px;width:142px}
.nfc-product-card.custom-layout-2 .custom-role{left:105px;top:92px;width:93px}
.nfc-product-card.custom-layout-2 .custom-contact.a{left:105px;bottom:72px;width:116px}
.nfc-product-card.custom-layout-2 .custom-contact.b{left:105px;bottom:52px;width:78px}
.nfc-product-card.custom-layout-3 .custom-avatar{left:28px;top:28px;width:40px;height:40px;border-radius:50%}
.nfc-product-card.custom-layout-3 .custom-name{left:28px;top:85px;width:154px}
.nfc-product-card.custom-layout-3 .custom-role{left:28px;top:104px;width:105px}
.nfc-product-card.custom-layout-3 .custom-contact.a{left:auto;right:28px;bottom:57px;width:112px}
.nfc-product-card.custom-layout-3 .custom-contact.b{left:auto;right:28px;bottom:38px;width:77px}
.nfc-product-card.custom-swap{animation:customCardSwap .45s ease}
.nfc-product-card.custom-light .custom-mark{color:#111827}
@keyframes customCardSwap{50%{transform:rotate(-4deg) translateY(-7px) scale(.98);filter:blur(.5px)}100%{filter:none}}
@media (max-width:1080px){
  .editor-shell{grid-template-columns:1fr;max-width:780px}
  .editor-preview-reference{order:2}
  .editor-settings-reference{order:1}
  .editor-preview-reference{min-height:750px}
}
@media (max-width:620px){
  .editor-panel-head{padding:21px 16px;flex-direction:column}
  .editor-head-actions{margin-left:0;justify-items:start}
  .editor-pane{margin-inline:12px;padding-inline:12px}
  .input-shell{grid-template-columns:38px minmax(0,1fr) auto}
  .editor-phone{width:302px;height:600px}
  .editor-cover{height:158px}
  .editor-avatar{width:90px!important;height:90px!important;bottom:-43px!important}
  .editor-body-card{padding-top:57px!important}
  .editor-preview-reference{min-height:675px}
  .nfc-option-switch{margin-top:20px}
  .hero-sheet{max-height:90%}
}
@media (prefers-reduced-motion:reduce){
  .public-card.layout-changing,.nfc-product-card.custom-swap{animation:none}
}
.public-contact-grid{grid-template-columns:1fr}
.public-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.public-actions button:nth-child(n){background:#f3f5f9;color:var(--ink);border:1px solid #e1e6ee}
.share-qr-card{display:grid;justify-items:center;border:1px solid #e1e6ee;border-radius:15px;background:#f8fafc;text-align:center}
.share-qr-card img,.share-qr-code{background:#fff;box-shadow:0 8px 22px rgba(16,24,40,.08)}
.share-qr-card strong{font-size:.75rem}
.share-qr-card span{font-size:.64rem;color:#667085}
.share-qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.share-qr-actions button{min-height:38px;border-radius:11px;border:1px solid #dce2ea;background:#fff;font-size:.68rem;font-weight:850;cursor:pointer}
.share-qr-actions button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}
.editor-shell{--demo-c1:#7c5cff;--demo-c2:#2d66f5}
.editor-settings-reference{background:linear-gradient(180deg,color-mix(in srgb,var(--demo-c2) 5%,#fff),#fff 28%);border-color:color-mix(in srgb,var(--demo-c2) 18%,#dfe4ec)}
.editor-preview-reference{background:radial-gradient(circle at 16% 10%,color-mix(in srgb,var(--demo-c1) 14%,transparent),transparent 31%),radial-gradient(circle at 90% 85%,color-mix(in srgb,var(--demo-c2) 14%,transparent),transparent 33%),#eef1f5}
.settings-card-icon,.input-shell>i{background:linear-gradient(135deg,var(--demo-c1),var(--demo-c2));box-shadow:0 8px 18px color-mix(in srgb,var(--demo-c2) 20%,transparent)}
.editor-tabs{background:color-mix(in srgb,var(--demo-c2) 7%,#f2f4f7);border-color:color-mix(in srgb,var(--demo-c2) 14%,#e4e8ee)}
.editor-tab.active{color:var(--demo-c2)}
.editor-contact i,.editor-socials a{background:linear-gradient(135deg,var(--demo-c1),var(--demo-c2));color:#fff}
.editor-actions button:nth-child(n){background:#f0f1f3;color:#172033;border:1px solid #d3d7dd}
.editor-actions button:first-child{background:linear-gradient(135deg,var(--demo-c1),var(--demo-c2));color:#fff;border-color:transparent}
.editor-card[data-layout="compact"] .editor-cover{background:linear-gradient(135deg,var(--demo-c1),var(--demo-c2))}
.editor-card[data-layout="compact"] .editor-avatar{background:#fff;border-color:#fff;box-shadow:0 0 0 8px color-mix(in srgb,var(--demo-c2) 15%,transparent),0 15px 30px rgba(16,24,40,.22)}
.editor-contact-grid{grid-template-columns:1fr}
.nfc-custom-face .custom-mark{display:none!important}
.dash-menu[role="button"]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.skeleton-row{cursor:default;pointer-events:none;border-top:1px solid #f1f3f6;overflow:hidden;position:relative}
.skeleton-row:hover{background:#fff}
.skeleton-row:after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.76),transparent)}
.skeleton-person{display:flex;align-items:center;gap:10px;min-width:0}
.skeleton-avatar{width:38px;height:38px;border-radius:50%;background:#edf0f4;display:block;flex:none}
.skeleton-stack{display:grid;gap:7px;width:min(132px,100%)}
.skeleton-stack b,.skeleton-cell{display:block;height:9px;border-radius:999px;background:#edf0f4}
.skeleton-stack b:first-child{width:78%}
.skeleton-stack b:last-child{width:100%;opacity:.75}
.skeleton-cell.short{width:62%}
.skeleton-cell.medium{width:78%}
.skeleton-cell.long{width:92%}
.skeleton-cell.pill{width:56px;height:24px}

@media (max-width:620px){
  .skeleton-row:nth-of-type(n/**/+3){display:none}
}
@media (prefers-reduced-motion:reduce){
  .skeleton-row:after{animation:none}
}
.skeleton-icon,.skeleton-line{animation:none!important;background:#edf0f5!important;background-size:auto!important}
.skeleton-row:after{display:none!important;animation:none!important}
.public-card{overflow:auto;scrollbar-width:none;background:#fff}
.public-card::-webkit-scrollbar{display:none}
.public-card-cover{height:132px;background:#e9edf2;overflow:visible}
.public-card-cover:before{content:"";position:absolute;inset:0;width:auto;height:auto;left:0;top:0;border-radius:0;background:linear-gradient(135deg,rgba(124,92,255,.10),rgba(45,102,245,.05));z-index:1;pointer-events:none}
.public-card-cover:after{display:none}
.hero-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.public-card-avatar{width:76px;height:76px;bottom:-34px;border-radius:24px;border-width:4px;background:#fff;overflow:hidden;z-index:3;font-size:0}
.public-card-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.public-card-body{padding:44px 14px 16px;text-align:center}
.public-card-body h3{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-size:1.16rem;line-height:1.12}
.public-card-role{font-size:.64rem;font-weight:750;margin-top:4px}
.public-card-bio{font-size:.62rem;line-height:1.42;margin:9px auto 0;max-width:220px}
.public-contact-grid{gap:7px;margin-top:12px}
.public-contact{min-height:43px;padding:7px 9px;border-radius:13px;background:#f0f1f3;border-color:#d3d7dd}
.public-contact i{width:29px;height:29px;border-radius:10px;background:#111827;color:#fff;font-size:.64rem}
.public-contact small{font-size:.49rem!important;letter-spacing:.075em;font-weight:850}
.public-contact strong{font-size:.59rem!important;margin-top:1px!important}
.public-card-divider{height:1px;background:#dde1e6;margin:11px 0 8px}
.public-section-label{display:block;text-align:left;color:#687386;font-size:.50rem;letter-spacing:.11em;text-transform:uppercase;font-weight:900}
.public-actions{gap:7px;margin-top:7px}
.public-actions button{min-height:38px;padding:7px 3px;border-radius:12px;font-size:.56rem;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.public-actions button:first-child{background:linear-gradient(135deg,#7c5cff,#2d66f5);border-color:transparent;color:#fff}
.public-actions button i{font-size:.66rem}
.public-socials{display:flex;justify-content:flex-start;gap:7px;margin-top:7px}
.public-socials a{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#7c5cff,#2d66f5);color:#fff;font-size:.67rem;transition:transform .2s,box-shadow .2s}
.public-socials a:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(45,102,245,.22)}
.hero-verified{width:18px;height:18px;font-size:.50rem;margin-left:4px;vertical-align:1px}
.public-card.hero-layout-compact .public-card-cover{height:104px;background:linear-gradient(135deg,#7c5cff,#2d66f5)}
.public-card.hero-layout-compact .hero-cover-image{opacity:.34;mix-blend-mode:screen}
.public-card.hero-layout-compact .public-card-avatar{width:68px;height:68px;border-radius:21px;bottom:-30px;box-shadow:0 0 0 6px rgba(45,102,245,.10),0 13px 26px rgba(16,24,40,.20)}
.public-card.hero-layout-compact .public-card-body{padding-top:39px;text-align:center}
.public-card.hero-layout-compact .public-card-body h3{justify-content:center}
.public-card.hero-layout-compact .public-card-bio{margin-left:auto}
.public-card.hero-layout-hero .public-card-cover{height:204px;background:#111827}
.public-card.hero-layout-hero .hero-cover-image{filter:saturate(.82) brightness(.72)}
.public-card.hero-layout-hero .public-card-cover:before{background:linear-gradient(180deg,rgba(17,24,39,.02),rgba(17,24,39,.48))}
.public-card.hero-layout-hero .public-card-avatar{left:14px;bottom:14px;transform:none;width:72px;height:72px;border-radius:22px}
.public-card.hero-layout-hero .public-card-body{padding:13px 14px 16px;text-align:left}
.public-card.hero-layout-hero .public-card-body h3{justify-content:flex-start}
.public-card.hero-layout-hero .public-card-bio{margin-left:0}
@media (max-width:620px){
  .public-card-cover{height:120px}
  .public-card-avatar{width:70px;height:70px;bottom:-31px;border-radius:22px}
  .public-card-body{padding-top:40px;padding-inline:12px}
  .public-contact{min-height:40px}
  .public-actions button{min-height:36px}
  .public-card.hero-layout-hero .public-card-cover{height:182px}
}
.range-toggle{gap:2px;padding:2px;margin-top:-30px;border-radius:10px}
.range-toggle button{padding:4px 8px;border-radius:8px;font-size:.56rem;line-height:1.05}
.tap-demo.tapped .nfc-card-demo,.tap-demo.card-settling .nfc-card-demo{translate:0 0}
.tap-demo.hero-in-view:not(.tapped):not(.card-settling):not(.form-open) .nfc-card-demo{animation:heroCardFloat 8s ease-in-out infinite}
@keyframes heroCardFloat{0%,100%{translate:0 0}50%{translate:3px -9px}}
@media(prefers-reduced-motion:reduce){.tap-demo.hero-in-view:not(.tapped):not(.card-settling):not(.form-open) .nfc-card-demo{animation:none}}
.tap-orbit{animation-play-state:paused}
.tap-demo.hero-in-view .tap-orbit{animation-play-state:running}
@media (max-width:620px){
  .range-toggle{gap:1px;padding:2px;margin-top:-24px}
  .range-toggle button{padding:3px 6px;font-size:.49rem}
}
main{position:relative;z-index:2;margin-bottom:var(--footer-height);box-shadow:0 30px 70px rgba(0,0,0,.2);overflow:visible}
.workflow-grid{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr) 76px minmax(0,1fr);gap:10px;align-items:center}
.workflow-card{opacity:.14;transform:translateY(54px) scale(.96);filter:saturate(.65)}
.workflow-card.workflow-visible{opacity:1;transform:none;filter:none}
.workflow-arrow{opacity:.22;transition:opacity .35s ease}
.workflow-arrow svg{width:100%;height:34px;overflow:visible}
.workflow-arrow path{fill:none;stroke:#8a97ad;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:110;stroke-dashoffset:110;transition:stroke-dashoffset .7s cubic-bezier(.2,.75,.2,1),stroke .35s ease}
.workflow-arrow.arrow-visible{opacity:1}
.workflow-arrow.arrow-visible path{stroke-dashoffset:0;stroke:var(--blue)}
#features{padding-bottom:80px;overflow:visible}
#features .container{overflow:visible}
.feature-stack{margin:0 auto;display:flex;flex-direction:column;overflow:visible;padding-bottom:6vh}
.feature-stack .feature-card{position:sticky;top:calc(104px + (var(--stack-index) * 18px));width:100%;min-height:350px;margin-bottom:34vh;z-index:calc(10 + var(--stack-index));opacity:.1;transform:translateY(72px) scale(.965);box-shadow:0 24px 60px rgba(16,24,40,.12);transition:opacity .5s cubic-bezier(.2,.75,.2,1),transform .5s cubic-bezier(.2,.75,.2,1);will-change:transform,opacity;backface-visibility:hidden}
.feature-stack .feature-card.stack-visible{opacity:1;transform:none;box-shadow:0 34px 72px rgba(16,24,40,.17)}
.feature-stack .feature-card:last-child{margin-bottom:4vh}
.feature-stack .feature-wide,.feature-stack .feature-medium,.feature-stack .feature-half{grid-column:auto}
.feature-stack .feature-chart{max-width:52%;right:28px}
.feature-stack .feature-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.48) 46%,transparent 72%);transform:translateX(-125%);opacity:0}
.feature-stack .feature-card.stack-visible:after{animation:stackCardSheen .8s ease both}
@keyframes stackCardSheen{0%{transform:translateX(-125%);opacity:0}18%{opacity:.55}100%{transform:translateX(125%);opacity:0}}
@media (max-width:900px){
  .workflow-grid{grid-template-columns:1fr;gap:14px}
  .workflow-arrow{height:52px;display:grid;place-items:center}
  .workflow-arrow svg{width:64px;transform:rotate(90deg)}
  .feature-stack{max-width:720px}
  .feature-stack .feature-card{top:92px;margin-bottom:24vh;min-height:330px}
  .feature-stack .feature-chart{max-width:58%}
}
@media (max-width:640px){
  .feature-stack .feature-card{top:82px;margin-bottom:20vh}
  .feature-stack .feature-chart{position:relative;right:auto;bottom:auto;max-width:100%;width:100%;margin-top:24px}
  .feature-stack .feature-people{position:relative;right:auto;bottom:auto;margin-top:34px}
}
@media (prefers-reduced-motion:reduce){
  .feature-stack .feature-card,.workflow-card,.workflow-arrow path,.final-box,.final-box:before,.final-box:after{animation:none!important;transition:none!important}
  .feature-stack .feature-card{opacity:1;transform:none;filter:none}
  .workflow-card{opacity:1;transform:none;filter:none}
  .workflow-arrow path{stroke-dashoffset:0}
}
.workflow-card{transition-delay:0s}
.feature-stack{max-width:1030px}
.feature-stack .feature-card{padding:44px 42px;isolation:isolate}
.feature-stack .feature-card .feature-copy{position:relative;z-index:3;max-width:48%}
.feature-stack .feature-card h3{font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.12}
.feature-stack .feature-card p{font-size:1rem;max-width:36ch}
.feature-stack .feature-card .feature-icon{margin-bottom:34px}
.feature-popout{position:absolute;z-index:2;right:-86px;bottom:-50px;width:min(54%,520px);height:auto;object-fit:contain;filter:drop-shadow(0 30px 35px rgba(16,24,40,.2));transform:translateX(34px) translateY(18px) rotate(2deg) scale(.94);opacity:0;transition:opacity .6s cubic-bezier(.2,.75,.2,1),transform .7s cubic-bezier(.2,.75,.2,1);will-change:transform,opacity;pointer-events:none}
.feature-card:nth-child(even) .feature-popout{transform:translateX(40px) translateY(22px) rotate(-2deg) scale(.94)}
.feature-card.stack-visible .feature-popout{opacity:1;transform:translateX(0) translateY(0) rotate(0) scale(1)}
.feature-card.stack-visible:hover .feature-popout{transform:translateX(-8px) translateY(-7px) rotate(-1deg) scale(1.025);filter:drop-shadow(0 38px 42px rgba(16,24,40,.24))}
.feature-dark .feature-popout{filter:drop-shadow(0 32px 38px rgba(0,0,0,.42))}
@media (max-width:900px){
  .feature-stack .feature-card .feature-copy{max-width:52%}
  .feature-popout{right:-60px;width:min(55%,470px)}
  .final-cta{padding-bottom:124px}
}
@media (max-width:640px){
  .feature-stack .feature-card{padding:28px 24px 218px;min-height:500px}
  .feature-stack .feature-card .feature-copy{max-width:100%}
  .feature-popout{right:-34px;bottom:-34px;width:112%;max-width:520px}
  .feature-card.stack-visible:hover .feature-popout{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .feature-popout{opacity:1;transform:none!important;transition:none!important}
}
#tapDemo .phone-shell{background:#0f1115;padding:9px}
#tapDemo .phone-screen{background:#f7f8fb}
#tapDemo .public-card{background:#fff}
#tapDemo .public-card-body{padding-bottom:14px}
#tapDemo .public-card-bio{display:none}
#tapDemo .public-contact-grid{grid-template-columns:1fr;margin-top:10px}
#tapDemo .public-contact{min-height:39px}
#tapDemo .public-actions{grid-template-columns:1fr 1fr}
#tapDemo .public-socials{margin-top:6px}
#tapDemo .public-card-divider{margin:9px 0 7px}
#tapDemo .public-card.hero-layout-hero .public-card-cover{height:188px}
#tapDemo .public-card.hero-layout-hero .public-card-body{padding-top:12px}
@media (max-width:620px){
  #tapDemo .public-card.hero-layout-hero .public-card-cover{height:170px}
}
body{background:#111}
.workflow-section{min-height:calc(100vh + 1560px);padding:0;overflow:visible}
.workflow-section>.container{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:96px;padding-bottom:64px}
.workflow-section .section-head{margin-bottom:46px}
.workflow-section .workflow-grid{width:100%}
.final-cta{background:#fff;border-radius:0 0 34px 34px;position:relative}
.final-cta:before{display:none}
.final-box{z-index:1}
main{background:#fff;border-radius:0 0 34px 34px}
@media (max-width:900px){
  .workflow-section{min-height:auto;padding:94px 0;overflow:clip}
  .workflow-section>.container{position:relative;top:auto;min-height:auto;padding-top:0;padding-bottom:0}
  .workflow-section .section-head{margin-bottom:38px}
}
@media (max-width:640px){
  .final-cta{padding:64px 14px 116px;border-radius:0 0 26px 26px}
  main{border-radius:0 0 26px 26px}
}
@media (min-width:741px){
  .feature-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:30vh 28px;max-width:1180px;align-items:stretch}
  .feature-stack .feature-card{width:auto;min-width:0;min-height:430px;margin-bottom:0;top:calc(108px + (var(--column-level, 0) * 18px))}
  .feature-stack .feature-card:nth-child(1),.feature-stack .feature-card:nth-child(2){--column-level:0}
  .feature-stack .feature-card:nth-child(3),.feature-stack .feature-card:nth-child(4){--column-level:1}
  .feature-stack .feature-card:last-child{margin-bottom:0}
  .feature-stack .feature-card .feature-copy{max-width:58%}
  .feature-stack .feature-card h3{font-size:clamp(1.42rem,2vw,1.95rem)}
  .feature-stack .feature-card p{font-size:.94rem}
  .feature-stack .feature-popout{right:-52px;bottom:-34px;width:min(72%,430px)}
}
@media (min-width:741px) and (max-width:980px){
  .feature-stack{gap:30vh 18px}
  .feature-stack .feature-card{padding:34px 28px;min-height:410px}
  .feature-stack .feature-card .feature-copy{max-width:64%}
  .feature-stack .feature-popout{right:-44px;width:76%}
}
@media (max-width:740px){
  .feature-stack{display:flex;max-width:720px;gap:0}
  .feature-stack .feature-card{--column-level:0}
}
.section-head{max-width:690px}
.section-label{font-size:.70rem;letter-spacing:.105em;margin-bottom:13px}
.section-label:before{width:18px}
.section-head h2{font-size:clamp(2.2rem,4vw,3.72rem);line-height:1.045}
.nfc-section h2{font-size:clamp(2.3rem,4.15vw,3.78rem)}
.workflow-card[data-workflow-step="0"]{--accent:var(--blue);--soft:var(--blue-soft)}
.workflow-card[data-workflow-step="1"]{--accent:var(--mint);--soft:var(--mint-soft)}
.workflow-card[data-workflow-step="2"]{--accent:var(--coral);--soft:var(--coral-soft)}
.workflow-card[data-workflow-step="2"] .workflow-num{box-shadow:0 10px 24px rgba(255,108,115,.24)}
.feature-stack::after{content:"";display:block;grid-column:1 / -1;width:100%;min-height:58vh;pointer-events:none}
@media (max-width:740px){
  .feature-stack::after{min-height:42vh;flex:0 0 42vh}
}
.nfc-option-switch{opacity:0;transform:translateY(20px) scale(.97);pointer-events:none;transition:opacity .5s cubic-bezier(.2,.75,.2,1),transform .5s cubic-bezier(.2,.75,.2,1)}
.nfc-product{opacity:0!important;transform:translateY(48px) scale(.96)!important;pointer-events:none;transition:opacity .55s cubic-bezier(.2,.75,.2,1),transform .55s cubic-bezier(.2,.75,.2,1)!important}
.nfc-product:before,.nfc-product:after{background:rgba(94,119,211,.055);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.nfc-section.nfc-card-revealed .nfc-option-switch{opacity:1;transform:none;pointer-events:auto}
.nfc-section.nfc-card-revealed .nfc-product{opacity:1!important;transform:none!important;pointer-events:auto}
.nfc-section.nfc-card-revealed .nfc-product-card{animation:nfcArrivalOnce .55s cubic-bezier(.2,.75,.2,1)}
@keyframes nfcArrivalOnce{0%{transform:rotate(-7deg) translateY(40px) scale(.95);box-shadow:0 22px 52px rgba(0,0,0,.18)}
      100%{transform:rotate(-7deg) translateY(0) scale(1);box-shadow:0 38px 80px rgba(0,0,0,.42)}}
@media (max-width:640px){
  .section-head{max-width:560px}
  .section-head h2{font-size:clamp(2.05rem,10vw,3rem)}
}
@media (prefers-reduced-motion:reduce){
  .nfc-product,.nfc-option-switch{opacity:1!important;transform:none!important;transition:none!important}
  .nfc-section.nfc-card-revealed .nfc-product-card{animation:none!important}
}
.final-box{margin-inline:auto;overflow:hidden}
.final-box:after{width:370px;height:370px;right:-140px;bottom:-220px}
.footer-privacy-notice{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.footer-privacy-notice:hover{text-decoration:underline}
.privacy-box[hidden]{display:none!important}
.privacy-box{position:fixed;left:24px;bottom:24px;z-index:10020;width:min(440px,calc(100% - 32px));padding:18px;border:1px solid rgba(255,255,255,.74);border-radius:22px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%);box-shadow:0 24px 70px rgba(16,24,40,.19),inset 0 1px 0 rgba(255,255,255,.82);opacity:0;transform:translateY(22px) scale(.98);transition:opacity .38s ease,transform .42s cubic-bezier(.2,.8,.2,1)}
.privacy-box.is-visible{opacity:1;transform:none}
.privacy-box-head{display:flex;gap:12px;align-items:flex-start}
.privacy-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:14px;background:var(--blue-soft);color:var(--blue);font-size:1rem}
.privacy-box h3{font-size:1rem;letter-spacing:-.025em}
.privacy-box p{font-size:.78rem;line-height:1.55;margin-top:5px;color:#667085}
.privacy-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:15px;flex-wrap:wrap}
.privacy-actions a{margin-right:auto;font-size:.75rem;font-weight:800;color:var(--blue)}
.privacy-actions button{border:1px solid var(--line);border-radius:11px;padding:9px 12px;background:#fff;font-size:.76rem;font-weight:800;cursor:pointer}
.privacy-actions .privacy-dismiss{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(45,102,245,.22)}
@media (max-width:640px){
  .privacy-box{left:16px;bottom:16px;padding:16px;border-radius:19px}
  .privacy-actions{justify-content:stretch}
  .privacy-actions a{width:100%;margin:0 0 3px}
  .privacy-actions button{flex:1}
  .final-box{padding:72px 22px}
}
@media (prefers-reduced-motion:reduce){
  .privacy-box{animation:none!important;transition:none!important}
}
main{isolation:isolate}
main > section:not(.hero){position:relative;z-index:3}
.nfc-product{isolation:isolate}
.nfc-hover-note{z-index:20;pointer-events:none;padding:6px 10px;border-radius:999px;background:rgba(10,15,25,.42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.18)}
@media (max-width:640px){
  .nfc-hover-note{bottom:16px}
}
.feature-stack .feature-card{overflow:visible}
.feature-popout-icon{position:absolute;right:-28px;bottom:-28px;width:150px;height:150px;border-radius:38px;display:grid;place-items:center;font-size:3.15rem;opacity:0;transform:translate(28px,22px) rotate(7deg) scale(.88);border:1px solid rgba(255,255,255,.74);background:rgba(255,255,255,.58);box-shadow:0 28px 56px rgba(16,24,40,.18),inset 0 1px 0 rgba(255,255,255,.82);filter:none;pointer-events:none;transition:opacity .48s ease,transform .62s cubic-bezier(.2,.8,.2,1);will-change:transform,opacity}
.feature-card.is-in-viewport .feature-popout-icon{-webkit-backdrop-filter:blur(16px) saturate(145%);backdrop-filter:blur(16px) saturate(145%)}
.feature-card.stack-visible .feature-popout-icon{opacity:1;transform:none}
.feature-card.stack-visible:hover .feature-popout-icon{transform:translate(-7px,-7px) rotate(-2deg) scale(1.035);box-shadow:0 36px 68px rgba(16,24,40,.22),inset 0 1px 0 rgba(255,255,255,.86);filter:none}
.feature-blue .feature-popout-icon{color:var(--blue);background:linear-gradient(145deg,rgba(234,240,255,.9),rgba(255,255,255,.63))}
.feature-mint .feature-popout-icon{color:var(--mint);background:linear-gradient(145deg,rgba(232,250,245,.92),rgba(255,255,255,.64))}
.feature-violet .feature-popout-icon{color:var(--violet);background:linear-gradient(145deg,rgba(240,236,255,.92),rgba(255,255,255,.64))}
.feature-amber .feature-popout-icon{color:#b77900;background:linear-gradient(145deg,rgba(255,244,223,.94),rgba(255,255,255,.64))}
.feature-dark .feature-popout-icon{color:#fff;border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.09);box-shadow:0 34px 68px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.13)}
@media (max-width:980px){
  .feature-popout-icon{right:-20px;bottom:-20px;width:132px;height:132px;border-radius:32px;font-size:2.7rem}
}
@media (max-width:740px){
  .feature-stack .feature-card{padding-bottom:150px!important;min-height:390px!important}
  .feature-popout-icon{right:20px;bottom:20px;width:108px;height:108px;border-radius:28px;font-size:2.2rem}
  .feature-card.stack-visible:hover .feature-popout-icon{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .feature-popout-icon{opacity:1;transform:none!important;transition:none!important}
}
.feature-stack .feature-card .feature-chart{opacity:1;transform:none;filter:none}
.feature-stack .feature-card:not(.stack-visible) .feature-area{opacity:0}
.feature-stack .feature-card:not(.stack-visible) .feature-line{stroke-dasharray:520;stroke-dashoffset:520}
.feature-stack .feature-card:not(.stack-visible) .feature-dots circle{opacity:0;transform:scale(.35)}
.feature-stack .feature-card.stack-visible .feature-area{opacity:1;transition:opacity .65s ease .18s}
.feature-stack .feature-card.stack-visible .feature-line{animation:featureLineDraw 1.35s cubic-bezier(.2,.75,.2,1) .14s forwards}
.feature-stack .feature-card.stack-visible .feature-dots circle{animation:featureDotIn .34s ease forwards}
.feature-stack .feature-card.stack-visible .feature-dots circle:nth-child(1){animation-delay:.34s}
.feature-stack .feature-card.stack-visible .feature-dots circle:nth-child(2){animation-delay:.46s}
.feature-stack .feature-card.stack-visible .feature-dots circle:nth-child(3){animation-delay:.58s}
.feature-stack .feature-card.stack-visible .feature-dots circle:nth-child(4){animation-delay:.70s}
.feature-stack .feature-card.stack-visible .feature-dots circle:nth-child(5){animation-delay:.82s}
.feature-stack .feature-card.stack-visible .feature-dots circle:nth-child(6){animation-delay:.94s}
.feature-stack .feature-card.stack-visible .feature-dots circle:nth-child(7){animation-delay:1.06s}
.feature-stack .feature-card .feature-people span{opacity:0;transform:translateY(18px) scale(.72);transition:none;box-shadow:0 12px 24px rgba(45,102,245,.18)}
.feature-stack .feature-card.stack-visible .feature-people span{animation:featurePersonIn .48s cubic-bezier(.2,.8,.2,1) forwards}
.feature-stack .feature-card.stack-visible .feature-people span:nth-child(1){animation-delay:.18s}
.feature-stack .feature-card.stack-visible .feature-people span:nth-child(2){animation-delay:.31s}
.feature-stack .feature-card.stack-visible .feature-people span:nth-child(3){animation-delay:.44s}
.feature-stack .feature-card.stack-visible:hover .feature-people span{box-shadow:0 16px 30px rgba(45,102,245,.25)}
@keyframes featurePersonIn{0%{opacity:0;transform:translateY(18px) scale(.72)}
      70%{opacity:1;transform:translateY(-4px) scale(1.06)}
      100%{opacity:1;transform:none}}
@media (max-width:740px){
  .feature-stack .feature-card:has(.feature-chart),.feature-stack .feature-card:has(.feature-people){padding-bottom:28px!important;min-height:390px!important}
  .feature-stack .feature-card .feature-chart{margin-top:28px}
  .feature-stack .feature-card .feature-people{margin-top:38px}
}
@media (prefers-reduced-motion:reduce){
  .feature-stack .feature-card .feature-area,.feature-stack .feature-card .feature-dots circle,.feature-stack .feature-card .feature-people span{opacity:1!important;transform:none!important}
  .feature-stack .feature-card .feature-line{stroke-dashoffset:0!important}
  .feature-stack .feature-card.stack-visible .feature-line,.feature-stack .feature-card.stack-visible .feature-dots circle,.feature-stack .feature-card.stack-visible .feature-people span{animation:none!important}
}
.nfc-section{min-height:auto!important;overflow:hidden!important;padding:86px 0!important}
.nfc-section .nfc-grid{position:relative!important;top:auto!important;min-height:auto!important;padding-block:0!important}
.nfc-product{height:340px!important}
.nfc-product:before{width:276px!important;height:276px!important}
.nfc-product:after{width:374px!important;height:374px!important}
@media (max-width:900px){
  .nfc-section{padding:78px 0!important}
  .nfc-section .nfc-grid{padding-block:0!important}
}
@media (max-width:640px){
  .nfc-section{padding:68px 0!important}
  .nfc-product{height:310px!important}
  .nfc-product:before{width:244px!important;height:244px!important}
  .nfc-product:after{width:330px!important;height:330px!important}
}
.nfc-copy{display:flex;flex-direction:column;align-items:center}
.nfc-option-switch{order:initial}
.nfc-accessories-btn{margin-top:18px}
.section-head h2,.nfc-section h2,.final-box h2{text-wrap:balance}
.section-head p,.final-box p{text-wrap:pretty}
.nfc-card-demo .nfc-logo,.nfc-essential-face img{display:block!important;height:auto!important;object-fit:contain!important;object-position:left center!important;max-width:none!important;opacity:1!important;visibility:visible!important;filter:brightness(0) invert(1)!important;-webkit-filter:brightness(0) invert(1)!important;mix-blend-mode:normal!important}
.nfc-card-demo .nfc-logo{width:88px!important;left:25px!important;bottom:22px!important;z-index:3}
.nfc-essential-face img{width:88px!important;left:28px!important;bottom:26px!important;z-index:3}
@media (max-width:620px){
  .nfc-card-demo .nfc-logo{width:68px!important;left:20px!important;bottom:18px!important}
  .nfc-essential-face img{width:78px!important;left:24px!important;bottom:22px!important}
}
@media (max-width:740px){
  .editor-shell{display:flex!important;flex-direction:column!important}
  .preview-panel.editor-preview-reference{order:1!important}
  .editor-panel.editor-settings-reference{order:2!important}
}
@media (max-width:740px){
  html,body{width:100%;max-width:100%;overflow-x:clip!important}
  main{width:100%!important;max-width:100%!important;overflow-x:clip!important}
  .final-cta{width:100%!important;max-width:100%!important;overflow-x:clip!important}
  .final-box{max-width:100%!important;min-width:0!important;margin-inline:0!important}
}
.feature-editor-popout{width:220px!important;height:172px!important;padding:18px!important;place-items:initial!important;overflow:hidden;font-size:inherit!important;isolation:isolate}
.editor-popout-orbit{position:absolute;inset:22px;border:1px dashed color-mix(in srgb,var(--violet) 35%,transparent);border-radius:50%;opacity:.55}
.editor-popout-icon{position:absolute;width:72px;height:72px;border-radius:24px;display:grid;place-items:center;align-content:center;gap:5px;color:#fff;box-shadow:0 14px 30px rgba(57,41,122,.22);opacity:0;transform:translateY(22px) scale(.72) rotate(-8deg)}
.editor-popout-icon i{font-size:1.25rem}
.editor-popout-icon small{font-size:.54rem;line-height:1;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.editor-popout-theme{left:18px;bottom:20px;background:linear-gradient(135deg,#7c5cff,#a56dff)}
.editor-popout-edit{left:74px;top:18px;background:linear-gradient(135deg,#2d66f5,#6e8dff)}
.editor-popout-profile{right:18px;bottom:20px;background:linear-gradient(135deg,#ff5f66,#ff8a91)}
.feature-card.stack-visible .editor-popout-theme{animation:editorControlIn .58s .14s cubic-bezier(.2,.86,.2,1) forwards}
.feature-card.stack-visible .editor-popout-edit{animation:editorControlIn .58s .31s cubic-bezier(.2,.86,.2,1) forwards}
.feature-card.stack-visible .editor-popout-profile{animation:editorControlIn .58s .48s cubic-bezier(.2,.86,.2,1) forwards}
.feature-card.stack-visible.is-in-viewport .editor-popout-orbit{animation:editorOrbit 6s .8s linear infinite}
@keyframes editorControlIn{0%{opacity:0;transform:translateY(22px) scale(.72) rotate(-8deg)}
      72%{opacity:1;transform:translateY(-4px) scale(1.07) rotate(2deg)}
      100%{opacity:1;transform:none}}
@keyframes editorOrbit{to{transform:rotate(360deg)}}
.feature-url-popout{padding:0!important;place-items:initial!important;font-size:inherit!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.15)!important}
.url-address-bar{min-width:0;flex:1;height:24px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #dde2ea;border-radius:8px;background:#fff;color:#758094;overflow:hidden}
.url-address-bar i{font-size:.52rem;color:#1e9b75}
.url-address-bar b{display:block;min-width:0;font-size:.58rem;white-space:nowrap;overflow:hidden;width:0;opacity:.35;font-weight:800}
.url-browser-page{position:absolute;inset:42px 0 0;display:grid;place-items:center;align-content:center;gap:9px;background:radial-gradient(circle at 50% 20%,rgba(45,102,245,.11),transparent 43%),
        #fff;opacity:.16;transform:translateY(12px) scale(.97)}
.url-browser-page img{width:76px;height:auto;filter:none!important}
.url-browser-page span{font-size:.58rem;font-weight:850;color:#637086}
.url-tap-pointer{position:absolute;right:-3px;bottom:-9px;z-index:4;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 16px 30px rgba(45,102,245,.34);opacity:0;transform:translate(30px,28px) rotate(12deg) scale(.75)}
.url-tap-pointer i{font-size:1.2rem}
.url-tap-ring{position:absolute;right:19px;bottom:16px;z-index:3;width:20px;height:20px;border:2px solid #7d95ff;border-radius:50%;opacity:0}
.feature-card.stack-visible .url-tap-pointer{animation:tapPointer 2.45s .16s cubic-bezier(.2,.82,.2,1) forwards}
.feature-card.stack-visible .url-tap-ring{animation:tapRing .7s 1.02s ease-out forwards}
.feature-card.stack-visible .url-address-bar b{animation:urlReveal .86s 1.14s steps(18,end) forwards}
.feature-card.stack-visible .url-browser-page{animation:pageOpen .68s 1.72s cubic-bezier(.2,.82,.2,1) forwards}
.feature-card.stack-visible .url-mini-browser{animation:browserLift .62s 1.68s cubic-bezier(.2,.82,.2,1) forwards}
@keyframes tapPointer{0%{opacity:0;transform:translate(30px,28px) rotate(12deg) scale(.75)}
      34%{opacity:1;transform:translate(-7px,-8px) rotate(0) scale(1)}
      48%{opacity:1;transform:translate(-7px,-8px) scale(.88)}
      62%{opacity:1;transform:translate(-7px,-8px) scale(1)}
      100%{opacity:1;transform:translate(-4px,-5px) scale(1)}}
@keyframes tapRing{0%{opacity:.8;transform:scale(.35)}
      100%{opacity:0;transform:scale(4.2)}}
@keyframes urlReveal{0%{width:0;opacity:.35}
      100%{width:100%;opacity:1}}
@keyframes pageOpen{to{opacity:1;transform:none}}
@keyframes browserLift{to{transform:scale(1)}}
@media (max-width:980px){
  .feature-editor-popout{width:196px!important;height:154px!important}
  .editor-popout-icon{width:64px;height:64px;border-radius:21px}
  .feature-url-popout{width:226px!important;height:164px!important}
}
@media (max-width:740px){
  .feature-editor-popout,.feature-url-popout{right:20px!important;bottom:20px!important}
  .feature-editor-popout{width:204px!important;height:154px!important}
}
@media (prefers-reduced-motion:reduce){
  .editor-popout-icon,.url-tap-pointer,.url-address-bar b,.url-browser-page{opacity:1!important;transform:none!important}
  .url-address-bar b{width:100%!important}
  .editor-popout-orbit,.feature-card.stack-visible .editor-popout-icon,.feature-card.stack-visible .url-tap-pointer,.feature-card.stack-visible .url-tap-ring,.feature-card.stack-visible .url-address-bar b,.feature-card.stack-visible .url-browser-page,.feature-card.stack-visible .url-mini-browser{animation:none!important}
}
.editor-badge{display:inline-flex;align-items:center;gap:6px;background:var(--blue-soft)!important;color:var(--blue-dark)!important;border-color:rgba(45,102,245,.16)!important}
.editor-badge i{animation:none!important;font-size:.62rem!important}
.editor-reset:disabled{cursor:default!important;pointer-events:none!important;opacity:1!important}
@media (max-width:620px){
  .share-qr-card img,.share-qr-code{width:134px!important;height:134px!important}
}
.hero-sheet:has([data-hero-qr]),.preview-sheet:has([data-editor-qr]){max-height:96%!important;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:15px!important}
.hero-sheet:has([data-hero-qr]) .hero-sheet-form,.preview-sheet:has([data-editor-qr]) .sheet-form{gap:7px!important;margin-top:9px!important}
.share-qr-card{width:100%!important;max-width:100%!important;padding:10px!important;gap:6px!important;margin-top:5px!important;overflow:visible!important}
.share-qr-card img,.share-qr-code{width:178px!important;height:178px!important;max-width:none!important;flex:none!important;padding:0!important;border-radius:6px!important;overflow:visible!important;object-fit:contain!important}
.share-qr-code canvas,.share-qr-code img{display:block!important;width:178px!important;height:178px!important;max-width:none!important;object-fit:contain!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
.share-qr-card strong{margin-top:1px!important;line-height:1.15!important}
.share-qr-card span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.share-qr-actions{margin-top:7px!important}
.feature-url-popout{overflow:visible!important}
.url-mini-phone{position:absolute;left:50%;top:50%;padding:7px;background:#111827;box-shadow:0 24px 48px rgba(0,0,0,.32);transform:translate(-50%,-50%) scale(.92);transition:transform .35s ease}
.url-phone-speaker{position:absolute;top:8px;left:50%;z-index:4;width:38px;height:4px;border-radius:999px;background:#313b4d;transform:translateX(-50%)}
.url-phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:24px;background:#fff}
.url-phone-status{position:relative;z-index:3;height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#202938;font-size:.42rem;font-weight:900;background:#f7f8fa}
.url-phone-status span:last-child{display:flex;align-items:center;gap:3px;font-size:.38rem}
.url-phone-browser{position:relative;z-index:3;padding:5px 7px 7px;background:#f3f5f8;border-bottom:1px solid #e4e8ef}
.url-mini-phone .url-address-bar{width:100%;height:25px;padding:0 7px;border-radius:9px}
.url-mini-phone .url-address-bar b{font-size:.48rem}
.url-mini-phone .url-browser-page{inset:59px 0 12px!important;gap:8px;background:radial-gradient(circle at 50% 20%,rgba(45,102,245,.13),transparent 44%),
        #fff}
.url-mini-phone .url-browser-page img{width:72px}
.url-mini-phone .url-browser-page span{font-size:.5rem}
.url-phone-home{position:absolute;left:50%;bottom:5px;z-index:4;width:38px;height:3px;border-radius:999px;background:#d7dbe2;transform:translateX(-50%)}
.feature-card.stack-visible .url-mini-phone{animation:phoneLift .62s 1.68s cubic-bezier(.2,.82,.2,1) forwards}
@keyframes phoneLift{to{transform:translate(-50%,-50%) scale(1)}}
.feature-url-popout .url-tap-pointer{right:8px!important;bottom:10px!important}
.feature-url-popout .url-tap-ring{right:30px!important;bottom:34px!important}
@media (max-width:620px){
  .share-qr-card img,.share-qr-code,.share-qr-code canvas,.share-qr-code img{width:164px!important;height:164px!important}
  .hero-sheet:has([data-hero-qr]),.preview-sheet:has([data-editor-qr]){max-height:98%!important;padding-top:11px!important;padding-bottom:12px!important}
  .feature-url-popout{width:204px!important;height:252px!important}
  .url-mini-phone{width:130px;height:232px}
}
@media (prefers-reduced-motion:reduce){
  .url-mini-phone{transform:translate(-50%,-50%) scale(1)!important}
  .feature-card.stack-visible .url-mini-phone{animation:none!important}
}
.share-qr-code{display:grid!important;place-items:center!important;overflow:visible!important}
.share-qr-code > canvas{display:none!important}
.share-qr-code:not(:has(img[src])) > canvas{display:block!important}
.share-qr-code > img{display:block!important;width:178px!important;height:178px!important;object-fit:contain!important}
.feature-url-popout{width:198px!important;height:242px!important}
.url-mini-phone{width:122px!important;height:220px!important;border-radius:27px!important}
@media (max-width:740px){
  .feature-stack .feature-card:has(.feature-url-popout){padding-bottom:218px!important}
  .feature-url-popout{width:164px!important;height:198px!important;right:14px!important;bottom:12px!important}
  .url-mini-phone{width:100px!important;height:180px!important;padding:5px!important;border-radius:23px!important}
  .url-phone-speaker{top:6px!important;width:28px!important;height:3px!important}
  .url-phone-screen{border-radius:18px!important}
  .url-phone-status{height:18px!important;padding-inline:7px!important;font-size:.34rem!important}
  .url-phone-status span:last-child{gap:2px!important;font-size:.31rem!important}
  .url-phone-browser{padding:3px 5px 5px!important}
  .url-mini-phone .url-address-bar{height:21px!important;padding-inline:5px!important;gap:4px!important;border-radius:7px!important}
  .url-mini-phone .url-address-bar i{font-size:.38rem!important}
  .url-mini-phone .url-address-bar b{font-size:.38rem!important}
  .url-mini-phone .url-browser-page{inset:47px 0 9px!important;gap:6px!important}
  .url-mini-phone .url-browser-page img{width:53px!important}
  .url-mini-phone .url-browser-page span{font-size:.4rem!important}
  .url-phone-home{bottom:4px!important;width:29px!important}
  .feature-url-popout .url-tap-pointer{width:42px!important;height:42px!important;right:3px!important;bottom:4px!important;border-radius:14px!important}
  .feature-url-popout .url-tap-pointer i{font-size:.95rem!important}
  .feature-url-popout .url-tap-ring{right:21px!important;bottom:23px!important}
}
@media (max-width:620px){
  .share-qr-code > img,.share-qr-code:not(:has(img[src])) > canvas{width:164px!important;height:164px!important}
}
.share-qr-code .qr-unavailable{display:grid;place-items:center;width:178px;height:178px;padding:18px;border:1px dashed rgba(17,24,39,.2);border-radius:12px;color:#667085;background:#fff;font-size:.72rem;font-weight:800;text-align:center}
@media (max-width:620px){
  .share-qr-code .qr-unavailable{width:164px;height:164px}
}

.detail-screen.detail-enter .detail-crumb,.detail-screen.detail-enter .detail-actions,.detail-screen.detail-enter .profile-summary,.detail-screen.detail-enter .message-panel,.detail-screen.detail-enter .lead-note-panel,.detail-screen.detail-enter .profile-info h4,.detail-screen.detail-enter .profile-info>p,.detail-screen.detail-enter .profile-meta span,.detail-screen.detail-enter .info-row,.detail-screen.detail-enter .info-actions{animation:detailTransform .58s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity,filter}
.detail-screen.detail-enter .detail-crumb{animation-delay:.02s}
.detail-screen.detail-enter .detail-actions{animation-delay:.07s}
.detail-screen.detail-enter .profile-summary{animation-delay:.06s}
.detail-screen.detail-enter .profile-info h4{animation-delay:.14s}
.detail-screen.detail-enter .profile-info>p{animation-delay:.20s}
.detail-screen.detail-enter .profile-meta span:nth-child(1){animation-delay:.25s}
.detail-screen.detail-enter .profile-meta span:nth-child(2){animation-delay:.30s}
.detail-screen.detail-enter .message-panel,.detail-screen.detail-enter .lead-note-panel{animation-delay:.24s}
.detail-screen.detail-enter .info-row:nth-child(1){animation-delay:.16s}
.detail-screen.detail-enter .info-row:nth-child(2){animation-delay:.23s}
.detail-screen.detail-enter .info-row:nth-child(3){animation-delay:.30s}
.detail-screen.detail-enter .info-row:nth-child(4){animation-delay:.37s}
.detail-screen.detail-enter .info-actions{animation-delay:.43s}
@keyframes detailTransform{0%{
        opacity:0;
        transform:translate3d(18px,16px,0) scale(.965);
        filter:blur(7px);
      }
      65%{
        opacity:1;
        transform:translate3d(-2px,-1px,0) scale(1.008);
        filter:blur(0);
      }
      100%{
        opacity:1;
        transform:none;
        filter:none;
      }}
.final-cta{padding-top:12vh!important;padding-bottom:18vh!important;display:block}
.final-box{display:grid;align-content:center;transition:box-shadow .75s ease,
        border-radius .75s ease,
        background-size .9s ease!important}
.final-box h2,.final-box p,.final-box .final-actions{z-index:3!important}
.final-actions .btn-light{color:#fff!important;background:rgba(255,255,255,.17)!important;border:1px solid rgba(255,255,255,.42)!important;-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%);box-shadow:0 14px 34px rgba(25,36,99,.18),
        inset 0 1px 0 rgba(255,255,255,.34)!important}
.final-actions .btn-light:hover{background:rgba(255,255,255,.24)!important;border-color:rgba(255,255,255,.62)!important}
.final-actions .btn-secondary{color:#fff!important;background:transparent!important;border:1.5px solid rgba(255,255,255,.68)!important;box-shadow:none!important}
.final-actions .btn-secondary:hover{background:rgba(255,255,255,.09)!important;border-color:#fff!important}
@media (min-width:741px) and (max-width:1100px){
  html,body{width:100%;max-width:100%;overflow-x:clip!important}
  main,.final-cta{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:clip!important}
}
@media (max-width:740px){
  .final-cta{min-height:124vh;padding-top:10vh!important;padding-bottom:14vh!important}
  .final-box{top:12vh}
}
@media (prefers-reduced-motion:reduce){
  .final-box,.final-box:after,.detail-screen.detail-enter *{animation:none!important}
}

.final-box{isolation:isolate}
.final-box:before{width:auto!important;height:auto!important;left:auto!important;top:auto!important;pointer-events:none!important}
#editorCard{position:relative}
#editorCard[data-layout="hero"] .editor-cover{position:relative}
#editorCard[data-layout="hero"] .editor-cover:after{background:linear-gradient(90deg,rgba(8,15,28,.18) 0%,rgba(8,15,28,.04) 45%,rgba(8,15,28,.08) 100%),
        linear-gradient(0deg,rgba(8,15,28,.52) 0%,rgba(8,15,28,.08) 58%,transparent 100%)!important}
#editorCard[data-layout="hero"] .editor-avatar{z-index:5;box-shadow:0 12px 30px rgba(8,15,28,.28),
        0 0 0 3px rgba(255,255,255,.94)}
#editorCard[data-layout="hero"] .editor-name,#editorCard[data-layout="hero"] .editor-role{position:absolute;left:128px;right:18px;z-index:6;width:auto;margin:0;color:#fff;text-align:left;justify-content:flex-start;text-shadow:0 2px 12px rgba(0,0,0,.38);pointer-events:none}
#editorCard[data-layout="hero"] .editor-name{top:176px;font-size:1.18rem;line-height:1.12;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}
#editorCard[data-layout="hero"] .editor-name #previewEditName{min-width:0;overflow:hidden;text-overflow:ellipsis}
#editorCard[data-layout="hero"] .editor-role{top:205px;font-size:.69rem;line-height:1.25;font-weight:760;opacity:.94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#editorCard[data-layout="hero"] .editor-verified{flex:0 0 auto;width:18px;height:18px;margin-left:5px;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.92);color:#172033;text-shadow:none;font-size:.5rem}
#editorCard[data-layout="hero"] .editor-body-card{padding-top:22px!important}
@media (max-width:620px){
  #editorCard[data-layout="hero"] .editor-name,#editorCard[data-layout="hero"] .editor-role{left:121px;right:14px}
  #editorCard[data-layout="hero"] .editor-name{top:178px;font-size:1.05rem}
  #editorCard[data-layout="hero"] .editor-role{top:204px;font-size:.62rem}
}
.eyebrow{background:linear-gradient(120deg,rgba(45,102,245,.14),rgba(124,92,255,.12));border:1px solid rgba(45,102,245,.16)}
.final-box{transform:translateZ(0);backface-visibility:hidden}

.final-box:before{content:""!important;display:block!important;position:absolute!important;z-index:1!important;inset:-40%!important;border-radius:0!important;opacity:.85!important;mix-blend-mode:normal!important;background:radial-gradient(circle at 18% 30%, rgba(255,255,255,.30), transparent 26%),
        radial-gradient(circle at 74% 24%, rgba(255,255,255,.18), transparent 28%),
        radial-gradient(circle at 70% 78%, rgba(255,255,255,.16), transparent 26%),
        radial-gradient(circle at 30% 78%, rgba(38,99,235,.16), transparent 24%)!important;background-size:140% 140%!important}

.final-box:after{content:""!important;position:absolute!important;z-index:1!important;inset:-46%!important;opacity:.5!important;filter:blur(1px);background:linear-gradient(112deg,transparent 30%,rgba(255,255,255,.10) 40%,rgba(255,255,255,.30) 50%,rgba(255,255,255,.10) 60%,transparent 70%)!important;pointer-events:none}

.final-box h2,.final-box p,.final-box .final-actions{position:relative;text-shadow:0 2px 18px rgba(20,20,60,.16)}
.btn-primary{background:linear-gradient(120deg,var(--blue),#5a49f0)!important;box-shadow:0 14px 30px rgba(76,73,240,.28)!important}
.btn-primary:hover{background:linear-gradient(120deg,var(--blue-dark),#4a3ad9)!important;box-shadow:0 18px 38px rgba(76,73,240,.36)!important}
.section-label:before{background:linear-gradient(90deg,var(--blue),var(--violet))!important}
.workflow-card{transition:transform .25s,box-shadow .25s,border-color .25s}
.workflow-card:hover{border-color:rgba(45,102,245,.28)}
@media (max-width:740px){
  .final-box:before{inset:-52%!important;opacity:.76!important}
}
@media (prefers-reduced-motion:reduce){
  .final-box,.final-box:before,.final-box:after{animation:none!important;will-change:auto}
  .final-box{background-position:40% 45%!important}
  .final-box:before{opacity:.7!important;transform:none!important}
}
@media (max-width:740px){
  .hero-copy>p{font-size:.96rem!important;line-height:1.62!important}
}
.hero-copy>p{max-width:530px!important;margin-top:27px!important;color:#72777d!important;font-size:1.05rem!important;line-height:1.62!important}
.tap-demo{width:100%!important;height:650px!important;margin:0!important;filter:none!important;transform:translateX(28px)!important}
.tap-demo:after{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;left:50%!important;bottom:56px!important;width:78%!important;height:74px!important;transform:translateX(-50%)!important;background:radial-gradient(ellipse,rgba(31,41,55,.15),transparent 69%)!important;filter:blur(14px)!important;opacity:.72!important;pointer-events:none!important}
#tapDemo .phone-shell{box-shadow:0 30px 70px rgba(31,41,55,.16)!important}
#tapDemo .nfc-card-demo{box-shadow:0 26px 58px rgba(31,41,55,.20)!important}
.tap-orbit{opacity:.18!important}
@media (max-width:1000px){
  .hero-copy>p{margin-inline:auto!important}
  .tap-demo{transform:none!important;max-width:700px!important;margin:0 auto!important}
}
@media (max-width:640px){
  .hero-copy>p{margin-top:20px!important;font-size:.95rem!important;line-height:1.6!important}
  .tap-demo{height:535px!important}
  .tap-demo:after{bottom:26px!important;width:90%!important}
}
.tap-demo:before{content:"";position:absolute;z-index:-2;width:min(520px,84%);height:430px;right:2%;top:11%;border-radius:48% 52% 58% 42%;background:linear-gradient(125deg,rgba(45,102,245,.30),rgba(124,92,255,.26) 44%,rgba(31,210,164,.22));filter:blur(58px);opacity:.68;transform:translate3d(0,0,0) rotate(0deg) scale(1);animation:tapFluidGlow 8s ease-in-out infinite alternate;pointer-events:none;will-change:transform,border-radius}
@keyframes tapFluidGlow{0%{transform:translate3d(-18px,-8px,0) rotate(-5deg) scale(.94);border-radius:44% 56% 46% 54%}
      50%{transform:translate3d(18px,10px,0) rotate(6deg) scale(1.05);border-radius:59% 41% 57% 43%}
      100%{transform:translate3d(-5px,18px,0) rotate(-2deg) scale(.98);border-radius:50% 50% 40% 60%}}
.browser-live,.editor-badge{display:inline-flex!important;align-items:center;gap:7px}
.browser-live:before,.editor-badge:before{content:"";width:7px;height:7px;border-radius:50%;flex:none;background:#20c997;box-shadow:0 0 0 0 rgba(32,201,151,.34);animation:interactiveDot 1.8s ease-out infinite}
@keyframes interactiveDot{0%{box-shadow:0 0 0 0 rgba(32,201,151,.36)}65%{box-shadow:0 0 0 7px rgba(32,201,151,0)}100%{box-shadow:0 0 0 0 rgba(32,201,151,0)}}
.editor-focus-close{display:none;position:fixed;top:22px;right:22px;z-index:100002;width:40px;height:40px;border:1px solid #d9dfe8;border-radius:12px;background:#fff;color:#435067;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 28px rgba(16,24,40,.12)}
.editor-focus-close:hover{background:#f8fafc;border-color:#c5ccd7}
body.editor-focus-mode{overflow:hidden!important}
body.editor-focus-mode .editor-demo{position:fixed!important;inset:0!important;z-index:99999!important;background:#f6f7fb!important;overflow:auto!important}
body.editor-focus-mode .editor-demo>.container{max-width:none!important}
body.editor-focus-mode .editor-demo .section-head{display:none!important}
@media (max-width:640px){
  .tap-demo:before{width:88%;height:340px;right:5%;top:8%;filter:blur(48px);opacity:.58}
  body.editor-focus-mode .editor-demo{padding:10px!important}
  body.editor-focus-mode .editor-shell{min-height:auto}
  body.editor-focus-mode .preview-panel,body.editor-focus-mode .editor-panel{min-height:auto}
}
@media (prefers-reduced-motion:reduce){
  .tap-demo:before,.browser-live:before,.editor-badge:before{animation:none!important}
}
body.editor-focus-mode .editor-demo{display:grid!important;place-items:center!important;padding:28px!important}
body.editor-focus-mode .editor-demo>.container{width:min(1240px,100%)!important;margin:auto!important}
body.editor-focus-mode .editor-shell{width:100%!important;max-width:1180px!important;margin:auto!important;min-height:0!important;align-items:center!important}
body.editor-focus-mode .preview-panel,body.editor-focus-mode .editor-panel{min-height:0!important;align-self:center!important}
body.editor-focus-mode .editor-preview-reference{padding-top:38px!important}
@media (max-width:1080px){
  body.editor-focus-mode .editor-demo{place-items:start center!important;padding:18px!important}
  body.editor-focus-mode .editor-shell{max-width:780px!important;align-items:stretch!important}
}
body.editor-focus-mode .editor-focus-close,body.editor-focus-mode [data-editor-close]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:12px!important}
body.editor-focus-mode .editor-focus-close i,body.editor-focus-mode [data-editor-close] i{display:inline-block!important;font-size:18px!important;line-height:1!important;color:currentColor!important;opacity:1!important;visibility:visible!important}
#tapDemo .phone-idle{display:block;padding:0;overflow:hidden;color:#fff;background:#122340;text-align:initial}
#tapDemo .iphone-lock-screen{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 74% 18%,rgba(255,187,222,.95) 0 8%,rgba(221,92,183,.70) 24%,transparent 43%),
      radial-gradient(circle at 24% 78%,rgba(54,220,222,.88) 0 10%,rgba(27,119,190,.68) 28%,transparent 50%),
      radial-gradient(circle at 84% 88%,rgba(111,90,239,.88),transparent 42%),
      linear-gradient(145deg,#092d4d 0%,#174f77 34%,#522f78 69%,#16162c 100%);isolation:isolate}
#tapDemo .iphone-lock-screen::before,#tapDemo .iphone-lock-screen::after{content:"";position:absolute;border-radius:50%;filter:blur(3px);opacity:.72;pointer-events:none}
#tapDemo .iphone-lock-screen::before{width:260px;height:260px;left:-95px;top:88px;background:linear-gradient(145deg,rgba(51,219,225,.72),rgba(44,88,208,.05) 64%);transform:rotate(-24deg) scaleX(1.25)}
#tapDemo .iphone-lock-screen::after{width:310px;height:310px;right:-168px;bottom:24px;background:linear-gradient(145deg,rgba(255,132,194,.74),rgba(100,47,184,.05) 66%);transform:rotate(18deg) scaleY(1.18)}
#tapDemo .iphone-status-bar{position:absolute;z-index:12;top:15px;left:18px;right:17px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.01em;text-shadow:0 1px 6px rgba(0,0,0,.28)}
#tapDemo .iphone-status-icons{display:flex;align-items:center;gap:6px}
#tapDemo .iphone-cellular{display:flex;align-items:flex-end;gap:1.5px;height:10px}
#tapDemo .iphone-cellular i{display:block;width:2px;border-radius:2px;background:currentColor}
#tapDemo .iphone-cellular i:nth-child(1){height:3px}
#tapDemo .iphone-cellular i:nth-child(2){height:5px}
#tapDemo .iphone-cellular i:nth-child(3){height:7px}
#tapDemo .iphone-cellular i:nth-child(4){height:9px}
#tapDemo .iphone-wifi{font-size:12px;line-height:1}
#tapDemo .iphone-battery{position:relative;width:20px;height:10px;border:1.2px solid rgba(255,255,255,.84);border-radius:3px;padding:1.5px}
#tapDemo .iphone-battery::after{content:"";position:absolute;right:-3px;top:2.5px;width:1.5px;height:4px;border-radius:0 2px 2px 0;background:rgba(255,255,255,.75)}
#tapDemo .iphone-battery-level{display:block;width:84%;height:100%;border-radius:1px;background:#fff}
#tapDemo .iphone-lock-main{position:absolute;z-index:3;top:68px;left:18px;right:18px;text-align:center;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.24)}
#tapDemo .iphone-lock-icon{display:grid;place-items:center;width:25px;height:25px;margin:0 auto 8px;font-size:15px}
#tapDemo .iphone-lock-date{font-size:15px;font-weight:550;letter-spacing:-.015em}
#tapDemo .iphone-lock-time{margin-top:-3px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;font-size:62px;font-weight:250;line-height:1;letter-spacing:-.065em}
#tapDemo .iphone-lock-widget{position:absolute;z-index:3;left:18px;right:18px;top:206px;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(20,31,55,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff}
#tapDemo .iphone-lock-widget i{font-size:18px}
#tapDemo .iphone-lock-widget span{display:block;font-size:9px;font-weight:650;letter-spacing:.02em;opacity:.82}
#tapDemo .iphone-lock-widget strong{display:block;margin-top:2px;font-size:11px;font-weight:700}
#tapDemo .iphone-lock-actions{position:absolute;z-index:3;left:24px;right:24px;bottom:25px;display:flex;justify-content:space-between}
#tapDemo .iphone-lock-action{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(8,14,28,.42);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:15px}
#tapDemo .iphone-home-indicator{position:absolute;z-index:4;left:50%;bottom:8px;width:92px;height:4px;border-radius:999px;background:#fff;transform:translateX(-50%);box-shadow:0 1px 5px rgba(0,0,0,.22)}
@media (max-width:620px){
  #tapDemo .iphone-lock-main{top:60px}
  #tapDemo .iphone-lock-time{font-size:54px}
  #tapDemo .iphone-lock-widget{top:188px}
}
.feature-message-card .feature-popout-icon,.feature-nfc-card .feature-popout-icon{isolation:isolate}
.feature-message-card .feature-popout-icon i,.feature-nfc-card .feature-popout-icon i{position:relative;z-index:2}
.feature-message-card .feature-popout-icon::before,.feature-message-card .feature-popout-icon::after{content:"";position:absolute;z-index:1;width:17px;height:13px;border-radius:7px 7px 7px 2px;background:currentColor;opacity:0}
.feature-message-card .feature-popout-icon::before{left:27px;top:35px}
.feature-message-card .feature-popout-icon::after{right:25px;bottom:31px;transform:scale(.72)}
.feature-message-card.stack-visible.is-in-viewport .feature-popout-icon i{animation:featureMessageIcon 2.6s ease-in-out infinite}
.feature-message-card.stack-visible.is-in-viewport .feature-popout-icon::before{animation:featureMessageBubble 2.6s .18s ease-in-out infinite}
.feature-message-card.stack-visible.is-in-viewport .feature-popout-icon::after{animation:featureMessageBubble 2.6s 1.05s ease-in-out infinite}
.feature-nfc-card .feature-popout-icon::before,.feature-nfc-card .feature-popout-icon::after{content:"";position:absolute;inset:24px;border:2px solid currentColor;border-radius:50%;opacity:0;z-index:1}
.feature-nfc-card .feature-popout-icon::after{inset:9px}
.feature-nfc-card.stack-visible.is-in-viewport .feature-popout-icon i{animation:featureNfcIcon 2.2s ease-in-out infinite}
.feature-nfc-card.stack-visible.is-in-viewport .feature-popout-icon::before{animation:featureNfcWave 2.2s .15s ease-out infinite}
.feature-nfc-card.stack-visible.is-in-viewport .feature-popout-icon::after{animation:featureNfcWave 2.2s .72s ease-out infinite}
@keyframes featureMessageIcon{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-3deg)}}
@keyframes featureMessageBubble{0%,18%,100%{opacity:0;transform:translateY(7px) scale(.65)}40%,68%{opacity:.28;transform:translateY(0) scale(1)}}
@keyframes featureNfcIcon{0%,100%{transform:scale(1)}45%{transform:scale(1.09)}}
@keyframes featureNfcWave{0%{opacity:.34;transform:scale(.62)}72%,100%{opacity:0;transform:scale(1.17)}}
@media (min-width:741px){
  .feature-stack .feature-card:nth-child(5),.feature-stack .feature-card:nth-child(6){--column-level:2}
  .feature-stack .feature-card:nth-child(7),.feature-stack .feature-card:nth-child(8){--column-level:3}
}
.final-cta{min-height:auto!important;padding:88px 20px 112px!important;overflow:clip}
.final-box{position:relative!important;top:auto!important;width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important;min-height:460px!important;padding:90px 40px!important;border-radius:38px!important;background:#020817!important;contain:paint;box-shadow:0 30px 74px rgba(38,99,235,.24)!important;animation:none!important;will-change:auto}
.final-box:before{animation:none!important;transform:none!important;filter:blur(8px)!important;will-change:auto!important}
.final-box:after{display:none!important;animation:none!important;will-change:auto!important}
@media (max-width:740px){
  .final-cta{padding:70px 14px 94px!important}
  .final-box{width:100%!important;min-height:410px!important;padding:72px 22px!important;border-radius:28px!important}
}
@media (prefers-reduced-motion:reduce){
  .final-box,.feature-message-card .feature-popout-icon i,.feature-message-card .feature-popout-icon::before,.feature-message-card .feature-popout-icon::after,.feature-nfc-card .feature-popout-icon i,.feature-nfc-card .feature-popout-icon::before,.feature-nfc-card .feature-popout-icon::after{animation:none!important;will-change:auto}
}
.product-tour{--tour-app-height:clamp(590px,68vh,690px);position:relative;min-height:248vh;padding:96px 0 28px;overflow:visible;isolation:isolate}
.product-tour::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:min(52vh,560px);pointer-events:none;background:radial-gradient(circle at 76% 0%,rgba(45,102,245,.07),transparent 34%),
        radial-gradient(circle at 20% 16%,rgba(124,92,255,.05),transparent 32%),
        #fff}
.product-tour>.container{width:100%;max-width:none;min-height:248vh;padding:0 24px;box-sizing:border-box}
.product-tour-head{max-width:760px;margin:0 auto 78px;position:relative;z-index:2}
.product-tour-head p{max-width:650px}
.tour-shell{position:sticky;top:max(18px,calc((100vh - (var(--tour-app-height) + 122px))/2));transform:none;width:min(1360px,calc(100vw - 48px));margin:0 auto;z-index:7}
.product-tour .browser{width:100%;max-width:none;margin:0 auto;border:1px solid #dce2ec;border-radius:22px;box-shadow:0 32px 80px rgba(16,24,40,.16);isolation:isolate}
.product-tour .app-stage{height:var(--tour-app-height)}
.tour-tabs{width:min(760px,calc(100% - 28px));margin:14px auto 0;padding:8px;background:rgba(242,244,248,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(16,24,40,.06)}
@property --edge-beam-angle{syntax:"<angle>";
      inherits:false;
      initial-value:0deg;}
.edge-beam{--edge-beam-angle:0deg;position:absolute;inset:0;z-index:30;border-radius:inherit;padding:2px;pointer-events:none;background:conic-gradient(
        from var(--edge-beam-angle),
        transparent 0deg 286deg,
        rgba(45,102,245,.15) 294deg,
        #2d66f5 305deg,
        #7c5cff 319deg,
        #ff5f66 332deg,
        #20c997 344deg,
        rgba(45,102,245,.2) 352deg,
        transparent 359deg 360deg
      );-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:edgeBeamOrbit 10s linear infinite}
.final-box>.edge-beam{padding:3px;animation-duration:8.5s;opacity:.96;background:conic-gradient(
        from var(--edge-beam-angle),
        transparent 0deg 284deg,
        rgba(255,255,255,.06) 293deg,
        rgba(224,247,255,.54) 304deg,
        rgba(255,255,255,.98) 318deg,
        rgba(190,229,255,.94) 331deg,
        rgba(225,216,255,.88) 344deg,
        rgba(255,255,255,.3) 353deg,
        transparent 359deg 360deg
      );filter:drop-shadow(0 0 5px rgba(234,249,255,.62)) drop-shadow(0 0 10px rgba(190,229,255,.28))}
@keyframes edgeBeamOrbit{to{--edge-beam-angle:360deg}}
.feature-detail-points{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:18px 0 0}
.feature-detail-points li{display:inline-flex;align-items:center;min-height:30px;padding:7px 10px;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:rgba(255,255,255,.78);color:#475467;font-size:.72rem;font-weight:750;line-height:1.25;box-shadow:inset 0 1px 0 rgba(255,255,255,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.feature-dark .feature-detail-points li{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#d0d5dd;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.section-info-pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;min-width:0}
.section-info-pills span{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:7px 11px;border:1px solid #e2e7ef;border-radius:999px;background:#f8fafc;color:#475467;font-size:.72rem;font-weight:800;line-height:1;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);box-sizing:border-box}
.section-info-pills span i{font-size:.82rem;color:var(--blue)}
.editor-info-pills{justify-content:center}
.nfc-info-pills{margin-top:22px;margin-bottom:18px}
.nfc-info-pills span{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#d7deea}
.nfc-info-pills span i{color:#90aaff}
.editor-demo{overflow:visible}
.editor-gate-wrap{position:relative;max-width:1220px;margin:0 auto;isolation:isolate}
.editor-gate-wrap.is-locked .editor-shell{pointer-events:none;user-select:none;transform:scale(.992);filter:saturate(.96);transition:transform .5s cubic-bezier(.22,1,.36,1),filter .4s ease}
.editor-gate-wrap.is-open .editor-shell{pointer-events:auto;user-select:auto;transform:none;filter:none}
.editor-entry-overlay{position:absolute;z-index:40;left:-2px;right:-2px;top:34%;bottom:-3px;display:flex;align-items:center;justify-content:center;padding-top:5%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.40) 22%,rgba(255,255,255,.82) 48%,rgba(255,255,255,.97) 70%,#fff 88%);transition:opacity .42s ease,transform .5s cubic-bezier(.22,1,.36,1),visibility 0s linear .44s;pointer-events:auto}
.editor-entry-cta{display:grid;justify-items:center;gap:11px;text-align:center;transform:translateY(8px)}
.editor-entry-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border:1px solid #101828;border-radius:14px;background:#101828;color:#fff;font:800 .9rem/1 Inter,sans-serif;box-shadow:0 16px 34px rgba(16,24,40,.20);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.editor-entry-btn:hover{background:#1d2939;transform:translateY(-2px);box-shadow:0 20px 40px rgba(16,24,40,.24)}
.editor-entry-cta span{font-size:.76rem;font-weight:650;color:#667085}
.editor-gate-wrap.is-open .editor-entry-overlay{opacity:0;transform:translateY(28px);visibility:hidden;pointer-events:none}
body.editor-focus-mode .editor-gate-wrap{max-width:none}
body.editor-focus-mode .editor-entry-overlay{display:none}
@media (min-width:741px){
  .feature-stack{padding-bottom:0}
}
@media (min-width:741px) and (max-width:1100px){
  html,body,main{width:100%;max-width:100%;overflow-x:hidden}
}
@media (min-width:741px) and (max-height:820px){
  .product-tour{--tour-app-height:clamp(520px,62vh,580px)}
  .product-tour-head{margin-bottom:62px}
}
@media (max-width:900px) and (min-width:741px){
  .product-tour{--tour-app-height:clamp(540px,64vh,610px);padding-top:88px}
  .product-tour>.container{padding-inline:14px}
  .tour-shell{width:100%}
}
@media (max-width:740px){
  .product-tour{min-height:auto;padding:84px 0;overflow:hidden}
  .product-tour>.container{min-height:0;padding-inline:14px}
  .product-tour-head{margin-bottom:64px}
  .tour-shell{position:relative;top:auto;transform:none;width:100%}
  .product-tour{--tour-app-height:560px}
  .product-tour .app-stage{height:var(--tour-app-height)}
  .tour-tabs{width:100%}
  .feature-detail-points{gap:6px}
  .feature-detail-points li{font-size:.68rem;padding:7px 9px}
  .section-info-pills{gap:6px}
  .section-info-pills span{font-size:.67rem;padding:7px 9px}
  .nfc-info-pills{justify-content:center}
  .editor-entry-overlay{top:32%;padding:90px 18px 30px}
}
.product-tour{background:linear-gradient(180deg,#f8fafc 0%,#f8fafc 70%,#fff 94%)!important}
.product-tour::before{display:none!important}
.social-pie-block{margin-top:11px;padding-top:10px;border-top:1px solid #edf0f4}
.social-pie-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.social-pie-head h5{font:800 .67rem/1.15 Manrope,sans-serif;color:#344054}
.social-pie-head p{margin-top:2px;font-size:.56rem;color:#8a94a6}
.social-total{display:grid;place-items:center;min-width:28px;height:23px;padding:0 7px;border-radius:999px;background:#f2f5fa;color:#344054;font-size:.59rem;font-weight:850}
.social-pie-layout{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:center;margin-top:8px}
.social-pie{width:82px;height:82px;overflow:visible;transform:rotate(-90deg)}
.social-pie-track{fill:none;stroke:#eef1f5;stroke-width:6}
.social-slice{fill:none;stroke-width:6;stroke-linecap:butt;stroke-dasharray:var(--slice) var(--gap);stroke-dashoffset:var(--offset);cursor:pointer;transform-box:fill-box;transform-origin:center;transition:stroke-width .18s ease,filter .18s ease,opacity .18s ease}
.social-slice:hover,.social-slice.active,.social-slice:focus-visible{stroke-width:7.4;filter:drop-shadow(0 1px 2px rgba(16,24,40,.16));outline:none}
.social-slice.instagram{stroke:#e1306c}
.social-slice.linkedin{stroke:#0a66c2}
.social-slice.facebook{stroke:#1877f2}
.social-slice.x-social{stroke:#111827}
.social-pie-number,.social-pie-caption{transform:rotate(90deg);transform-origin:22px 22px;fill:#344054;font-family:Manrope,sans-serif;pointer-events:none}
.social-pie-number{font-size:6.2px;font-weight:850}
.social-pie-caption{font-size:3.4px;font-weight:700;fill:#98a2b3}
.social-pie-legend{display:grid;gap:3px;min-width:0}
.social-pie-legend button{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;padding:3px 4px;border:0;border-radius:7px;background:transparent;color:#667085;font:700 .54rem/1.1 Inter,sans-serif;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}
.social-pie-legend button:hover,.social-pie-legend button.active{background:#f5f7fb;color:#344054}
.social-pie-legend button i{width:6px;height:6px;border-radius:50%}
.social-pie-legend button i.instagram{background:#e1306c}
.social-pie-legend button i.linkedin{background:#0a66c2}
.social-pie-legend button i.facebook{background:#1877f2}
.social-pie-legend button i.x-social{background:#111827}
.social-pie-legend strong{font-size:.54rem;color:#344054}
.insights-shell.is-loading .social-slice{animation:socialSliceLoad .7s cubic-bezier(.22,.61,.36,1) both}
.insights-shell.is-loading .social-slice.linkedin{animation-delay:.08s}
.insights-shell.is-loading .social-slice.facebook{animation-delay:.15s}
.insights-shell.is-loading .social-slice.x-social{animation-delay:.22s}
@keyframes socialSliceLoad{from{stroke-dasharray:0 100;opacity:.25}to{stroke-dasharray:var(--slice) var(--gap);opacity:1}}
.editor-reset{display:inline-flex;align-items:center;justify-content:center;gap:6px}
@media (prefers-reduced-motion:reduce){
  .edge-beam{animation:none;background:linear-gradient(90deg,#2d66f5,#7c5cff,#ff5f66,#20c997)}
  .editor-entry-overlay,.editor-gate-wrap .editor-shell{transition:none}
  .feature-stack .feature-card:nth-child(5),.feature-stack .feature-card:nth-child(6){transition:none}
}

:root{--footer-height:430px}
.site-header{position:fixed;inset:0 0 auto;width:100%;padding-top:12px;background:transparent;border:0;z-index:140;pointer-events:none}
.site-header .nav{pointer-events:auto;width:min(660px,calc(100% - 32px));max-width:660px;height:60px;margin-inline:auto;padding:7px 11px 7px 20px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(255,255,255,.38);-webkit-backdrop-filter:blur(18px) saturate(138%);backdrop-filter:blur(18px) saturate(138%);box-shadow:0 9px 28px rgba(16,24,40,.052),inset 0 1px 0 rgba(255,255,255,.66);display:flex;align-items:center;gap:24px;transition:background .3s,border-color .3s,box-shadow .3s}
.site-header.scrolled .nav{background:rgba(247,247,247,.54);border-color:rgba(255,255,255,.68);-webkit-backdrop-filter:blur(19px) saturate(142%);backdrop-filter:blur(19px) saturate(142%);box-shadow:0 14px 38px rgba(16,24,40,.085),inset 0 1px 0 rgba(255,255,255,.72)}
.nav-brand{display:flex;align-items:center}
.brand-logo{display:block;width:88px;height:auto}
.nav-links{display:flex;align-items:center;gap:27px;margin-left:auto}
.nav-links a{position:relative;font-size:.9rem;font-weight:700;color:#171717}
.nav-links a::after{display:none}
.nav-actions{display:flex;align-items:center;gap:10px;margin-left:0}
.nav-join{max-width:0;padding-inline:0;opacity:0;overflow:hidden;transform:translateX(8px);pointer-events:none;border-radius:999px;transition:max-width .38s,padding .38s,opacity .26s,transform .38s,box-shadow .2s,background .2s}
.site-header.hero-scrolled .nav-join{display:inline-flex;max-width:150px;padding:11px 18px;opacity:1;transform:none;pointer-events:auto}
.nav-glow{position:relative;isolation:isolate;overflow:visible}
.nav-glow::before{content:"";position:absolute;inset:-3px;border-radius:16px;padding:2px;background:conic-gradient(from var(--glow-angle,0deg),transparent 0 62%,#98b0ff 72%,#fff 78%,#5b7fff 86%,transparent 96%);opacity:0;transition:opacity .2s;z-index:-2;animation:navGlowSpin 1.8s linear infinite;animation-play-state:paused}
.nav-glow::after{content:"";position:absolute;inset:1px;border-radius:12px;background:var(--blue);z-index:-1}
.nav-glow:hover::before,.nav-glow:focus-visible::before{opacity:1;animation-play-state:running}
@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes navGlowSpin{to{--glow-angle:360deg}}
.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer;align-items:center;justify-content:center}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:18px;height:2px;background:var(--ink);position:relative;transition:.22s}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0}
.menu-btn span::before{top:-6px}.menu-btn span::after{top:6px}
.mobile-menu{display:none;position:fixed;top:78px;inset-inline:28px;z-index:130;height:max-content;padding:26px 24px;border-radius:24px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 22px 60px rgba(16,24,40,.14)}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:15px 4px;border-bottom:1px solid var(--line);font-family:Manrope,sans-serif;font-weight:800;font-size:1.16rem}
.mobile-menu-actions{display:grid;gap:10px;margin-top:22px}
.mobile-join{display:none}
.site-header.hero-scrolled~.mobile-menu .mobile-join{display:inline-flex}
.site-footer{position:fixed;left:0;right:0;bottom:0;z-index:0;width:100%;height:var(--footer-height);padding:78px 0 34px;background:#111;color:#fff;display:flex;align-items:stretch;overflow:hidden;box-sizing:border-box}
.footer-inner{display:flex;flex-direction:column;justify-content:space-between;opacity:.16;transform:translateY(38px);transition:opacity .7s cubic-bezier(.2,.75,.2,1),transform .7s cubic-bezier(.2,.75,.2,1)}
.site-footer.footer-revealed .footer-inner{opacity:1;transform:none}
.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:54px;padding-bottom:54px;border-bottom:1px solid #273047}
.footer-brand img{display:block;position:relative;width:112px;height:auto;max-width:none;object-fit:contain;object-position:left center;opacity:1;visibility:visible;filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1);mix-blend-mode:normal}
.footer-brand p{max-width:34ch;margin-top:16px;color:#99a6bb;font-size:.86rem}
.footer-col h4,.footer-col h3{margin-bottom:16px;font-family:Inter,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#738097}
.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.footer-col a{font-size:.86rem;color:#c7cfdd}.footer-col a:hover{color:#fff}
.footer-bottom{padding-top:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#748096;font-size:.78rem}
.footer-legal{display:flex;align-items:center;gap:9px}.footer-legal a{color:#aeb7c6;transition:color .2s}.footer-legal a:hover{color:#fff}.footer-legal b{font-weight:400;color:#596273}
body.editor-focus-mode .site-header,body.editor-focus-mode .mobile-menu{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-120%)}
@media(max-width:900px){:root{--footer-height:580px}.site-header .nav{width:min(660px,calc(100% - 28px))}.footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}}
@media(max-width:820px){.nav-links{display:none}.menu-btn{display:flex;margin-left:0}.nav-actions{margin-left:auto}}
@media(min-width:741px) and (max-width:1100px){.site-footer .container{width:calc(100% - 40px);max-width:var(--container);margin-inline:auto;padding-inline:0;box-sizing:border-box}.footer-inner,.footer-grid,.footer-bottom,.footer-brand,.footer-col,.footer-legal{min-width:0;max-width:100%;box-sizing:border-box}.footer-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:24px}.footer-brand{grid-column:1/-1}.footer-col a,.footer-brand p,.footer-bottom,.footer-legal{overflow-wrap:anywhere}}
@media(max-width:740px){.mobile-menu .mobile-join,.site-header.hero-scrolled~.mobile-menu .mobile-join{display:none}.site-footer .container,.footer-inner,.footer-grid,.footer-bottom,.footer-brand,.footer-col,.footer-legal{min-width:0;max-width:100%}.footer-brand p,.footer-col a,.footer-bottom,.footer-legal{overflow-wrap:anywhere}.footer-legal{flex-wrap:wrap}}
@media(max-width:640px){:root{--footer-height:720px}.site-header{padding-top:7px}.site-header .nav{width:calc(100% - 20px);max-width:none;height:58px;padding:6px 8px 6px 16px}.brand-logo{width:80px}.site-header.hero-scrolled .nav-join{max-width:122px;padding:10px 14px;font-size:.76rem}.mobile-menu{top:72px;inset-inline:24px}.site-footer{padding-top:62px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 24px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start}}
@media(max-width:620px){.footer-brand img{width:104px}}
@media(prefers-reduced-motion:reduce){.nav-glow::before{animation:none}.footer-inner{opacity:1;transform:none;transition:none}}

/* Velaris motion background */
[data-velaris]{isolation:isolate;background:#020817!important;background-image:none!important;animation:none!important;will-change:auto!important}
[data-velaris]::before,[data-velaris]::after{display:none!important}
[data-velaris]>.velaris-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
[data-velaris]>:not(.velaris-canvas){z-index:1}