.x4-page{display:flex;flex-direction:column;align-items:center;padding:0 24px 80px;overflow:hidden;scroll-behavior:smooth;--x4-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, Consolas, monospace}.x4-page{--x4-machine: rgba(var(--accent-rgb), .08);--x4-stroke: var(--text-muted);--x4-slot: rgba(0,0,0,.25);--x4-paper-fill: var(--bg-card);--x4-line: var(--border);--x4-btn-dim: var(--border);--x4-display: #0a1628;--x4-display-text: #7DD3FC;--x4-coin-from: #F59E0B;--x4-coin-to: #D97706;--x4-glow: rgba(var(--accent-rgb), .12);--x4-card-shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.04);--x4-card-shadow-hover: 0 4px 20px rgba(var(--accent-rgb), .1), 0 1px 3px rgba(0,0,0,.06)}.x4-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding-top:48px;text-align:center;position:relative}.x4-hero:before{content:"";position:absolute;width:700px;height:700px;top:40%;left:50%;transform:translate(-50%,-55%);background:radial-gradient(ellipse 300px 250px at 35% 45%,rgba(var(--accent-rgb),.06) 0%,transparent 70%),radial-gradient(ellipse 250px 300px at 65% 55%,rgba(245,158,11,.04) 0%,transparent 70%);pointer-events:none;z-index:0}.x4-scene{position:relative;width:160px;height:140px;margin-bottom:24px;z-index:1}.x4-fax{position:absolute;inset:0;animation:x4MachineIn .7s cubic-bezier(.16,1,.3,1) .1s both;filter:drop-shadow(0 4px 20px rgba(var(--accent-rgb),.15))}.x4-fax-svg{width:100%;height:100%}.x4-receipt{transform-origin:60px 20px;animation:x4ReceiptBob 3s ease-in-out infinite}.x4-pulse{animation:x4Pulse 2s ease-in-out infinite}.x4-ticker{animation:x4Flicker 4s steps(1) infinite}.x4-coin{position:absolute;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--x4-coin-from) 0%,var(--x4-coin-to) 100%);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;font-family:monospace;border:1.5px solid rgba(255,255,255,.25);box-shadow:0 2px 8px #f59e0b4d}.x4-coin-1{left:8%;top:18%;animation:x4Float 4s ease-in-out .2s infinite}.x4-coin-2{right:6%;top:8%;width:16px;height:16px;font-size:9px;animation:x4Float 5s ease-in-out .7s infinite}.x4-coin-3{left:18%;bottom:8%;width:18px;height:18px;font-size:10px;animation:x4Float 4.5s ease-in-out 1.1s infinite}.x4-coin-4{right:16%;bottom:18%;width:14px;height:14px;font-size:8px;animation:x4Float 3.8s ease-in-out .4s infinite}.x4-coin-5{left:48%;top:2%;animation:x4Float 5.2s ease-in-out 1.4s infinite}.x4-content{animation:x4FadeUp .6s cubic-bezier(.16,1,.3,1) .2s both;max-width:540px;position:relative;z-index:1}.x4-badge{display:inline-flex;align-items:center;gap:5px;padding:0;font-size:.78rem;font-weight:600;letter-spacing:0;color:var(--text-muted);margin-bottom:10px}.x4-badge svg{color:var(--accent);opacity:.7}.x4-title{font-size:5rem;font-weight:800;letter-spacing:-.06em;line-height:1;margin:0 0 16px;color:var(--text-primary)}.x4-glitch{position:relative;display:inline-block}.x4-glitch:before,.x4-glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden}.x4-glitch:before{color:var(--accent);animation:x4Glitch1 3s steps(2) infinite;clip-path:inset(0 0 60% 0)}.x4-glitch:after{color:var(--x4-coin-from);animation:x4Glitch2 3s steps(2) infinite;clip-path:inset(40% 0 0 0)}.x4-subtitle{font-size:1.25rem;font-weight:500;color:var(--text-secondary);margin:0 0 12px;letter-spacing:-.01em;line-height:1.4}.x4-pricing{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap;margin:8px 0 20px}.x4-price{font-size:2.4rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1}.x4-price-unit{font-size:.88rem;font-weight:500;color:var(--text-muted);letter-spacing:-.01em}.x4-price-bonus{font-size:.78rem;font-weight:500;color:var(--text-muted)}.x4-desc{font-size:.9rem;color:var(--text-muted);margin:0 auto 32px;line-height:1.7;max-width:440px}.x4-link{color:var(--accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px;font-weight:600;transition:opacity .15s}.x4-link:hover{opacity:.75}.x4-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.x4-btn-primary{display:inline-flex;align-items:center;gap:5px;padding:12px 24px;border-radius:12px;font-size:.88rem;font-weight:600;color:#fff;background:var(--accent);text-decoration:none;transition:opacity .15s,transform .15s,box-shadow .2s;box-shadow:0 2px 12px rgba(var(--accent-rgb),.2)}.x4-btn-primary:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 20px rgba(var(--accent-rgb),.3);text-decoration:none}.x4-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;border-radius:12px;font-size:.88rem;font-weight:600;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);text-decoration:none;transition:border-color .15s,box-shadow .2s,transform .15s}.x4-btn-secondary:hover{border-color:rgba(var(--accent-rgb),.35);box-shadow:0 4px 16px #0000000f;transform:translateY(-1px);text-decoration:none}.x4-toc{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;width:100%;max-width:640px;padding:8px 0 16px;margin-top:-4px}.x4-toc a{font-size:.74rem;font-weight:600;color:var(--text-muted);text-decoration:none;padding:6px 14px;border-radius:8px;transition:color .15s,background .15s,transform .15s}.x4-toc a:hover{color:var(--accent);background:rgba(var(--accent-rgb),.08);transform:translateY(-1px)}.x4-toc a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.x4-section{width:100%;max-width:640px;padding:64px 0 0;text-align:start;position:relative}.x4-section:nth-of-type(1){animation:x4FadeUp .5s cubic-bezier(.16,1,.3,1) .1s both}.x4-section:nth-of-type(2){animation:x4FadeUp .5s cubic-bezier(.16,1,.3,1) .2s both}.x4-section:nth-of-type(3){animation:x4FadeUp .5s cubic-bezier(.16,1,.3,1) .3s both}.x4-section:nth-of-type(n+4){animation:x4FadeUp .5s cubic-bezier(.16,1,.3,1) .4s both}.x4-section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.025em;scroll-margin-top:24px}.x4-section-desc{font-size:.92rem;color:var(--text-muted);line-height:1.7;margin:0 0 22px;max-width:520px}.x4-section-desc code{font-family:var(--x4-mono);font-size:.82rem;background:rgba(var(--accent-rgb),.06);border:1px solid var(--border-subtle);padding:1px 6px;border-radius:4px;color:var(--text-secondary)}.x4-api-teaser{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.x4-api-flow{list-style:none;margin:0;padding:6px 0;width:100%;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border-subtle);counter-reset:x4api}.x4-api-flow li{display:grid;grid-template-columns:44px auto 1fr;align-items:center;gap:12px;padding:10px 18px;font-size:.86rem}.x4-api-flow li+li{border-top:1px solid var(--border-subtle)}.x4-api-flow code{font-family:var(--x4-mono);font-size:.8rem;color:var(--text-primary);direction:ltr}.x4-api-flow li>span:last-child{color:var(--text-muted);text-align:end}.x4-api-method{font-family:var(--x4-mono);font-size:.66rem;font-weight:700;letter-spacing:.03em}.x4-api-post{color:var(--accent)}.x4-api-put{color:#fbbf24}.x4-api-get{color:#34d399}[data-theme=light] .x4-api-put{color:#b45309}[data-theme=light] .x4-api-get{color:#047857}@media(max-width:767px){.x4-api-flow li{grid-template-columns:44px 1fr}.x4-api-flow li>span:last-child{grid-column:2;text-align:start}}.x4-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.x4-card{display:flex;flex-direction:column;gap:6px;padding:20px 18px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:var(--x4-card-shadow);transition:border-color .2s,box-shadow .25s,transform .2s}.x4-card:hover{border-color:rgba(var(--accent-rgb),.18);box-shadow:var(--x4-card-shadow-hover);transform:translateY(-2px)}.x4-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.x4-card-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;transition:background .2s}.x4-card:nth-child(1) .x4-card-icon{background:rgba(var(--accent-rgb),.08);color:var(--accent)}.x4-card:nth-child(2) .x4-card-icon{background:#f59e0b14;color:#d97706}.x4-card:nth-child(3) .x4-card-icon{background:rgba(var(--accent-rgb),.08);color:var(--accent)}.x4-card:nth-child(4) .x4-card-icon{background:#f59e0b14;color:#d97706}.x4-card:hover .x4-card-icon{opacity:.85}.x4-card strong{font-size:.9rem;color:var(--text-primary);font-weight:600}.x4-card span{font-size:.82rem;color:var(--text-muted);line-height:1.5}.x4-who-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.x4-who-card{display:flex;flex-direction:column;gap:6px;padding:22px 20px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:var(--x4-card-shadow);transition:border-color .2s,box-shadow .25s}.x4-who-card:hover{border-color:rgba(var(--accent-rgb),.18);box-shadow:var(--x4-card-shadow-hover)}.x4-who-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;transition:background .2s}.x4-who-human .x4-who-icon{background:rgba(var(--accent-rgb),.08);color:var(--accent)}.x4-who-agent .x4-who-icon{background:#f59e0b14;color:#d97706}.x4-who-card:hover .x4-who-icon{background:rgba(var(--accent-rgb),.12)}.x4-who-agent:hover .x4-who-icon{background:#f59e0b1f}.x4-steam{opacity:0;stroke-dasharray:6;animation:x4Steam 3s ease-in-out infinite}.x4-steam-2{animation-delay:.8s}.x4-human-coffee{animation:x4CoffeeSip 5s ease-in-out infinite;transform-origin:26px 22px}.x4-bot-antenna{transform-origin:20px 10px;animation:x4AntennaBob 2.5s ease-in-out infinite}.x4-bot-eyes{animation:x4Blink 4s ease-in-out infinite}.x4-who-card strong{font-size:.92rem;color:var(--text-primary);font-weight:600}.x4-who-card span:last-child{font-size:.82rem;color:var(--text-muted);line-height:1.55}.x4-compare-note{font-size:.7rem;color:var(--text-muted);margin:10px 0 0;padding:0 16px;opacity:.7}.x4-compare-note a{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}.x4-mid-cta{text-align:center;padding-top:36px!important;padding-bottom:0}.x4-mid-cta-text{font-size:.88rem;color:var(--text-muted);margin:0 0 12px}.x4-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.x4-detail-card{display:flex;flex-direction:column;gap:4px;padding:18px 16px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:0 1px 3px #0000000a;transition:border-color .2s,box-shadow .2s,transform .2s}.x4-detail-card:hover{border-color:rgba(var(--accent-rgb),.12);box-shadow:var(--x4-card-shadow-hover);transform:translateY(-1px)}.x4-detail-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.x4-detail-card:nth-child(odd) .x4-detail-icon{background:rgba(var(--accent-rgb),.06);color:var(--accent)}.x4-detail-card:nth-child(2n) .x4-detail-icon{background:#f59e0b0f;color:#d97706}.x4-detail-card strong{font-size:.88rem;color:var(--text-primary);font-weight:600}.x4-detail-card span{font-size:.8rem;color:var(--text-muted);line-height:1.5}.x4-compare{margin-top:16px;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;box-shadow:var(--x4-card-shadow)}.x4-compare-table{width:100%;border-collapse:collapse;font-size:.82rem}.x4-compare-table th{padding:12px 16px;text-align:start;font-size:.76rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(135deg,rgba(var(--accent-rgb),.04),#f59e0b05);border-bottom:1px solid var(--border-subtle)}.x4-compare-table th:first-child{color:transparent}.x4-compare-table th:nth-child(2){color:var(--accent)}.x4-compare-table td{padding:10px 16px;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.x4-compare-table tr:last-child td{border-bottom:none}.x4-compare-table td:first-child,.x4-compare-table th[scope=row]{font-weight:600;color:var(--text-secondary);white-space:nowrap;text-align:start;background:transparent;text-transform:none;letter-spacing:0;font-size:.82rem;padding:10px 16px;border-bottom:1px solid var(--border-subtle)}.x4-compare-table tr:nth-child(2n) td{background:rgba(var(--accent-rgb),.015)}.x4-compare-good{color:var(--accent)!important;font-weight:600}.x4-faq-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;margin-top:16px;box-shadow:var(--x4-card-shadow)}.x4-faq-item{border-bottom:1px solid var(--border-subtle)}.x4-faq-item:last-child{border-bottom:none}.x4-faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:.88rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background .15s;list-style:none}.x4-faq-item summary::-webkit-details-marker{display:none}.x4-faq-item summary:after{content:"";width:8px;height:8px;border-inline-end:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg);flex-shrink:0;margin-inline-start:12px;transition:transform .25s ease}.x4-faq-item[open] summary:after{transform:rotate(-135deg)}.x4-faq-item summary:hover{background:linear-gradient(90deg,rgba(var(--accent-rgb),.04),transparent)}.x4-faq-item .x4-faq-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.x4-faq-item[open] .x4-faq-content{grid-template-rows:1fr}.x4-faq-content>div{overflow:hidden}.x4-faq-item p{padding:0 20px 16px;margin:0;font-size:.84rem;color:var(--text-muted);line-height:1.6}.x4-faq-item p code{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:.78rem;background:rgba(var(--accent-rgb),.06);border:1px solid var(--border-subtle);padding:1px 5px;border-radius:4px;color:var(--text-secondary)}.x4-faq-item p a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.x4-legal{width:100%;max-width:640px;margin-top:48px;padding-top:20px;border-top:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-muted);line-height:1.5;text-align:center}.x4-legal a{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;transition:color .15s}.x4-legal a:hover{color:var(--text-primary)}@keyframes x4MachineIn{0%{opacity:0;transform:scale(.8) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes x4ReceiptBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@keyframes x4Pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes x4Flicker{0%,10%,20%,to{opacity:1}5%,15%{opacity:0}}@keyframes x4Float{0%{opacity:0;transform:translateY(0) rotate(0) scale(.8)}10%{opacity:.7;transform:scale(1)}50%{opacity:.45;transform:translateY(-30px) rotate(20deg) scale(1)}90%{opacity:.7}to{opacity:0;transform:translateY(0) rotate(-15deg) scale(.8)}}@keyframes x4Glitch1{0%,86%,to{transform:translate(0)}88%{transform:translate(-4px)}90%{transform:translate(3px)}92%{transform:translate(0)}}@keyframes x4Glitch2{0%,86%,to{transform:translate(0)}89%{transform:translate(3px)}91%{transform:translate(-2px)}93%{transform:translate(0)}}@keyframes x4FadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes x4Steam{0%,to{opacity:0;transform:translateY(0)}20%{opacity:.5}50%{opacity:.3;transform:translateY(-3px)}80%{opacity:0;transform:translateY(-5px)}}@keyframes x4CoffeeSip{0%,85%,to{transform:rotate(0)}90%{transform:rotate(-8deg) translateY(-1px)}95%{transform:rotate(-4deg)}}@keyframes x4AntennaBob{0%,to{transform:rotate(0)}25%{transform:rotate(6deg)}75%{transform:rotate(-6deg)}}@keyframes x4Blink{0%,38%,42%,to{transform:scaleY(1)}40%{transform:scaleY(.1)}}@media(prefers-reduced-motion:reduce){.x4-hero:before{display:none}.x4-fax,.x4-content,.x4-section{animation:none!important;opacity:1;transform:none}.x4-receipt,.x4-pulse,.x4-ticker{animation:none}.x4-coin{animation:none;opacity:.5}.x4-glitch:before,.x4-glitch:after{animation:none}.x4-btn-primary:hover,.x4-btn-secondary:hover,.x4-card:hover,.x4-detail-card:hover,.x4-toc a:hover{transform:none}.x4-steam,.x4-human-coffee,.x4-bot-antenna,.x4-bot-eyes{animation:none}.x4-steam{opacity:.3}.x4-faq-item .x4-faq-content{transition:none}.x4-faq-item summary:after{transition:none}.x4-fax{filter:none}}@media(max-width:767px){.x4-page{padding:0 16px 48px}.x4-hero:before{width:360px;height:360px}.x4-title{font-size:3.5rem}.x4-hero{padding-top:32px}.x4-subtitle{font-size:1.05rem}.x4-price{font-size:2rem}.x4-pricing{gap:8px}.x4-scene{width:130px;height:115px}.x4-actions{flex-direction:column;gap:8px;width:100%}.x4-btn-primary,.x4-btn-secondary{width:100%;justify-content:center}.x4-cards{grid-template-columns:1fr}.x4-section{padding-top:44px}.x4-section-title{font-size:1.25rem}.x4-who-cards,.x4-details-grid{grid-template-columns:1fr}.x4-toc{padding:6px 0 12px;gap:2px}.x4-toc a{padding:4px 8px;font-size:.68rem}.x4-compare-table thead{display:none}.x4-compare-table,.x4-compare-table tbody{display:flex;flex-direction:column;gap:0}.x4-compare-table tr{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;padding:12px 16px;gap:4px 12px;border-bottom:1px solid var(--border-subtle)}.x4-compare-table tr:last-child{border-bottom:none}.x4-compare-table th[scope=row]{grid-column:1 / -1;grid-row:1;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)!important;padding:0;border:none}.x4-compare-table td{grid-row:2;padding:0;border:none;font-size:.8rem}.x4-compare-table td:nth-child(2){grid-column:1}.x4-compare-table td:nth-child(3){grid-column:2;color:var(--text-muted)}.x4-compare-table td:nth-child(2):before{content:"unofax ";font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--accent);display:block;margin-bottom:1px;opacity:.7}.x4-compare-table td:nth-child(3):before{content:"Traditional ";font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);display:block;margin-bottom:1px;opacity:.5}.x4-compare-table tr:nth-child(2n) td{background:transparent}.x4-compare-note{font-size:.66rem;padding:0 12px}.x4-mid-cta{padding-top:28px!important}}