:root{--cream:#f9fafb;--warm-white:#fff;--ink:#111827;--ink-light:#374151;--ink-muted:#6b7280;--primary:#1c46b1;--primary-glow:#002fa7;--amber:#1c46b1;--amber-glow:#002fa7;--emerald:#10b981;--surface:#ffffffb3;--surface-elevated:#ffffffe6;--border:#11182714;--border-strong:#11182726}[data-theme=dark]{--cream:#111827;--warm-white:#1f2937;--ink:#f9fafb;--ink-light:#e5e7eb;--ink-muted:#9ca3af;--primary:#395dbb;--primary-glow:#5574c4;--amber:#395dbb;--amber-glow:#5574c4;--emerald:#34d399;--surface:#1f2937cc;--surface-elevated:#374151f2;--border:#ffffff14;--border-strong:#ffffff26}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;transition:background-color .4s,color .4s;position:relative;overflow-x:hidden}body:before{content:"";opacity:.35;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg width='1600' height='900' viewBox='0 0 1600 900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='bg-gradient' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%235B7DC5'/%3E%3Cstop offset='50%25' stop-color='%23A8B9DA'/%3E%3Cstop offset='100%25' stop-color='%235B7DC5'/%3E%3C/linearGradient%3E%3ClinearGradient id='shape1-grad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23B8C8E8' stop-opacity='0.8'/%3E%3Cstop offset='100%25' stop-color='%235B7DC5' stop-opacity='0.95'/%3E%3C/linearGradient%3E%3ClinearGradient id='shape2-grad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23D4DDEE' stop-opacity='0.7'/%3E%3Cstop offset='100%25' stop-color='%238BA3CC' stop-opacity='0.85'/%3E%3C/linearGradient%3E%3ClinearGradient id='shape3-grad' x1='100%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23E8EEF7' stop-opacity='0.9'/%3E%3Cstop offset='100%25' stop-color='%235B7DC5' stop-opacity='0.95'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='900' fill='url(%23bg-gradient)'/%3E%3Cpath d='M 200 -100 Q 300 100 400 200 Q 500 300 350 500 Q 200 700 100 600 Q 0 500 50 300 Q 100 100 200 -100 Z' fill='url(%23shape1-grad)' opacity='0.85'/%3E%3Cpath d='M 400 200 L 900 100 L 1100 500 Q 1000 700 800 750 Q 600 800 500 650 Q 400 500 400 200 Z' fill='url(%23shape2-grad)' stroke='%23ffffff' stroke-width='2' opacity='0.8'/%3E%3Cpath d='M 1300 50 L 1500 100 L 1550 200 L 1500 350 L 1350 380 L 1250 250 Z' fill='url(%23shape3-grad)' stroke='%23ffffff' stroke-width='3' opacity='0.9'/%3E%3Cpath d='M 1200 600 Q 1300 650 1350 750 Q 1400 850 1300 900 L 1100 850 Q 1050 750 1100 650 Q 1150 550 1200 600 Z' fill='%23C8D5EB' opacity='0.7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.serif{font-family:Roboto,Georgia,serif}.mono{font-family:Roboto Mono,monospace}nav{z-index:100;background:0 0;justify-content:space-between;align-items:center;padding:20px 48px;transition:background .4s;display:flex;position:fixed;top:0;left:0;right:0}.logo{align-items:center;gap:12px;font-size:1.1rem;font-weight:600;display:flex}.logo-icon{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-icon img{object-fit:contain;width:100%;height:100%}.nav-links{align-items:center;gap:40px;display:flex}.nav-links a{color:var(--ink-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.theme-toggle{border:1px solid var(--border);background:var(--surface-elevated);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-left:8px;transition:all .3s;display:flex;position:relative}.theme-toggle:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #d9770626}.theme-toggle svg{width:20px;height:20px;color:var(--ink);transition:transform .4s}.theme-toggle:hover svg{transform:rotate(15deg)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{transition:opacity .3s,transform .4s;position:absolute}.theme-toggle .icon-moon{opacity:1;transform:rotate(0)}.theme-toggle .icon-sun{opacity:0;transform:rotate(-90deg)}[data-theme=dark] .theme-toggle .icon-moon{opacity:0;transform:rotate(90deg)}[data-theme=dark] .theme-toggle .icon-sun{opacity:1;transform:rotate(0)}.nav-cta{background:var(--ink);border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s;color:var(--cream)!important}.nav-cta:hover{background:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #d9770640}.hero{flex-direction:column;justify-content:center;max-width:1400px;min-height:100vh;margin:0 auto;padding:140px 48px 80px;display:flex}.hero-content{grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;display:grid}.hero-badge{background:var(--surface-elevated);border:1px solid var(--border);color:var(--ink-muted);border-radius:100px;align-items:center;gap:8px;width:fit-content;margin-bottom:32px;padding:8px 16px;font-size:.85rem;display:inline-flex}.hero-badge .dot{background:var(--emerald);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.hero h1{letter-spacing:-.02em;margin-bottom:28px;font-family:Roboto,sans-serif;font-size:clamp(3.2rem,5.5vw,4.5rem);font-weight:700;line-height:1.08}.hero h1 em{color:var(--primary);font-style:italic}.hero-description{color:var(--ink-light);max-width:520px;margin-bottom:40px;font-size:1.15rem;line-height:1.75}.hero-ctas{align-items:center;gap:16px;margin-bottom:48px;display:flex}.btn-primary{background:var(--ink);color:var(--cream);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{background:var(--primary);transform:translateY(-2px);box-shadow:0 12px 32px #d977064d}.btn-secondary{color:var(--ink);align-items:center;gap:8px;padding:16px 24px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{color:var(--primary);gap:12px}.compliance-row{align-items:center;gap:24px;display:flex}.compliance-badge{color:var(--ink-muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.compliance-badge svg{width:18px;height:18px;color:var(--emerald)}.hero-visual{justify-content:center;align-items:center;height:560px;display:flex;position:relative}.monitor{opacity:0;z-index:1;background:linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 100%);border-radius:16px;width:580px;height:380px;padding:10px;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 40px 80px #00000080}.hero-visual.scene-qr .monitor{opacity:1}.hero-visual.scene-qr .scanner-qr{display:block!important}.monitor-screen{background:#f5f5f5;border-radius:10px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}[data-theme=dark] .monitor-screen{background:#141416}.browser-chrome{background:#e8e8e8;align-items:center;gap:8px;padding:8px 12px;display:flex}[data-theme=dark] .browser-chrome{background:#1e1e20}.browser-dots{gap:5px;display:flex}.browser-dots span{border-radius:50%;width:10px;height:10px}.browser-dots span:first-child{background:#ff5f57}.browser-dots span:nth-child(2){background:#ffbd2e}.browser-dots span:nth-child(3){background:#28c840}.browser-url{color:#666;background:#0000000f;border-radius:4px;flex:1;padding:5px 10px;font-family:Roboto Mono,monospace;font-size:.55rem}[data-theme=dark] .browser-url{color:#888;background:#ffffff14}.monitor-page{flex:1;display:flex}.monitor-sidebar{background:#00000008;flex-direction:column;gap:6px;width:100px;padding:12px 8px;display:flex}[data-theme=dark] .monitor-sidebar{background:#ffffff08}.sidebar-item{background:#0000000f;border-radius:4px;height:8px}.sidebar-item.active{background:var(--primary);opacity:.6}[data-theme=dark] .sidebar-item{background:#ffffff14}.monitor-main{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:30px 16px 16px;display:flex}.monitor-content{text-align:center;flex-direction:column;align-items:center;display:flex}.monitor-content h4{color:var(--ink);margin-bottom:4px;font-size:.8rem}.monitor-content p{color:var(--ink-muted);margin-bottom:10px;font-size:.6rem}.qr-code{background:#fff;border-radius:10px;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(7,1fr);gap:2px;width:120px;height:120px;padding:10px;display:grid}.qr-code span{background:#000;border-radius:2px}.qr-code span:nth-child(7n+1),.qr-code span:nth-child(7n+2),.qr-code span:nth-child(7n+3),.qr-code span:nth-child(-n+21),.qr-code span:nth-child(n+29):nth-child(-n+35),.qr-code span:nth-child(n+36):nth-child(-n+42){background:#000}.qr-code span:nth-child(4),.qr-code span:nth-child(5),.qr-code span:nth-child(11),.qr-code span:nth-child(12),.qr-code span:nth-child(18),.qr-code span:nth-child(19),.qr-code span:nth-child(25),.qr-code span:nth-child(26),.qr-code span:nth-child(32),.qr-code span:nth-child(33){background:0 0}.phone-mockup{z-index:10;background:linear-gradient(145deg,#1a1a1a 0%,#0a0a0a 100%);border-radius:44px;width:260px;height:520px;padding:10px;animation:6s ease-in-out infinite phone-float;position:relative;box-shadow:0 50px 100px -20px #0006,0 30px 60px -30px #00000080,inset 0 1px #ffffff1a}[data-theme=dark] .phone-mockup{background:linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 100%)}@keyframes phone-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.phone-screen{background:#fafafa;border-radius:36px;width:100%;height:100%;position:relative;overflow:hidden}[data-theme=dark] .phone-screen{background:#0d0d0f}.phone-notch{z-index:20;background:#0a0a0a;border-radius:0 0 18px 18px;width:100px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.scene-screen{opacity:0;pointer-events:none;flex-direction:column;padding:50px 20px 20px;transition:opacity .4s;display:flex;position:absolute;inset:0}.scene-screen.active{opacity:1;pointer-events:auto}.scene-header{text-align:center;margin-bottom:20px}.scene-header .app-name{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.65rem;font-weight:600}.scene-header h3{color:var(--ink);margin-bottom:4px;font-family:Roboto,sans-serif;font-size:1.3rem;font-weight:500}.scene-header p{color:var(--ink-muted);font-size:.75rem}.login-biometric{flex-direction:column;flex:1;justify-content:center;align-items:center;margin-top:-20px;display:flex}.login-avatar{background:linear-gradient(135deg,var(--primary)0%,var(--primary-glow)100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;font-size:1.5rem;font-weight:600;display:flex}.login-name{color:var(--ink);margin-bottom:4px;font-size:1.1rem;font-weight:600}.login-hint{color:var(--ink-muted);font-size:.75rem}.qr-scanner{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.scanner-frame{background:0 0;border-radius:8px;width:160px;height:160px;margin:16px 0;position:relative;overflow:visible}.scanner-frame:before,.scanner-frame:after{content:"";border:3px solid var(--primary);z-index:2;width:30px;height:30px;position:absolute}.scanner-frame:before{border-bottom:none;border-right:none;top:0;left:0}.scanner-frame:after{border-top:none;border-left:none;bottom:0;right:0}.scanner-frame .corner-bl,.scanner-frame .corner-tr{border:3px solid var(--primary);z-index:2;width:30px;height:30px;position:absolute}.scanner-frame .corner-tr{border-bottom:none;border-left:none;top:0;right:0}.scanner-frame .corner-bl{border-top:none;border-right:none;bottom:0;left:0}.scanner-qr{background:#fff;border-radius:6px;padding:0;display:none;position:absolute;inset:15px;overflow:hidden}.scanner-qr svg{width:100%;height:100%}.scanner-line{background:var(--primary);height:2px;box-shadow:0 0 10px var(--primary);z-index:3;animation:2s ease-in-out infinite scan-line;position:absolute;left:10px;right:10px}@keyframes scan-line{0%,to{top:10px}50%{top:calc(100% - 12px)}}.scanner-hint{color:var(--ink-muted);text-align:center;font-size:.75rem}#scene-qr{background:0 0}#scene-qr .scene-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0d0fd9;border-radius:12px;padding:12px 16px}#scene-qr .scanner-hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0d0fd9;border-radius:8px;padding:8px 16px}[data-theme=light] #scene-qr .scene-header,[data-theme=light] #scene-qr .scanner-hint{background:#faf7f2d9}.checkout-header{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px;display:flex}.store-brand{align-items:center;gap:6px;display:flex}.store-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;display:flex}.store-brand span{letter-spacing:.1em;color:var(--ink);font-size:.8rem;font-weight:700}.checkout-badge{color:var(--ink-muted);background:var(--surface);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:4px 8px;font-size:.6rem;font-weight:600}.checkout-content{flex-direction:column;flex:1;gap:12px;display:flex}.cart-preview{background:var(--surface);border-radius:10px;padding:10px}.cart-item{align-items:center;gap:10px;padding:6px 0;display:flex}.cart-item:not(:last-child){border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:10px}.item-thumb{background:linear-gradient(135deg,var(--border)0%,var(--border-strong)100%);border-radius:6px;width:36px;height:36px}.item-info{flex-direction:column;flex:1;gap:2px;display:flex}.item-name{color:var(--ink);font-size:.7rem;font-weight:600}.item-variant{color:var(--ink-muted);font-size:.6rem}.item-price{color:var(--ink);font-family:Roboto Mono,monospace;font-size:.7rem;font-weight:600}.shipping-preview{background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.shipping-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.6rem}.shipping-address{color:var(--ink);font-size:.65rem}.payment-total{background:var(--surface-elevated);border:1px solid var(--border);border-radius:10px;margin-top:auto;padding:12px}.total-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.total-row span:first-child{color:var(--ink-muted);font-size:.7rem}.total-amount{color:var(--ink);font-family:Roboto Mono,monospace;font-size:1rem;font-weight:700}.pay-with{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.pay-with span{color:var(--ink-muted);font-size:.65rem}.bank-badge{background:linear-gradient(135deg,#1e3a5f 0%,#2c5282 100%);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.bank-badge svg{color:#fff;width:14px;height:14px}.biometric-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;opacity:0;pointer-events:none;background:#0006;border-radius:36px;justify-content:center;align-items:flex-end;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.biometric-modal.active{opacity:1;pointer-events:auto}.biometric-sheet{background:var(--surface-elevated);text-align:center;border-radius:20px;width:100%;padding:24px;transition:transform .3s;transform:translateY(20px)}.biometric-modal.active .biometric-sheet{transform:translateY(0)}[data-theme=dark] .biometric-sheet{background:#1c1c1e}.biometric-icon{width:56px;height:56px;margin:0 auto 16px;position:relative}.face-id-icon{width:100%;height:100%;position:relative}.face-id-icon:before{content:"";border:3px solid var(--ink);border-radius:14px;position:absolute;inset:8px}.face-id-icon .eye{background:var(--ink);border-radius:50%;width:6px;height:6px;position:absolute;top:20px}.face-id-icon .eye.left{left:16px}.face-id-icon .eye.right{right:16px}.face-id-icon .mouth{background:var(--ink);border-radius:2px;width:14px;height:3px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.scan-animation{border:2px solid var(--emerald);opacity:0;border-radius:16px;position:absolute;inset:0}.biometric-modal.scanning .scan-animation{animation:1.5s ease-in-out face-scan}@keyframes face-scan{0%{opacity:0;transform:scale(1.1)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.biometric-title{color:var(--ink);margin-bottom:4px;font-size:.95rem;font-weight:600}.biometric-subtitle{color:var(--ink-muted);margin-bottom:16px;font-size:.75rem}.biometric-cancel{color:#007aff;font-size:.85rem;font-weight:500}.biometric-modal.success .face-id-icon:before{border-color:var(--emerald)}.biometric-modal.success .face-id-icon .eye,.biometric-modal.success .face-id-icon .mouth{background:var(--emerald)}.success-check{opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.biometric-modal.success .success-check{opacity:1}.biometric-modal.success .face-id-icon:before,.biometric-modal.success .face-id-icon .eye,.biometric-modal.success .face-id-icon .mouth{opacity:0}.success-check svg{width:36px;height:36px;color:var(--emerald)}.scene-dots{gap:8px;display:flex;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.scene-dot{background:var(--border-strong);border-radius:50%;width:8px;height:8px;transition:all .3s}.scene-dot.active{background:var(--primary);border-radius:4px;width:24px}.problem-section{background:var(--warm-white);padding:100px 48px;transition:background .4s;position:relative}.problem-section:before{content:"";background:linear-gradient(90deg,transparent,var(--border-strong),transparent);height:1px;position:absolute;top:0;left:0;right:0}.problem-content{text-align:center;max-width:1100px;margin:0 auto}.section-label{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;font-family:Roboto Mono,monospace;font-size:.8rem}.problem-title{margin-bottom:48px;font-family:Roboto,sans-serif;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:700;line-height:1.2}.problem-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.problem-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:16px;padding:28px}.problem-card .strike{color:var(--ink-muted);margin-bottom:8px;font-size:.85rem;text-decoration:line-through}.problem-card h3{color:var(--ink);margin-bottom:12px;font-family:Roboto,sans-serif;font-size:1.3rem;font-weight:500}.problem-card p{color:var(--ink-muted);font-size:.9rem;line-height:1.6}.problem-card .stat{color:var(--primary);background:#d977061a;border-radius:6px;margin-top:12px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-block}.solution-section{max-width:1200px;margin:0 auto;padding:120px 48px}.solution-header{text-align:center;max-width:700px;margin:0 auto 80px}.section-title{margin-bottom:20px;font-family:Roboto,sans-serif;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;line-height:1.15}.section-subtitle{color:var(--ink-muted);font-size:1.15rem;line-height:1.7}.solution-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.solution-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:20px;padding:40px 36px;transition:all .4s}.solution-card:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:0 24px 64px #1a18151a}.solution-card.featured{background:var(--ink);color:var(--cream);grid-column:span 2;grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.solution-icon{background:var(--cream);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;display:flex}.solution-card.featured .solution-icon{background:#ffffff1a}.solution-icon svg{width:28px;height:28px;color:var(--ink)}[data-theme=dark] .solution-icon{background:#ffffff14}[data-theme=dark] .solution-icon svg,.solution-card.featured .solution-icon svg{color:var(--primary)}.solution-card h3{margin-bottom:12px;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500}.solution-card p{color:var(--ink-muted);font-size:.95rem;line-height:1.7}.solution-card.featured p{color:#faf7f2b3}.solution-visual{flex-direction:column;gap:16px;display:flex}.platform-pill{color:var(--cream);background:#ffffff14;border:1px solid #ffffff26;border-radius:100px;align-items:center;gap:8px;width:fit-content;padding:12px 20px;font-size:.9rem;display:inline-flex}.platform-pill svg{width:18px;height:18px;color:var(--primary)}.platform-connector{background:#d9770666;width:2px;height:24px;margin-left:24px}.code-section{background:var(--warm-white);padding:120px 48px;transition:background .4s}.code-container{max-width:1200px;margin:0 auto}.code-header{text-align:center;max-width:600px;margin:0 auto 60px}.code-blocks{grid-template-columns:1fr 1fr;gap:24px;display:grid}.code-window{background:var(--ink);border-radius:16px;overflow:hidden;box-shadow:0 32px 80px #1a181526}.code-window-header{background:#ffffff0d;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:16px 20px;display:flex}.code-dot{background:#ffffff26;border-radius:50%;width:12px;height:12px}.code-dot.red{background:#ef4444}.code-dot.yellow{background:#f59e0b}.code-dot.green{background:#10b981}.code-window-label{color:#ffffff80;margin-left:auto;font-family:Roboto Mono,monospace;font-size:.75rem}.code-body{color:#e5e7eb;padding:24px;font-family:Roboto Mono,monospace;font-size:.85rem;line-height:1.8}.code-line{display:block}.code-keyword{color:#f472b6}.code-function{color:#60a5fa}.code-string{color:#34d399}.code-comment{color:#6b7280}.code-property{color:#fbbf24}.code-number{color:#fb923c}.code-note{text-align:center;color:var(--ink-muted);margin-top:32px;font-size:1rem}.code-note strong{color:var(--ink)}.usecases-section{max-width:1200px;margin:0 auto;padding:120px 48px}.usecases-header{text-align:center;max-width:600px;margin:0 auto 64px}.usecases-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.usecase-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:20px;padding:32px;transition:all .3s}.usecase-card:hover{border-color:var(--primary);transform:translateY(-4px)}.usecase-icon{background:var(--cream);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.usecase-icon svg{width:24px;height:24px;color:var(--ink)}[data-theme=dark] .usecase-icon{background:#ffffff14}[data-theme=dark] .usecase-icon svg{color:var(--primary)}.usecase-card h3{margin-bottom:8px;font-family:Roboto,sans-serif;font-size:1.3rem;font-weight:500}.usecase-card p{color:var(--ink-muted);font-size:.9rem;line-height:1.6}.cta-section{background:var(--ink);color:var(--cream);text-align:center;padding:120px 48px;transition:background .4s}.cta-section h2{margin-bottom:20px;font-family:Roboto,sans-serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700}.cta-section p{color:#faf7f2b3;max-width:500px;margin:0 auto 40px;font-size:1.2rem}.cta-buttons{justify-content:center;gap:16px;margin-bottom:48px;display:flex}.btn-light{background:var(--cream);color:var(--ink);border-radius:10px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-light:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.btn-outline{color:var(--cream);border:1px solid #faf7f24d;border-radius:10px;padding:16px 32px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s}.btn-outline:hover{border-color:var(--cream);background:#faf7f21a}[data-theme=dark] .btn-outline{color:#f5f5f4;border-color:#f5f5f44d}[data-theme=dark] .btn-outline:hover{background:#f5f5f41a;border-color:#f5f5f4}.trust-logos{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.trust-logo{color:#faf7f2cc;letter-spacing:.05em;align-items:center;gap:8px;font-family:Roboto Mono,monospace;font-size:.85rem;display:flex}.trust-logo svg{width:18px;height:18px;color:var(--emerald)}[data-theme=dark] .cta-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(135deg,#1c1c20 0%,#252529 100%)}[data-theme=dark] .cta-section h2{color:#f5f5f4}[data-theme=dark] .cta-section p{color:#f5f5f4b3}[data-theme=dark] .btn-light{background:var(--primary);color:#0d0d0f}[data-theme=dark] .btn-light:hover{background:var(--primary-glow);color:#0d0d0f}[data-theme=dark] .trust-logo{color:#f5f5f4cc}[data-theme=dark] .trust-logo svg{color:var(--emerald)}[data-theme=dark] .solution-card.featured{border:1px solid var(--border-strong);background:linear-gradient(135deg,#1c1c20 0%,#252529 100%)}[data-theme=dark] .solution-card.featured h3{color:#f5f5f4}[data-theme=dark] .solution-card.featured p{color:#f5f5f4b3}[data-theme=dark] .solution-card.featured .platform-pill{color:#f5f5f4}[data-theme=dark] .code-section{background:var(--warm-white)}[data-theme=dark] .code-window{border:1px solid var(--border);background:#0a0a0c}[data-theme=dark] .code-window-header{border-bottom:1px solid var(--border);background:#ffffff08}footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:60px 48px;transition:background .4s,border-color .4s;display:flex}.footer-left{align-items:center;gap:32px;display:flex}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--ink-muted);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--ink)}.footer-right{color:var(--ink-muted);font-size:.9rem}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;gap:40px}.hero-visual{display:none}.problem-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.solution-grid{grid-template-columns:1fr}.solution-card.featured{grid-column:span 1;grid-template-columns:1fr}.code-blocks{grid-template-columns:1fr}.usecases-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.mobile-toggle{z-index:101;display:none;position:fixed;top:20px;right:24px}@media (max-width:768px){nav{padding:16px 24px}.nav-links{display:none}.mobile-toggle{display:flex}.hero{min-height:auto;padding:120px 24px 60px}.hero h1{font-size:2.5rem}.hero-ctas{flex-direction:column;align-items:stretch}.compliance-row{flex-wrap:wrap;gap:16px}.problem-section{padding:60px 24px}.solution-section,.code-section,.usecases-section,.cta-section{padding:80px 24px}.cta-buttons{flex-direction:column}footer{text-align:center;flex-direction:column;gap:24px}.footer-left{flex-direction:column}}