/* Hallmark · macrostructure: Split Studio · tone: atmospheric product · anchor hue: lime
 * theme: Entria user reference · nav: N1b · footer: Ft3 (explicit user preference)
 * pre-emit critique: P5 H5 E4 S5 R5 V4
 * Generated phone artwork is a requested product illustration; all demos are labelled.
 */
html,body { margin:0; overflow-x:clip; background:var(--lv2-bg); }
.lv2,.contact-dialog { color:var(--lv2-text); font:400 var(--text-lv2-body)/1.7 var(--font-lv2-body); }
.lv2 *, .contact-dialog, .contact-dialog * { box-sizing:border-box; }
.lv2 h1,.lv2 h2,.lv2 h3,.lv2 h4,.contact-dialog h2 { font-family:var(--font-lv2-display); font-style:normal; letter-spacing:-.045em; color:var(--lv2-text); font-weight:600; line-height:1.13; margin:0; min-width:0; overflow-wrap:anywhere; }
.lv2 p,.lv2 figure { margin:0; } .lv2 p { color:var(--lv2-muted); }
.lv2 a { color:inherit; text-decoration:none; } .lv2 button { font-family:inherit; cursor:pointer; }
.lv2 img { display:block; max-width:100%; height:auto; }
.lv2 svg { width:22px; height:22px; flex:none; }
.lv2 button,.lv2 a { -webkit-tap-highlight-color:var(--lv2-clear); }
.lv2 :focus-visible,.contact-dialog :focus-visible { outline:3px solid var(--lv2-accent); outline-offset:5px; }
.lv2 [hidden],.contact-dialog [hidden] { display:none !important; }
.wrap { width:min(1232px,calc(100% - 96px)); margin-inline:auto; }
.skip-link { position:fixed; z-index:100; left:24px; top:16px; transform:translateY(-200%); background:var(--lv2-accent); padding:12px 20px; color:var(--lv2-on-accent)!important; border-radius:var(--radius-lv2-sm); }.skip-link:focus { transform:none; }
.site-header { border-bottom:1px solid var(--lv2-border-soft); }
.header-inner { display:flex; align-items:center; gap:36px; min-height:100px; }
.brand { display:inline-flex; flex:none; }.brand img { width:122px; filter:brightness(0) invert(1); }
.desktop-nav { display:flex; justify-content:center; align-items:center; gap:28px; margin-left:auto; }
.desktop-nav a {  font-weight:600; color:var(--lv2-muted); padding-block:16px; white-space:nowrap; }
.desktop-nav a:hover,.footer-column a:hover,.footer-column button:hover { color:var(--lv2-accent); }
.header-actions { display:flex; align-items:center; gap:12px; margin-left:32px; }
.button { min-height:50px; border:1px solid var(--lv2-border); border-radius:var(--radius-lv2-sm); padding:13px 22px; display:inline-flex; align-items:center; justify-content:center; gap:16px; color:var(--lv2-text); font:700 var(--text-lv2-body)/1.2 var(--font-lv2-body); text-decoration:none; white-space:nowrap; background:var(--lv2-clear); transition:transform var(--dur-lv2-micro) var(--ease-lv2-out); }
.button:hover { transform:translateY(-2px); }.button:active { transform:translateY(1px); }.button-lime { background:var(--lv2-accent); border-color:var(--lv2-accent); color:var(--lv2-on-accent)!important; }.button-lime:hover { background:var(--lv2-accent-hover); border-color:var(--lv2-accent-hover); }.button-outline:hover { border-color:var(--lv2-muted); background:var(--lv2-surface); }
.header-actions .button { min-height:44px;  padding:12px 16px; }.button span[aria-hidden] {  line-height:1; }
.menu-toggle { display:none; width:44px; height:44px; padding:12px 9px; background:var(--lv2-clear); border:1px solid var(--lv2-border); border-radius:var(--radius-lv2-sm); color:var(--lv2-text); }.menu-toggle span { display:block; height:1px; background:currentColor; margin:6px 0; }
.mobile-nav { padding-block:12px 24px; }.mobile-nav a,.mobile-nav button { display:flex; width:100%; padding:12px 0; min-height:44px; border:0; background:var(--lv2-clear);  color:var(--lv2-text); text-align:left; }
.hero { position:relative; min-height:600px; display:flex; align-items:center; isolation:isolate; padding-block:84px 76px; }
.hero-copy { width:57%; position:relative; z-index:2; }.eyebrow { color:var(--lv2-accent)!important;  font-weight:700; letter-spacing:.15em; text-transform:uppercase; margin-bottom:22px!important; }
.hero h1 {  letter-spacing:-.065em; line-height:1.055; }.hero h1 span,.accent { color:var(--lv2-accent); }
.hero-description { max-width:430px;  line-height:1.8; margin-top:24px!important; }
.actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:28px; }.hero-note {  letter-spacing:.025em; margin-top:24px!important; }
.hero-visual { position:absolute; width:76%; right:-9%; top:20px; bottom:0; z-index:-1; display:flex; align-items:center; pointer-events:none; }
.hero-visual img { width:100%; mask-image:linear-gradient(to right,var(--lv2-clear),var(--lv2-black) 26%,var(--lv2-black) 87%,var(--lv2-clear)),linear-gradient(to bottom,var(--lv2-clear),var(--lv2-black) 12%,var(--lv2-black) 84%,var(--lv2-clear)); mask-composite:intersect; }
.capability-strip { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }.capability-strip>div { display:flex; gap:12px; align-items:center; padding:18px 14px; background:var(--lv2-surface); border:1px solid var(--lv2-border-soft); border-radius:var(--radius-lv2-sm); }
.capability-strip svg { color:var(--lv2-accent); width:23px; height:23px; }.capability-strip span {  font-weight:700; line-height:1.5; }.capability-strip small { display:block;  font-weight:400; color:var(--lv2-muted); margin-top:3px; }
.section { padding-top:var(--space-lv2-4xl); scroll-margin-top:24px; }.split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:80px; }.section-copy>p { max-width:470px; margin-top:22px; line-height:1.85; }.section-heading { margin-bottom:32px; }.section-heading>p { margin-top:16px; }.section-heading-row { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; }.section-heading-row>p {  line-height:1.8; margin:0 0 4px; max-width:340px; }
.problem { padding-top:88px; }.benefit-list { padding:14px 28px; border:1px solid var(--lv2-border); background:var(--lv2-surface); border-radius:var(--radius-lv2-md); }.benefit-list>div { display:flex; align-items:center; gap:20px; min-height:52px; border-bottom:1px solid var(--lv2-border-soft);  }.benefit-list>div:last-child { border:0; }.check { color:var(--lv2-accent);  font-weight:700; }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }.product-card { padding:26px 24px 0; border:1px solid var(--lv2-border); border-radius:var(--radius-lv2-md); background:var(--lv2-surface); overflow:clip; display:flex; flex-direction:column; min-height:440px; }.feature-label { display:flex; gap:12px; align-items:center; }.icon-box { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:var(--radius-lv2-sm); color:var(--lv2-accent); background:color-mix(in oklch,var(--lv2-accent) 10%,var(--lv2-surface)); flex:none; }.icon-box svg { width:19px; height:19px; }.feature-label h3 {  letter-spacing:-.035em; }.product-card>p {  line-height:1.8; margin:12px 0 24px; min-height:48px; }
.event-preview { margin-top:auto; border:1px solid var(--lv2-border-soft); border-radius:var(--radius-lv2-sm) var(--radius-lv2-sm) 0 0; overflow:clip; }.event-preview-cover { position:relative; height:183px; }.event-preview-cover>img { width:100%; height:100%; object-fit:cover; object-position:center 40%; opacity:.65; }.event-preview-cover:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,var(--lv2-black),var(--lv2-clear) 85%); }.event-preview-cover>div { position:absolute; inset:auto 18px 16px; z-index:1; }.event-preview-cover span:first-child {  color:var(--lv2-muted); }.event-preview-cover h4 {  margin:4px 0; }.event-preview-cover p {  color:var(--lv2-text); }.demo-button { display:inline-flex; align-items:center; justify-content:center; background:var(--lv2-accent); color:var(--lv2-on-accent); font-weight:700;  padding:7px 16px; border-radius:4px; margin-top:12px; }.ticket-type { padding:10px 14px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--lv2-border-soft);  font-weight:700; }.ticket-type small { display:block; color:var(--lv2-faint);  font-weight:400; }.ticket-type>span:last-child {  color:var(--lv2-muted); }.ticket-type i { display:inline-block; width:5px; height:5px; background:var(--lv2-accent); border-radius:50%; margin-left:5px; }
.orders-preview { margin-top:14px; background:var(--lv2-bg); border:1px solid var(--lv2-border-soft); border-radius:var(--radius-lv2-sm); padding:14px; }.preview-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:14px; }.preview-toolbar>span {  color:var(--lv2-muted); }.order-head,.order-row { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:12px 0; border-top:1px solid var(--lv2-border-soft);  }.order-head { color:var(--lv2-faint);  padding-block:8px; }.order-row>span:first-child { display:flex; align-items:center; gap:8px; }.avatar { background:var(--lv2-surface-raised); border:1px solid var(--lv2-border); border-radius:50%; width:26px; height:26px; display:inline-flex; align-items:center; justify-content:center;  font-weight:500; color:var(--lv2-muted); flex:none; }.status { padding:3px 7px; border-radius:4px;  white-space:nowrap; }.status-green { color:var(--lv2-green); background:color-mix(in oklch,var(--lv2-green) 8%,var(--lv2-bg)); }.status-amber { color:var(--lv2-amber); background:color-mix(in oklch,var(--lv2-amber) 8%,var(--lv2-bg)); }.preview-bottom { display:flex; align-items:center; gap:8px; color:var(--lv2-muted);  border-top:1px solid var(--lv2-border-soft); padding-top:14px; }.preview-bottom svg { width:13px; height:13px; color:var(--lv2-accent); }
.scanner-preview { height:294px; display:flex; align-items:center; justify-content:center; position:relative; gap:8px; overflow:clip; }.scanner-preview>img { width:190px; max-width:65%; height:auto; align-self:flex-start; }.scanner-side {  font-weight:600; max-width:110px; padding-bottom:32px; }.scanner-side small { display:block;  font-weight:400; margin-top:8px; color:var(--lv2-muted); line-height:1.7; }.signal-dot { display:block; width:7px; height:7px; border-radius:50%; background:var(--lv2-accent); margin-bottom:10px; }
.steps { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; background:var(--lv2-surface); border:1px solid var(--lv2-border); border-radius:var(--radius-lv2-md); }.steps li { display:flex; gap:14px; padding:28px 22px; position:relative; }.steps li+li { border-left:1px solid var(--lv2-border); }.step-number { font:600 var(--text-lv2-body)/36px var(--font-lv2-display); width:36px; height:36px; display:block; text-align:center; background:color-mix(in oklch,var(--lv2-accent) 13%,var(--lv2-surface)); border-radius:50%; color:var(--lv2-accent); flex:none; }.steps h3 {  margin:7px 0 10px; }.steps p {  line-height:1.8; }
.portal-top { grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr); gap:60px; }.check-list { list-style:none; margin:24px 0 0; padding:0; }.check-list li { display:flex; align-items:flex-start; gap:10px;  color:var(--lv2-muted); margin-top:10px; line-height:1.7; }.check-list li:before { content:"✓"; display:grid; place-items:center; flex:none; width:14px; height:14px; background:var(--lv2-accent); color:var(--lv2-on-accent); border-radius:50%;  margin-top:3px; font-weight:700; }.text-link { display:inline-flex; align-items:center; gap:20px;  color:var(--lv2-text)!important; background:var(--lv2-clear); border:0; border-bottom:1px solid var(--lv2-border); padding:10px 0; min-height:44px; margin-top:22px; font-weight:600; white-space:nowrap; }.text-link span { color:var(--lv2-accent);  }.text-link:hover { border-color:var(--lv2-accent); }
.portal-preview { border:1px solid var(--lv2-border); border-radius:var(--radius-lv2-md); background:var(--lv2-surface); overflow:clip; }.portal-preview-top { display:flex; justify-content:space-between; align-items:center; padding:18px 22px; gap:12px; }.portal-preview-top strong {  display:flex; gap:10px; align-items:center; }.portal-preview-top strong svg { color:var(--lv2-accent); width:18px; }.portal-preview-top>span {  color:var(--lv2-muted); }.portal-scene { position:relative; padding:28px 38px; min-height:300px; display:flex; align-items:center; }.portal-background { position:absolute; inset:0; width:100%; height:100%!important; object-fit:cover; object-position:center 38%; opacity:.5; }.portal-ticket { width:340px; max-width:100%; background:var(--lv2-paper); color:var(--lv2-ink); position:relative; padding:22px; border-radius:var(--radius-lv2-sm); }.portal-ticket .ticket-kicker { display:block; text-transform:uppercase;  font-weight:700; letter-spacing:.08em; color:var(--lv2-paper-muted); }.portal-ticket h3 { color:var(--lv2-ink);  margin-top:8px; line-height:1.1; }.portal-ticket-data { display:flex; justify-content:space-between; align-items:flex-end; gap:12px; margin-top:22px; }.portal-ticket-data span { display:block;  color:var(--lv2-paper-muted); }.portal-ticket-data strong { display:block;  font-weight:700; margin:2px 0 10px; }.portal-ticket-data img { width:104px; height:104px; }.ticket-stub { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px dashed color-mix(in oklch,var(--lv2-paper-muted) 35%,var(--lv2-paper)); margin-top:14px; padding-top:14px;  color:var(--lv2-paper-muted); }.ticket-stub svg { width:15px; height:15px; }.portal-preview figcaption,.mail-preview figcaption {  color:var(--lv2-muted); padding:12px 18px; }
.portal-bottom { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:24px; }.transfer-card,.wallet-card { background:var(--lv2-surface); border:1px solid var(--lv2-border); border-radius:var(--radius-lv2-md); padding:26px; min-height:236px; overflow:clip; }.transfer-card .feature-label p {  margin-top:8px; }.transfer-flow { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:28px 0 20px; }.transfer-flow>div { display:flex; align-items:center; gap:10px; background:var(--lv2-surface-raised); border:1px solid var(--lv2-border); border-radius:var(--radius-lv2-sm); padding:12px; flex:1; min-width:0; }.avatar-large { width:34px; height:34px;  }.transfer-flow>div>span:last-child {  font-weight:600; line-height:1.4; }.transfer-flow small { display:block; color:var(--lv2-muted);  font-weight:400; margin-top:5px; }.transfer-arrow { color:var(--lv2-accent);  }.small-note {  line-height:1.8; color:var(--lv2-faint)!important; }.wallet-card { position:relative; display:flex; align-items:center; min-height:256px; }.wallet-card>div { position:relative; z-index:1; width:45%; }.wallet-card p {  margin-top:12px; }.wallet-card>img { position:absolute; width:72%; max-width:none; right:-14%; bottom:-12%; }.wallet-label { display:inline-flex; align-items:center; gap:8px;  margin-top:18px; color:var(--lv2-muted); }.wallet-label svg { width:16px; height:16px; color:var(--lv2-accent); }
.validation-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }.validation-card { border:1px solid var(--lv2-border); border-radius:var(--radius-lv2-md); background:var(--lv2-surface); overflow:clip; }.phone-crop { height:270px; overflow:clip; padding:18px 14px 0; background:linear-gradient(0deg,var(--lv2-surface),var(--lv2-bg)); }.phone-crop img { width:100%; height:auto; }.validation-card figcaption { padding:20px 18px; position:relative; border-top:1px solid var(--lv2-border); }.validation-card p {  margin-top:7px; line-height:1.8; }.state-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--lv2-muted); margin-right:7px; vertical-align:middle; }.state-green { background:var(--lv2-green); }.state-red { background:var(--lv2-red); }.state-amber { background:var(--lv2-amber); }.validation-note { margin-top:16px!important; }
.connected-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.connected-card { background:var(--lv2-surface); border:1px solid var(--lv2-border); border-radius:var(--radius-lv2-md); padding:30px; scroll-margin-top:30px; }.connected-card h3 {  margin-top:18px; }.connected-card .section-copy>p {  margin-top:16px; max-width:400px; }.connected-card .check-list { margin-top:18px; }.promoter-preview,.woo-preview { margin-top:28px; padding:20px; background:var(--lv2-bg); border:1px solid var(--lv2-border-soft); border-radius:var(--radius-lv2-sm); }.promoter-row { display:flex; align-items:center; gap:12px; padding:13px 0; border-top:1px solid var(--lv2-border-soft);  }.promoter-row>span:nth-child(2) { flex:1; }.promoter-row small { display:block; color:var(--lv2-faint);  margin-top:3px; }.promoter-preview .preview-bottom { padding-top:18px; }.woo-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:20px; }.woo-heading strong span { color:var(--lv2-faint); padding:0 5px; }.plugin-badge {  border:1px solid var(--lv2-border); padding:3px 6px; border-radius:4px; color:var(--lv2-accent); white-space:nowrap; }.woo-product { display:flex; align-items:stretch; border:1px solid var(--lv2-border); border-radius:var(--radius-lv2-sm); overflow:clip; }.woo-product img { width:42%; object-fit:cover; height:168px; }.woo-product>div { padding:18px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }.woo-product small {  color:var(--lv2-muted); }.woo-product strong { font:600 var(--text-lv2-h3)/1.2 var(--font-lv2-display); letter-spacing:-.04em; margin-top:7px; }.woo-product>div>span:not(.demo-button) {  color:var(--lv2-muted); margin-top:5px; }.woo-sync { display:flex; align-items:center; gap:10px;  color:var(--lv2-muted); margin-top:20px; }.woo-sync svg { width:14px; height:14px; color:var(--lv2-accent); }
.mail-section { gap:100px; }.mail-preview { position:relative; padding:24px 40px 0; background:linear-gradient(135deg,var(--lv2-surface),var(--lv2-bg)); border-radius:var(--radius-lv2-lg); border:1px solid var(--lv2-border-soft); }.mail-paper { width:330px; max-width:100%; margin:auto; border-radius:var(--radius-lv2-sm); background:var(--lv2-paper); overflow:clip; color:var(--lv2-ink); }.mail-brand { display:flex; align-items:center; gap:8px; padding:18px 22px;  font-weight:700; }.mail-brand svg { width:18px; height:18px; }.mail-cover { height:125px; position:relative; }.mail-cover img { width:100%; height:100%; object-fit:cover; object-position:center 35%; opacity:.9; }.mail-cover span { position:absolute; bottom:18px; left:22px; color:var(--lv2-white); font:600 var(--text-lv2-h3)/1.1 var(--font-lv2-display); letter-spacing:-.04em; text-shadow:0 2px 14px var(--lv2-black); }.mail-body { padding:24px 24px 28px; text-align:center; }.mail-body small { text-transform:uppercase;  letter-spacing:.1em; color:var(--lv2-paper-muted); }.mail-body h3 {  margin:9px 0 14px; color:var(--lv2-ink); }.mail-body p {  line-height:1.8; color:var(--lv2-paper-muted); }.mail-action { display:inline-flex; margin-top:20px; padding:10px 20px;  background:var(--lv2-ink); color:var(--lv2-white); border-radius:4px; font-weight:600; }.mail-stub { border-top:1px dashed color-mix(in oklch,var(--lv2-paper-muted) 35%,var(--lv2-paper)); padding:14px; text-align:center; color:var(--lv2-paper-muted);  }.mail-preview figcaption { text-align:center; padding:16px 0;  }
.event-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }.event-grid figure { position:relative; border-radius:var(--radius-lv2-sm); overflow:clip; height:228px; border:1px solid var(--lv2-border); }.event-grid img { width:100%; height:100%; object-fit:cover; }.event-grid figure:after { content:""; position:absolute; inset:40% 0 0; background:linear-gradient(0deg,color-mix(in oklch,var(--lv2-black) 85%,var(--lv2-clear)),var(--lv2-clear)); }.event-grid figcaption { position:absolute; bottom:16px; left:14px; right:12px; color:var(--lv2-white);  font-weight:700; z-index:1; }
.faq-section { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:90px; align-items:start; }.faq-list { border-top:1px solid var(--lv2-border); }.faq-list details { border-bottom:1px solid var(--lv2-border); }.faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:62px;  font-weight:600; line-height:1.65; cursor:pointer; list-style:none; padding:16px 0; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary>span { color:var(--lv2-accent);  flex:none; font-weight:400; }.faq-list details[open] summary>span { transform:rotate(45deg); }.faq-list details p { padding:0 32px 22px 0;  line-height:1.9; max-width:600px; }
.closing { position:relative; margin-top:112px; min-height:330px; display:flex; align-items:center; justify-content:center; padding:40px 0; border:1px solid var(--lv2-border-soft); border-radius:var(--radius-lv2-md); overflow:clip; }.closing>img { position:absolute; inset:0; width:100%; height:100%!important; object-fit:cover; }.closing-panel { position:relative; width:66%; padding:30px 20px; text-align:center; background:rgba(0,0,0,.41); border:1px solid var(--lv2-border); border-radius:16px; box-shadow:0 4px 30px rgba(0,0,0,.1); -webkit-backdrop-filter:blur(10.9px); backdrop-filter:blur(10.9px); }.closing-panel .eyebrow {  margin-bottom:14px!important; }.closing-panel>p:not(.eyebrow) {  margin-top:16px; }.closing .actions { justify-content:center; margin-top:24px; }.closing .button { min-height:46px;  }
.site-footer { padding-block:64px 24px; }.footer-top { display:grid; grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr)); gap:48px; }.footer-brand p { margin-top:18px;  line-height:1.8; }.footer-column h2 { font:700 var(--text-lv2-body)/1.5 var(--font-lv2-body); letter-spacing:0; margin:2px 0 18px; }.footer-column a,.footer-column button { display:block; color:var(--lv2-muted);  line-height:1.5; border:0; background:var(--lv2-clear); padding:7px 0; text-align:left; white-space:nowrap; }.footer-bottom { display:flex; justify-content:space-between; align-items:center; gap:24px; border-top:1px solid var(--lv2-border-soft); margin-top:48px; padding-top:20px; }.footer-bottom p {  color:var(--lv2-faint); }
.contact-dialog { width:min(560px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow-y:auto; margin:auto; background:var(--lv2-surface); border:1px solid var(--lv2-border); border-radius:var(--radius-lv2-lg); padding:38px; box-shadow:0 30px 90px color-mix(in oklch,var(--lv2-black) 50%,var(--lv2-clear)); }
.contact-dialog::backdrop { background:color-mix(in oklch,var(--lv2-black) 78%,var(--lv2-clear)); }.contact-dialog h2 {  margin:0 0 14px; }.contact-dialog .simple-eyebrow { color:var(--lv2-accent);  text-transform:uppercase; letter-spacing:.12em; margin:0 24px 16px 0; }.contact-intro { color:var(--lv2-muted);  margin:0 0 24px; }.contact-close { position:absolute; right:12px; top:12px; width:44px; height:44px; border:1px solid var(--lv2-border); border-radius:50%; background:var(--lv2-surface-raised); color:var(--lv2-text); font:var(--text-lv2-icon)/1 var(--font-lv2-body); cursor:pointer; }
.contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.contact-field { min-width:0; }.contact-field label { display:block;  font-weight:600; margin-bottom:8px; }.contact-field input { width:100%; min-height:48px; border:1px solid var(--lv2-border); border-radius:var(--radius-lv2-sm); padding:12px; color:var(--lv2-text); background:var(--lv2-bg); font:400 var(--text-lv2-body)/1.5 var(--font-lv2-body); }.contact-field input::placeholder {  color:var(--lv2-muted); }.contact-field input:focus { border-color:var(--lv2-accent); }.contact-field--invalid input { border-color:var(--lv2-red); }.contact-field-error,.contact-error { color:var(--lv2-red);  line-height:1.65; margin:6px 0 0; }.contact-error { margin-top:16px; }.contact-field-error:empty,.contact-error:empty { display:none; }
.contact-dialog .simple-button { min-height:50px; border-radius:var(--radius-lv2-sm); padding:14px 20px; border:1px solid var(--lv2-accent); background:var(--lv2-accent); color:var(--lv2-on-accent); font:700 var(--text-lv2-body)/1.4 var(--font-lv2-body); cursor:pointer; white-space:nowrap; }.contact-submit { width:100%; margin-top:24px; }.contact-submit:disabled { opacity:.65; cursor:wait; }.contact-dialog form[aria-busy] { cursor:wait; }.contact-privacy {  line-height:1.9; color:var(--lv2-muted); margin:16px 0 0; }.contact-privacy a { color:var(--lv2-muted); text-underline-offset:3px; }.contact-success { text-align:center; padding-block:24px; }.contact-success-mark { display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:var(--lv2-accent); color:var(--lv2-on-accent); margin:0 auto 24px;  }.contact-success p {  color:var(--lv2-muted); margin:18px 0 24px; }.no-script { padding:20px; background:var(--lv2-surface); color:var(--lv2-muted); text-align:center; font:var(--text-lv2-body)/1.7 var(--font-lv2-body); }body:has(.contact-dialog[open]) { overflow-y:clip; }
@media(min-width:1600px) { .hero { min-height:650px; }.hero-visual { width:82%; right:-14%; } }
@media(max-width:1199px) { .wrap { width:calc(100% - 64px); }.header-inner { gap:20px; }.desktop-nav { gap:18px; }.header-actions { margin-left:8px; }.capability-strip { gap:8px; }.capability-strip>div { padding:15px 10px; gap:8px; }.capability-strip svg { width:18px; height:18px; }.hero { min-height:550px; }.hero-copy { width:61%; }.hero-description { max-width:380px;  }.hero-visual { width:80%; right:-13%; }.product-card { padding:22px 18px 0; }.split { gap:48px; }.steps li { gap:10px; padding:24px 16px; }.phone-crop { height:220px; padding-inline:8px; }.validation-card figcaption { padding:18px 12px; }.footer-top { gap:24px; }.transfer-flow>div { padding:10px; }.transfer-flow .avatar { width:28px; height:28px; }.connected-card { padding:24px; }.portal-scene { padding:24px; } }
@media(max-width:959px) { .desktop-nav { display:none; }.header-actions { margin-left:auto; }.menu-toggle { display:block; }.header-inner { min-height:86px; }.hero { min-height:500px; }.hero-copy { width:66%; }.hero-description { max-width:340px;  }.hero-visual { width:85%; right:-23%; }.hero .actions { gap:10px; }.hero .button {  padding:13px 16px; }.hero-note { max-width:300px; line-height:1.8;  }.capability-strip { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.capability-strip>div { padding:16px; gap:12px; }.capability-strip svg { width:22px; height:22px; }.section { padding-top:80px; }.split { grid-template-columns:minmax(0,1fr); gap:32px; }.section-copy>p { max-width:620px; }.problem { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }.benefit-list { padding:10px 18px; }.benefit-list>div { gap:12px; min-height:52px; }.product-grid { gap:12px; }.product-card { padding:20px 14px 0; min-height:410px; }.feature-label { gap:8px; align-items:flex-start; }.feature-label h3 {  margin-top:4px; }.icon-box { width:28px; height:28px; }.icon-box svg { width:16px; height:16px; }.product-card>p {  min-height:65px; margin-top:10px; }.event-preview-cover { height:170px; }.orders-preview { padding:10px; }.order-row .avatar { display:none; }.scanner-preview { gap:0; }.scanner-preview>img { max-width:85%; }.scanner-side { display:none; }.steps { grid-template-columns:repeat(2,minmax(0,1fr)); }.steps li:nth-child(3) { border-left:0; border-top:1px solid var(--lv2-border); }.steps li:nth-child(4) { border-top:1px solid var(--lv2-border); }.steps li { padding:24px; gap:16px; }.portal-top { grid-template-columns:minmax(0,1fr); gap:32px; }.portal-preview { max-width:none; }.portal-scene { padding:32px 48px; min-height:340px; }.portal-ticket { width:360px; }.portal-background { object-position:center 45%; }.portal-bottom { gap:14px; }.transfer-card,.wallet-card { padding:22px 18px; }.transfer-flow { gap:7px; flex-wrap:wrap; }.transfer-flow>div { flex-basis:100%; }.transfer-arrow { transform:rotate(90deg); margin:auto; line-height:1; }.wallet-card>div { width:100%; align-self:flex-start; }.wallet-card { min-height:320px; }.wallet-card>img { width:120%; right:-25%; bottom:-12%; }.wallet-label { display:none; }.validation-grid { gap:12px; }.phone-crop { height:180px; padding:10px 4px 0; }.validation-card figcaption { padding:14px 10px; }.state-dot { width:4px; height:4px; margin-right:4px; }.section-heading-row { display:block; }.section-heading-row>p { margin-top:20px; max-width:none; }.connected-grid { gap:14px; }.connected-card { padding:24px 18px; }.promoter-preview,.woo-preview { padding:14px; }.woo-heading { flex-wrap:wrap; gap:8px; }.woo-product { flex-direction:column; }.woo-product img { width:100%; height:105px; }.woo-product>div { padding:14px; }.woo-sync { flex-wrap:wrap; }.promoter-row {  gap:8px; }.promoter-row .avatar { width:22px; height:22px;  }.promoter-row .status {  padding:3px 5px; }.mail-section { gap:32px; }.mail-preview { max-width:none; }.mail-paper { width:360px; }.mail-cover { height:150px; }.event-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.event-grid figure { height:260px; }.faq-section { grid-template-columns:minmax(0,1fr); gap:28px; }.faq-section .section-copy p br { display:none; }.faq-section .text-link { margin-top:8px; }.closing { margin-top:80px; }.closing-panel { width:78%; }.footer-top { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }.footer-brand { grid-column:1/-1; display:flex; gap:32px; align-items:center; }.footer-brand p { margin:0; }.footer-bottom { align-items:flex-start; }.footer-bottom p { max-width:250px; } }
@media(max-width:639px) { .wrap { width:calc(100% - 40px); }.header-inner { min-height:78px; gap:12px; }.brand img { width:100px; }.header-actions { gap:8px; }.header-contact { display:none!important; }.header-actions .button {  padding:12px 13px; }.hero { display:block; min-height:0; padding:48px 0 0; }.hero-copy { width:100%; }.eyebrow {  margin-bottom:20px!important; }.hero h1 {  letter-spacing:-.06em; }.hero-description {  max-width:440px; margin-top:22px!important; }.hero .actions { margin-top:24px; gap:10px; }.hero .button {  min-height:48px; padding:13px 14px; gap:12px; }.hero-note {  margin-top:18px!important; max-width:none; }.hero-visual { position:relative; top:auto; right:auto; bottom:auto; width:135%; margin:0 -18% -3% -17%!important; aspect-ratio:3/2; z-index:0; }.hero-visual img { width:100%; mask-image:linear-gradient(to bottom,var(--lv2-clear),var(--lv2-black) 12%,var(--lv2-black) 84%,var(--lv2-clear)); }.capability-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.capability-strip>div { padding:15px 12px; gap:10px; }.capability-strip svg { width:21px; height:21px; }.section { padding-top:64px; }.section-heading { margin-bottom:24px; }.lv2 h2 {  letter-spacing:-.05em; }.section-heading>p {  line-height:1.9; }.problem { grid-template-columns:minmax(0,1fr); gap:28px; }.problem .section-copy>p {  margin-top:20px; }.benefit-list { padding:10px 18px; }.benefit-list>div {  min-height:52px; }.product-grid { grid-template-columns:minmax(0,1fr); gap:18px; }.product-card { padding:24px 22px 0; min-height:410px; }.feature-label { align-items:center; gap:12px; }.feature-label h3 {  margin:0; }.icon-box { width:34px; height:34px; }.icon-box svg { width:20px; height:20px; }.product-card>p {  min-height:0; margin:14px 0 24px; }.event-preview-cover { height:190px; }.ticket-type { padding:12px 14px;  }.orders-preview { padding:18px; margin:0 0 24px; }.order-row {  padding-block:13px; }.order-row .avatar { display:inline-flex; }.scanner-preview { height:280px; gap:12px; }.scanner-preview>img { width:190px; max-width:65%; }.scanner-side { display:block;  padding-bottom:20px; }.steps { grid-template-columns:minmax(0,1fr); }.steps li,.steps li+li { border-left:0; border-top:1px solid var(--lv2-border); padding:22px; }.steps li:first-child { border-top:0; }.steps h3 {  margin-top:5px; }.portal-top { gap:28px; }.section-copy>p {  margin-top:20px; }.check-list { margin-top:20px; }.portal-preview-top { padding:16px; }.portal-scene { min-height:300px; padding:24px 18px; }.portal-ticket { padding:20px; }.portal-ticket-data img { width:94px; height:94px; }.portal-preview figcaption {  padding:12px 14px; }.portal-bottom { grid-template-columns:minmax(0,1fr); gap:18px; }.transfer-card { padding:24px 20px; min-height:0; }.transfer-card .feature-label { align-items:flex-start; }.transfer-card .feature-label p {  line-height:1.8; }.transfer-flow { flex-wrap:nowrap; margin-top:24px; }.transfer-flow>div { flex-basis:auto; padding:12px 8px; gap:7px; }.transfer-flow .avatar { display:none; }.transfer-arrow { transform:none; margin:0;  }.wallet-card { min-height:260px; padding:26px 20px; align-items:center; }.wallet-card>div { width:47%; align-self:center; }.wallet-card>img { width:85%; right:-21%; bottom:-3%; }.wallet-label { display:flex;  }.validation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.phone-crop { height:210px; padding:12px 2px 0; }.validation-card figcaption { padding:15px 10px; min-height:105px; }.validation-card strong { display:block;  line-height:1.5; }.validation-card p {  margin-top:6px; }.state-dot { display:block; width:5px; height:5px; margin:0 0 8px; }.connected-grid { grid-template-columns:minmax(0,1fr); gap:18px; }.connected-card { padding:26px 22px; }.promoter-preview,.woo-preview { padding:18px; margin-top:26px; }.promoter-row {  padding-block:14px; }.promoter-row .avatar { width:28px; height:28px;  }.woo-heading { flex-wrap:wrap; }.woo-product { flex-direction:row; }.woo-product img { width:40%; height:170px; }.woo-product>div { padding:13px; }.woo-sync {  gap:8px; }.mail-preview { padding:24px 20px 0; }.mail-paper { width:100%; max-width:330px; }.mail-cover { height:125px; }.event-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.event-grid figure { height:224px; }.event-grid figcaption {  bottom:15px; left:12px; }.faq-section { gap:24px; }.faq-list summary {  min-height:66px; gap:16px; }.faq-list details p {  padding-right:16px; }.closing { margin-top:64px; padding:36px 16px; min-height:380px; width:calc(100% - 24px); }.closing-panel { width:100%; padding:26px 15px; }.closing-panel>p:not(.eyebrow) {  max-width:270px; margin:16px auto 0; line-height:1.8; }.closing .actions { flex-direction:column; gap:10px; }.closing .button { min-height:48px; width:100%; max-width:250px;  }.site-footer { padding-top:44px; }.footer-top { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }.footer-brand { grid-column:1/-1; gap:26px; margin-bottom:4px; }.footer-column h2 {  margin-bottom:10px; }.footer-column a,.footer-column button {  padding-block:12px; min-height:44px; }.footer-bottom { display:block; margin-top:28px; padding-top:20px; }.footer-bottom p {  max-width:none; }.footer-bottom p+p { margin-top:10px; }.contact-dialog { padding:32px 22px 26px; }.contact-grid { grid-template-columns:minmax(0,1fr); gap:14px; }.contact-close { width:38px; height:38px; } }
@media(max-width:359px) { .wrap { width:calc(100% - 32px); }.hero .actions { flex-direction:column; align-items:stretch; }.hero .button { width:100%; }.hero-visual { width:145%; margin-inline:-22.5%!important; }.capability-strip>div { padding:14px 9px; gap:8px; }.capability-strip svg { width:18px; }.product-card { padding-inline:18px; }.phone-crop { height:180px; }.validation-card figcaption { padding-inline:9px; }.portal-ticket-data img { width:78px; height:78px; }.portal-ticket { padding:16px; }.connected-card { padding-inline:18px; }.event-grid figure { height:192px; }.closing { width:calc(100% - 20px); } }
.lv2 button:disabled { opacity:.55; cursor:not-allowed; transform:none; }
.mobile-nav a:active,.footer-column a:active,.footer-column button:active,.text-link:active { opacity:.7; }
@media(max-width:639px) { .hero-visual { width:115%; margin:0 -7.5% -1%!important; } .hero .actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .hero .button { padding-inline:10px; gap:8px; } }
@media(max-width:359px) { .hero-visual { width:125%; margin-inline:-12.5%!important; } .hero .actions { grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) { .lv2 *, .contact-dialog * { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }

/* Typography roles: one scale for page copy, controls, captions and illustrative UI. */
html { font-size:100%; }
.lv2, .contact-dialog { font-size:var(--text-lv2-body); line-height:var(--leading-lv2-body); }
.lv2 p, .lv2 li { font-size:var(--text-lv2-body); line-height:var(--leading-lv2-body); }
.hero h1 { font-size:var(--text-lv2-display); line-height:1.1; letter-spacing:-.05em; }
.lv2 h2, .problem h2, .closing h2, .contact-dialog h2 { font-size:var(--text-lv2-h2); line-height:var(--leading-lv2-heading); }
.lv2 h3, .lv2 h4, .feature-label h3, .steps h3, .transfer-card h3, .portal-ticket h3, .mail-body h3 { font-size:var(--text-lv2-h3); line-height:var(--leading-lv2-heading); }
.connected-card h3, .wallet-card h3 { font-size:var(--text-lv2-feature); }
.desktop-nav a, .mobile-nav a, .mobile-nav button, .button, .header-actions .button,
.hero .button, .closing .button, .text-link, .contact-dialog .simple-button,
.footer-column a, .footer-column button, .contact-field input, .contact-field input::placeholder,
.demo-button, .woo-product .demo-button, .mail-action {
 font-size:var(--text-lv2-control); line-height:var(--leading-lv2-control);
}
.footer-column h2, .contact-field label, .capability-strip span, .benefit-list>div,
.ticket-type, .preview-toolbar strong, .order-row, .scanner-side,
.portal-preview-top strong, .portal-ticket-data strong, .transfer-flow>div>span:last-child,
.validation-card strong, .promoter-row, .woo-heading strong, .woo-product>div>span:not(.demo-button),
.mail-brand, .faq-list summary { font-size:var(--text-lv2-body); line-height:var(--leading-lv2-secondary); }
.lv2 .hero-note, .lv2 .eyebrow, .contact-dialog .simple-eyebrow, .capability-strip small,
.event-preview-cover span:first-child, .ticket-type small, .ticket-type>span:last-child,
.preview-toolbar>span, .order-head, .avatar, .avatar-large, .status, .promoter-row .status,
.preview-bottom, .scanner-side small, .portal-preview-top>span, .portal-ticket .ticket-kicker,
.portal-ticket-data span, .ticket-stub, .portal-preview figcaption, .mail-preview figcaption,
.transfer-flow small, .lv2 .small-note, .wallet-label, .promoter-row small, .plugin-badge,
.woo-product small, .woo-sync, .mail-body small, .mail-stub, .footer-bottom p,
.contact-privacy, .contact-field-error, .contact-error {
 font-size:var(--text-lv2-secondary); line-height:var(--leading-lv2-secondary);
}
.section-heading>p, .section-copy>p, .hero-description, .product-card>p,
.steps p, .check-list li, .transfer-card .feature-label p, .wallet-card p,
.section-heading-row>p, .validation-card p, .connected-card .section-copy>p,
.connected-card .check-list li, .mail-body p, .faq-section .section-copy>p,
.faq-list details p, .closing-panel>p:not(.eyebrow), .footer-brand p,
.contact-intro, .contact-success p { font-size:var(--text-lv2-body); line-height:var(--leading-lv2-body); }
.event-grid figcaption { font-size:var(--text-lv2-body); line-height:var(--leading-lv2-secondary); }
.check-list li:before { font-size:var(--text-lv2-symbol); width:18px; height:18px; margin-top:4px; }
.button span[aria-hidden], .text-link span, .transfer-arrow, .check, .faq-list summary>span,
.contact-success-mark { font-size:var(--text-lv2-icon); }

/* Compact type belongs to the illustrative UI, not the surrounding page copy. */
.orders-preview, .event-preview, .portal-preview-top, .portal-ticket,
.transfer-flow, .promoter-preview, .woo-preview, .mail-paper {
 --text-lv2-body:var(--text-lv2-demo-body);
 --text-lv2-secondary:var(--text-lv2-demo-secondary);
 --text-lv2-control:var(--text-lv2-demo-body);
 --text-lv2-h3:var(--text-lv2-demo-title);
 font-size:var(--text-lv2-body);
}
.orders-preview .order-row { padding-block:12px; }
.event-preview .ticket-type { padding-block:12px; }
/* Let larger page copy determine component height instead of shrinking its type. */
.capability-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
.capability-strip>div { padding:20px; align-items:flex-start; gap:16px; }
.capability-strip svg { margin-top:4px; }
.capability-strip small { margin-top:6px; }
.capability-strip span { min-width:0; }
.benefit-list>div { padding-block:16px; }
.product-card>p { min-height:0; }
.orders-preview { width:100%; }
.order-row { padding-block:16px; }
.preview-toolbar { flex-wrap:wrap; }
.scanner-side { max-width:44%; padding-bottom:16px; }
.scanner-preview { min-height:310px; height:auto; gap:12px; align-items:center; }
.scanner-preview>img { width:180px; align-self:center; max-width:56%; }
.steps li { padding:28px 20px; }
.steps h3 { margin-top:4px; }
.check-list li { gap:12px; margin-top:14px; }
.portal-preview-top { flex-wrap:wrap; }
.portal-ticket { width:390px; }
.portal-ticket-data { align-items:center; }
.portal-ticket-data strong { margin-bottom:14px; }
.portal-preview figcaption, .mail-preview figcaption { padding:16px 18px; }
.transfer-flow>div { gap:12px; padding:16px 12px; }
.transfer-flow .avatar { display:none; }
.transfer-flow { align-items:stretch; }
.transfer-arrow { align-self:center; }
.wallet-card { min-height:320px; }
.validation-card figcaption { min-height:160px; }
.validation-card strong { display:block; }
.state-dot { display:block; width:6px; height:6px; margin:0 0 10px; }
.validation-card p { margin-top:10px; }
.promoter-preview .avatar { display:none; }
.promoter-row { gap:12px; }
.woo-heading { flex-wrap:wrap; }
.woo-product>div { min-width:0; }
.mail-paper { width:360px; }
.mail-body { padding:28px 24px; }
.mail-body p { margin-top:16px; }
.mail-preview figcaption { padding-inline:0; }
.faq-list summary { padding-block:20px; }
.footer-column a, .footer-column button { min-height:44px; padding-block:10px; }
.footer-column h2 { margin-bottom:14px; }
.footer-bottom p { max-width:none; }
.contact-field label { margin-bottom:10px; }
.contact-privacy { margin-top:20px; }
.contact-submit { min-height:52px; }
@media(max-width:1199px) {
 .header-contact { display:none!important; }
 .desktop-nav { gap:16px; }
 .header-actions { margin-left:auto; }
 .product-card { padding-inline:20px; }
 .feature-label { align-items:flex-start; }
 .icon-box { margin-top:2px; }
 .steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .steps li:nth-child(3) { border-left:0; border-top:1px solid var(--lv2-border); }
 .steps li:nth-child(4) { border-top:1px solid var(--lv2-border); }
 .portal-bottom { grid-template-columns:minmax(0,1fr); }
 .transfer-flow>div { flex-basis:auto; }
 .transfer-flow { flex-wrap:nowrap; }
 .transfer-arrow { transform:none; margin:0; }
 .wallet-card>div { width:44%; align-self:center; }
 .wallet-card>img { width:66%; right:-8%; bottom:-24%; }
 .wallet-label { display:flex; }
}
@media(max-width:959px) {
 .problem { grid-template-columns:minmax(0,1fr); }
 .product-grid, .connected-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 .product-card { min-height:0; padding:28px; }
 .product-card>p { max-width:60ch; }
 .event-preview, .orders-preview { width:100%; max-width:520px; margin:0 auto 24px; }
 .event-preview-cover { height:230px; }
 .order-row .avatar { display:inline-flex; }
 .scanner-preview { width:100%; max-width:520px; margin:auto; }
 .scanner-side { display:block; max-width:240px; }
 .scanner-preview>img { width:200px; max-width:50%; }
 .transfer-flow { flex-wrap:nowrap; }
 .transfer-flow>div { flex-basis:auto; }
 .wallet-card { min-height:340px; }
 .wallet-card>img { bottom:-18%; }
 .woo-product { flex-direction:row; }
 .woo-product img { width:42%; height:auto; min-height:220px; }
 .woo-product strong { font-size:var(--text-lv2-h3); }
 .footer-bottom { flex-direction:column; gap:12px; }
}
@media(max-width:639px) {
 .header-inner { gap:8px; }
 .header-inner .brand img { width:84px; }
 .header-actions .button { padding-inline:10px; }
 .hero-copy { width:100%; }
 .hero .actions { grid-template-columns:minmax(0,1fr); max-width:28rem; }
 .hero .button { min-height:52px; padding-inline:18px; gap:14px; }
 .hero-note { margin-top:20px!important; }
 .capability-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .capability-strip>div { padding:16px 12px; gap:10px; }
 .capability-strip svg { width:20px; height:20px; }
 .benefit-list { padding-inline:20px; }
 .product-card { padding:24px 20px 0; }
 .feature-label { gap:12px; align-items:flex-start; }
 .event-preview-cover { height:245px; }
 .event-preview-cover>div { inset-inline:16px; }
 .ticket-type { align-items:flex-start; gap:12px; padding:16px 12px; }
 .ticket-type>span:last-child { text-align:right; }
 .scanner-preview { min-height:300px; gap:16px; }
 .scanner-preview>img { width:160px; max-width:50%; }
 .scanner-side { max-width:46%; }
 .steps { grid-template-columns:minmax(0,1fr); }
 .steps li { padding:24px 20px; gap:16px; }
 .portal-scene { padding-inline:16px; }
 .portal-ticket { padding:20px; }
 .portal-ticket-data { gap:10px; }
 .portal-ticket-data img { width:88px; height:88px; }
 .portal-preview figcaption { padding:16px; }
 .transfer-card { padding:24px 20px; }
 .transfer-flow { flex-direction:row; align-items:center; gap:10px; }
 .transfer-flow>div { width:auto; padding:12px; }
 .transfer-arrow { transform:none; }
 .wallet-card { display:flex; flex-direction:column; align-items:flex-start; min-height:0; padding:28px 20px 0; }
 .wallet-card>div { width:100%; align-self:auto; }
 .wallet-card>img { position:relative; width:100%; max-width:100%; right:auto; bottom:auto; margin-top:24px; margin-bottom:-48px; }
 .wallet-card p br { display:none; }
 .wallet-label { margin-top:18px; }
 .validation-grid { gap:14px; }
 .validation-card figcaption { padding:18px 12px; min-height:190px; }
 .phone-crop { height:210px; }
 .connected-card { padding:28px 20px; }
 .woo-preview,.promoter-preview { padding:16px; }
 .woo-product { flex-direction:column; }
 .woo-product img { width:100%; height:180px; min-height:0; }
 .woo-product>div { padding:20px; }
 .woo-sync { flex-wrap:wrap; }
 .mail-preview { padding-inline:20px; }
 .mail-body { padding-inline:20px; }
 .mail-cover { height:150px; }
 .event-grid figcaption { left:12px; right:12px; }
 .faq-list details p { padding-right:0; }
 .closing { padding-inline:14px; }
 .closing-panel { padding:28px 16px; }
 .closing .button { max-width:100%; min-height:52px; }
 .closing-panel>p:not(.eyebrow) { max-width:none; }
 .footer-top { grid-template-columns:minmax(0,1fr); gap:28px; }
 .footer-brand { gap:20px; align-items:flex-start; }
 .footer-brand p { font-size:var(--text-lv2-secondary); }
 .footer-column a,.footer-column button { width:fit-content; }
 .contact-dialog { padding:32px 22px; }
 .contact-field input { padding:12px; }
}
@media(max-width:359px) {
 .header-actions { gap:6px; }
 .header-actions .button { padding-inline:8px; }
 .header-inner .brand img { width:80px; }
 .capability-strip>div { padding-inline:10px; gap:8px; }
 .capability-strip>div { flex-direction:column; }
 .capability-strip svg { width:18px; }
 .portal-ticket { padding:16px; }
 .portal-ticket-data img { width:78px; height:78px; }
 .phone-crop { height:180px; }
 .validation-card figcaption { padding-inline:10px; min-height:215px; }
 .closing-panel { padding-inline:14px; }
}

/* Hallmark · component: connected layers artwork · theme: existing Entria
 * pre-emit critique: P5 H5 E5 S5 R5 V4 · three illustrations explicitly requested
 */
.layers-section .section-heading { max-width:64rem; }
.layers-section .eyebrow { color:var(--lv2-accent); }
.layers-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-lv2-lg); }
.layer-card { min-width:0; display:flex; flex-direction:column; gap:var(--space-lv2-lg); padding:var(--space-lv2-lg) var(--space-lv2-md) var(--space-lv2-md); border:1px solid var(--lv2-border); border-radius:var(--radius-lv2-lg); background:var(--lv2-surface); }
.layer-heading { display:flex; gap:var(--space-lv2-md); align-items:flex-start; padding-inline:var(--space-lv2-xs); }
.layer-heading>div { min-width:0; }
.layer-heading .icon-box { flex-shrink:0; background:var(--lv2-accent); color:var(--lv2-on-accent); }
.layer-heading p { margin-top:var(--space-lv2-sm); }
.layer-art { width:100%; min-width:0; aspect-ratio:4/3; overflow:clip; margin-top:auto!important; border:1px solid var(--lv2-border-soft); border-radius:var(--radius-lv2-md); background:var(--lv2-bg); }
.layer-art img { display:block; width:100%; height:100%; object-fit:cover; }
.layers-section .layers-note { margin-top:var(--space-lv2-md); color:var(--lv2-muted); }
@media(max-width:1199px) and (min-width:960px) {
 .layer-heading { gap:var(--space-lv2-sm); flex-direction:column; }
}
@media(max-width:959px) {
 .layers-grid { grid-template-columns:minmax(0,1fr); }
 .layer-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); align-items:center; gap:var(--space-lv2-lg); padding:var(--space-lv2-lg); }
 .layer-heading { flex-direction:column; }
 .layer-art { margin-top:0!important; }
}
@media(max-width:639px) {
 .layer-card { display:flex; align-items:stretch; padding:var(--space-lv2-lg) var(--space-lv2-md) var(--space-lv2-md); }
 .layer-heading { flex-direction:row; }
}

/* Hallmark · typography refinement: contextual hierarchy, comfortable mobile copy.
 * pre-emit critique: P5 H5 E5 S5 R5 V4 · preserve the established page composition.
 */
.lv2 .hero-description { font-size:var(--text-lv2-lead); }
.benefit-list p, .steps p, .check-list li, .layer-heading p,
.validation-card p, .faq-list summary { font-size:var(--text-lv2-compact); line-height:var(--leading-lv2-secondary); }
.lv2 .steps h3 { font-size:var(--text-lv2-item-title); line-height:1.25; margin-top:var(--space-lv2-xs); margin-bottom:var(--space-lv2-sm); letter-spacing:-.025em; }
.steps li { gap:var(--space-lv2-md); padding:var(--space-lv2-lg) var(--space-lv2-md); }
.step-number { width:32px; height:32px; font-size:var(--text-lv2-compact); line-height:32px; }
.benefit-list { padding:var(--space-lv2-sm) var(--space-lv2-lg); }
.benefit-list>div { gap:var(--space-lv2-md); padding-block:var(--space-lv2-md); min-height:56px; }
.benefit-list .check { font-size:var(--text-lv2-item-title); line-height:1; width:20px; flex-shrink:0; text-align:center; }
.check-list li { margin-top:var(--space-lv2-sm); }
.validation-card strong { font-size:var(--text-lv2-compact); }
.validation-card figcaption { min-height:140px; }
.layer-heading h3 { letter-spacing:-.03em; }
.lv2 .footer-column a, .lv2 .footer-column button { font-size:var(--text-lv2-secondary); }
.contact-field input, .contact-field input::placeholder { font-size:var(--text-lv2-compact); }
@media(min-width:960px) {
 .capability-strip span { font-size:var(--text-lv2-compact); }
 .desktop-nav a { font-size:var(--text-lv2-secondary); }
}
@media(max-width:639px) {
 .steps li { padding:var(--space-lv2-lg) var(--space-lv2-md); }
 .benefit-list { padding-inline:var(--space-lv2-md); }
 .validation-card figcaption { min-height:164px; }
}
@media(max-width:359px) {
 .validation-card figcaption { min-height:180px; }
}

/* Final visual pass: lighter overview, shorter copy and content-led card heights. */
.mail-preview { min-width:0; }
.mail-preview .mail-paper { width:100%; max-width:360px; }
.hero-pricing { display:flex; flex-direction:column; gap:var(--space-lv2-xs); }
.hero-pricing strong { color:var(--lv2-text); font-weight:600; }
.capability-strip { grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--space-lv2-md); border-block:1px solid var(--lv2-border-soft); padding-block:var(--space-lv2-md); }
.capability-strip>div { min-width:0; flex-direction:row; align-items:center; gap:var(--space-lv2-sm); padding:var(--space-lv2-xs) 0; border:0; border-radius:0; background:transparent; }
.capability-strip svg { width:18px; height:18px; margin:0; flex-shrink:0; }
.capability-strip span { font-size:var(--text-lv2-secondary); line-height:var(--leading-lv2-control); }
.problem { padding-top:var(--space-lv2-3xl); }
.problem .section-copy>p { max-width:44ch; }
.portal-bottom { align-items:start; }
.transfer-card { min-height:0; padding:var(--space-lv2-lg); }
.transfer-flow { margin-block:var(--space-lv2-lg) var(--space-lv2-md); }
.transfer-card .small-note { max-width:52ch; }
.wallet-card { min-height:256px; padding:var(--space-lv2-lg); }
.wallet-card>div { width:48%; }
.wallet-card>img { width:68%; right:-12%; bottom:-18%; }
@media(min-width:1200px) {
 .portal-bottom { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
}
@media(max-width:959px) {
 .capability-strip { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:var(--space-lv2-md); }
 .wallet-card { min-height:280px; }
}
@media(max-width:639px) {
 .hero-pricing { margin-top:var(--space-lv2-md)!important; }
 .capability-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-lv2-md) var(--space-lv2-sm); }
 .capability-strip>div { padding:var(--space-lv2-xs) 0; }
 .problem { padding-top:var(--space-lv2-2xl); }
 .transfer-card { padding:var(--space-lv2-lg) var(--space-lv2-md); }
 .wallet-card { min-height:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--space-lv2-sm); align-items:center; padding:var(--space-lv2-lg) var(--space-lv2-md); }
 .wallet-card>div { width:100%; }
 .wallet-card>img { position:relative; width:160%; max-width:none; margin:0 -44% -24% -12%; inset:auto; }
 .wallet-card h3 { font-size:var(--text-lv2-h3); }
 .wallet-card p { font-size:var(--text-lv2-compact); }
 .wallet-label { display:none; }
 .validation-grid { gap:var(--space-lv2-md) var(--space-lv2-sm); }
 .phone-crop { height:172px; padding:var(--space-lv2-sm) 0 0; }
 .phone-crop img { width:100%; }
 .validation-card figcaption { min-height:0; padding:var(--space-lv2-md) 10px; }
 .validation-card strong { line-height:1.4; }
 .validation-card p { margin-top:var(--space-lv2-sm); }
 .validation-card .state-dot { margin-bottom:var(--space-lv2-sm); }
}
@media(max-width:359px) {
 .phone-crop { height:156px; }
 .wallet-card { grid-template-columns:minmax(0,1fr); padding-bottom:0; }
 .wallet-card>img { width:100%; max-width:100%; margin:0 0 -36px; }
}

/* Compact capability cards: six across on desktop, with supporting subtitles. */
.capability-strip {
 --text-lv2-capability-title:clamp(.75rem,calc(.5625rem + .3125vw),.8125rem);
 --text-lv2-capability-caption:.6875rem;
 grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; border:0; padding-block:0;
}
.capability-strip>div { flex-direction:row; align-items:center; gap:8px; padding:14px 10px; background:var(--lv2-surface); border:1px solid var(--lv2-border-soft); border-radius:var(--radius-lv2-sm); }
.capability-strip svg { width:16px; height:16px; margin:0; }
.capability-strip span { font-size:var(--text-lv2-capability-title); line-height:1.35; }
.capability-strip small { display:block; margin-top:var(--space-lv2-xs); font-size:var(--text-lv2-capability-caption); line-height:1.45; color:var(--lv2-muted); font-weight:400; }
@media(max-width:1199px) and (min-width:960px) {
 .capability-strip { gap:8px; }
 .capability-strip>div { gap:8px; padding:14px 8px; }
 .capability-strip svg { width:16px; height:16px; }
}
@media(max-width:959px) {
 .capability-strip { --text-lv2-capability-title:.875rem; --text-lv2-capability-caption:.75rem; grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:639px) {
 .capability-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .capability-strip>div { align-items:flex-start; gap:8px; padding:14px 10px; }
 .capability-strip svg { width:16px; height:16px; margin-top:2px; }
}
@media(max-width:359px) {
 .capability-strip>div { flex-direction:column; gap:8px; padding:12px; }
 .capability-strip svg { margin-top:0; }
 .capability-strip span { width:100%; }
}

/* Keep the header CTA aligned with the adjacent entry link. */
.header-actions .header-contact { height:48px; min-height:48px; padding:0 14px; gap:10px; }
.header-actions .header-contact>span { font-size:var(--text-lv2-item-title); line-height:1; }

/* Status markers accompany the title and stay aligned to its first line. */
.validation-label { display:flex; align-items:flex-start; gap:var(--space-lv2-sm); }
.validation-label strong { min-width:0; }
.validation-card .validation-label .state-dot { flex:0 0 6px; width:6px; height:6px; margin:8px 0 0; }

