.process-cards{position:relative;width:100%;height:100%;background-color:var(--background)}.process-card{position:relative;width:100vw;height:100svh;background-color:var(--foreground);color:var(--background);padding:1.5rem;display:flex;gap:3rem;will-change:transform}.process-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:var(--after-opacity,0);transition:opacity .1s ease;pointer-events:none;z-index:2}.process-card-index{flex:2 1;color:var(--background)}.process-card-content{flex:4 1;padding-top:1.5rem;color:var(--background)}.process-card-content-wrapper{width:75%;display:flex;flex-direction:column;gap:1.5rem}.process-card-header{width:75%}.process-card-img img{aspect-ratio:5/3}.process-card-copy{display:flex;gap:1.5rem}.process-card-copy-title{flex:2 1}.process-card-copy-description{flex:4 1}@media (max-width:1000px){.process-card{gap:0}.process-card,.process-card-copy{flex-direction:column}.process-card-copy{gap:.5rem}.process-card-index{flex:1 1}.process-card-content-wrapper{width:100%}}.desktop-mockup-frame{width:100%;max-width:1400px;margin:0 auto;background:#1a1a1a;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.1)}.desktop-browser-chrome{background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.1);padding:.75rem 1rem;display:flex;align-items:center;gap:1rem}.browser-dots{display:flex;gap:.5rem}.browser-dots .dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.2)}.browser-url{flex:1 1;background:rgba(0,0,0,.3);border-radius:6px;padding:.5rem 1rem;font-family:DM Mono,monospace;font-size:.8125rem}.url-text{color:#666666}.desktop-screen{background:#141414;min-height:600px;padding:2rem}.desktop-content{max-width:1200px;margin:0 auto}.positive{color:#4ade80}.swap-header{margin-bottom:2rem}.swap-header h3{font-size:clamp(2rem,3vw,3rem);color:#e4e7df}.swap-container{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.swap-card{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;box-shadow:0 15px 40px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.3),inset 0 -1px 1px rgba(0,0,0,.2);position:relative}.swap-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.1) 50%,rgba(255,255,255,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.swap-label{margin-bottom:.75rem}.token-input-desktop{display:flex;align-items:center;gap:1rem;position:relative;z-index:2}.amount-input-desktop{flex:1 1;background:transparent;border:none;color:#e4e7df;font-size:2rem;font-family:DM Mono,monospace;font-weight:500;outline:none;padding:0;max-width:200px}.amount-input-desktop::placeholder{color:#666666}.token-selector-desktop{display:flex;align-items:center;gap:.375rem;background:rgba(228,231,223,.1);padding:.625rem 1rem;border-radius:10px;flex-shrink:0}.token-label{font-size:.875rem;color:#e4e7df}.dropdown-arrow{font-size:.625rem;color:#666666;margin-left:.125rem}.balance-display{margin-top:.75rem;position:relative;z-index:2}.balance-label{font-size:.8125rem;font-family:DM Mono,monospace}.swap-arrow-container{position:relative;z-index:3}.swap-arrow-circle,.swap-arrow-container{display:flex;justify-content:center;align-items:center}.swap-arrow-circle{width:48px;height:48px;background:rgba(228,231,223,.1);border:1px solid rgba(228,231,223,.2);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.3)}.swap-arrow{font-size:1.5rem;color:#e4e7df}.privacy-indicator{background:rgba(255,194,42,.1);border:1px solid rgba(255,194,42,.2);border-radius:12px;padding:1rem 1.5rem}.privacy-status{color:#ffc22a;font-weight:600;font-size:.875rem;margin-bottom:.25rem}.privacy-detail{font-size:.8125rem}.swap-stats{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:rgba(255,255,255,.03);border-radius:12px}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.75rem}.stat-value{font-family:DM Mono,monospace;font-size:.875rem;color:#e4e7df;font-weight:500}.primary-btn-desktop{width:100%;background:#e4e7df;border:none;border-radius:12px;padding:1.25rem;color:#1a1a1a;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:600}.primary-btn-desktop:hover{background:#f0f2ec;transform:translateY(-1px);box-shadow:0 4px 12px rgba(228,231,223,.3)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h3{font-size:clamp(2rem,3vw,3rem);color:#e4e7df}.status-badge{display:flex;align-items:center;gap:.5rem;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.2);padding:.5rem 1rem;border-radius:20px;font-size:.75rem;color:#4ade80}.status-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pool-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;box-shadow:0 15px 40px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.3);position:relative}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.1) 50%,rgba(255,255,255,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.stat-card-label{font-size:.75rem;margin-bottom:.75rem;position:relative;z-index:2}.stat-card-value{font-size:2.5rem;color:#e4e7df;font-family:DM Mono,monospace;font-weight:600;margin-bottom:.5rem;position:relative;z-index:2}.stat-card-change{font-size:.8125rem;color:#666666;position:relative;z-index:2}.pool-visualization{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem}.viz-header{margin-bottom:2rem}.viz-label{font-size:.8125rem;margin-top:.25rem}.flow-container{justify-content:space-between;gap:2rem}.flow-container,.flow-node{display:flex;align-items:center}.flow-node{flex-direction:column;gap:.5rem}.node-circle{width:48px;height:48px;background:rgba(228,231,223,.1);border:2px solid rgba(228,231,223,.3);border-radius:50%}.node-label{font-size:.75rem;text-align:center}.flow-paths{display:flex;flex-direction:column;gap:.5rem;flex:1 1}.flow-line{height:2px;background:linear-gradient(90deg,rgba(228,231,223,.3),rgba(228,231,223,.1) 50%,rgba(228,231,223,.3));animation:flowLine 3s infinite}@keyframes flowLine{0%,to{opacity:.3}50%{opacity:.8}}.flow-pool{flex-shrink:0}.pool-circle{width:120px;height:120px;background:linear-gradient(135deg,rgba(255,194,42,.2),rgba(255,194,42,.05));border:2px solid rgba(255,194,42,.4);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.pool-icon{font-size:2rem;color:#ffc22a}.pool-label{font-size:.75rem;font-weight:600;color:#e4e7df;text-align:center}.pool-sublabel{font-size:.625rem;text-align:center}.process-features{display:flex;flex-direction:column;gap:1rem}.feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.05)}.feature-icon{width:24px;height:24px;background:rgba(74,222,128,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4ade80;font-weight:700;font-size:.875rem;flex-shrink:0}.feature-title{font-weight:600;color:#e4e7df;font-size:.875rem;margin-bottom:.25rem}.feature-desc{font-size:.8125rem}.split-view{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:start}.view-label{margin-bottom:1rem;font-size:.75rem}.terminal-card,.user-card{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;box-shadow:0 15px 40px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.3);position:relative;height:100%;display:flex;flex-direction:column}.terminal-card:before,.user-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.1) 50%,rgba(255,255,255,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.terminal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;position:relative;z-index:2}.terminal-logo{font-family:DM Mono,monospace;font-weight:700;font-size:1.25rem;color:#e4e7df;letter-spacing:.1em}.terminal-status{padding:.5rem 1rem;border-radius:6px;font-family:DM Mono,monospace;font-size:.875rem;font-weight:600}.terminal-status.approved{background:rgba(74,222,128,.2);color:#4ade80}.terminal-amount{margin-bottom:2rem;position:relative;z-index:2}.amount-label{font-size:.75rem;margin-bottom:.5rem}.terminal-price{font-size:3.5rem;color:#e4e7df;font-family:DM Mono,monospace;font-weight:600}.terminal-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;position:relative;z-index:2}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-row.redacted{opacity:.5}.detail-label{font-size:.8125rem}.detail-value{font-size:.875rem;color:#e4e7df;font-weight:500}.redacted-text{font-family:DM Mono,monospace;letter-spacing:.05em;color:#666666}.terminal-footer{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:2}.terminal-merchant{font-weight:600;color:#e4e7df;font-size:.875rem;margin-bottom:.25rem}.terminal-location{font-size:.8125rem}.transaction-status{text-align:center;margin-bottom:2rem;position:relative;z-index:2}.status-icon-large{width:64px;height:64px;background:rgba(74,222,128,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem;color:#4ade80}.transaction-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;position:relative;z-index:2}.tx-detail-row{display:flex;justify-content:space-between;align-items:center}.tx-detail-row.highlight{background:rgba(255,194,42,.1);padding:.75rem;border-radius:8px;border:1px solid rgba(255,194,42,.2)}.tx-label{font-size:.75rem}.tx-value{font-size:.875rem;color:#e4e7df;font-weight:500}.privacy-badge-inline{display:flex;align-items:center;gap:.5rem}.privacy-indicator-dot{width:8px;height:8px;background:#ffc22a;border-radius:50%;animation:pulse 2s infinite}.privacy-features{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:2}.privacy-feature{display:flex;align-items:center;gap:.75rem}.feature-check{width:20px;height:20px;background:rgba(74,222,128,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4ade80;font-size:.75rem;flex-shrink:0}.feature-text-inline{font-size:.8125rem}.settlement-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header-left h3{font-size:clamp(2rem,3vw,3rem);color:#e4e7df;margin-bottom:.5rem}.header-subtitle{font-size:.875rem}.compliance-badge{background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.2);padding:.75rem 1.25rem;border-radius:8px}.badge-text{color:#4ade80;font-size:.75rem;font-weight:600}.settlement-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.overview-card{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;box-shadow:0 15px 40px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.3);position:relative}.overview-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.1) 50%,rgba(255,255,255,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.overview-label{font-size:.75rem;margin-bottom:.75rem;position:relative;z-index:2}.overview-value{font-size:2.5rem;color:#e4e7df;font-weight:600;margin-bottom:.5rem;position:relative;z-index:2}.overview-meta{font-size:.8125rem;position:relative;z-index:2}.network-logos{display:flex;gap:.75rem;margin:.75rem 0;position:relative;z-index:2}.network-logo{background:rgba(228,231,223,.1);padding:.5rem .75rem;border-radius:6px;font-family:DM Mono,monospace;font-size:.75rem;font-weight:700;color:#e4e7df}.settlement-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:2rem}.detail-section{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem}.section-title{font-size:.875rem;font-weight:600;color:#e4e7df;margin-bottom:1.5rem;letter-spacing:.05em}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:1.5rem;gap:1.5rem}.metric-item{text-align:center}.metric-label{font-size:.75rem;margin-bottom:.5rem}.metric-value{font-size:1.5rem;color:#e4e7df;font-weight:600}.compliance-features{display:flex;flex-direction:column;gap:1.25rem}.compliance-item{display:flex;align-items:flex-start;gap:1rem}.compliance-icon{width:24px;height:24px;background:rgba(74,222,128,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4ade80;font-weight:700;font-size:.875rem;flex-shrink:0}.compliance-title{font-weight:600;color:#e4e7df;font-size:.875rem;margin-bottom:.25rem}.compliance-desc{font-size:.8125rem}.settlement-chart{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem}.chart-title{font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.chart-container{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;height:200px;padding:1rem 0}.chart-bar{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.bar-fill{width:100%;height:100%;background:linear-gradient(180deg,rgba(228,231,223,.3),rgba(228,231,223,.1));border-radius:4px 4px 0 0;transition:all .3s ease}.bar-fill.highlight{background:linear-gradient(180deg,rgba(255,194,42,.6),rgba(255,194,42,.3))}.bar-fill:hover{background:linear-gradient(180deg,rgba(228,231,223,.5),rgba(228,231,223,.2))}.bar-label{font-size:.75rem;font-family:DM Mono,monospace;color:#666666}.chart-bar:last-child .bar-label{color:#e4e7df;font-weight:600}@media (max-width:900px){.desktop-screen{padding:1.5rem}.settlement-details,.split-view{grid-template-columns:1fr}.flow-container{flex-direction:column}.flow-paths{flex-direction:row;width:100%}.flow-line{width:100%;height:2px}}@media (max-width:600px){.desktop-mockup-frame{border-radius:8px}.desktop-screen{padding:1rem;min-height:400px}.amount-input-desktop{font-size:1.75rem}.terminal-price{font-size:2.5rem}.overview-value,.stat-card-value{font-size:2rem}.chart-container{height:150px}}.whoweare{background-color:var(--background)}.whoweare,.whoweare-container{position:relative;width:100vw;height:100svh;overflow:hidden}.whoweare-container{background-color:var(--foreground);-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%);will-change:clip-path}.whoweare-scroll{position:absolute;top:0;left:0;width:400vw;height:100svh;display:flex;justify-content:center;align-items:center;transform:translateX(0) scale(.85);transform-origin:10% center;will-change:transform;overflow:hidden;opacity:0}.whoweare .whoweare-header h1{text-transform:uppercase;font-size:55vw;color:var(--background)}.whoweare-img{position:absolute;width:25vw;will-change:transform}#whoweare-img-1{top:20%;left:5%}#whoweare-img-2{top:50%;left:25%}#whoweare-img-3{top:35%;left:50%}#whoweare-img-4{top:20%;left:75%}#whoweare-img-5{top:50%;left:95%}@media (max-width:1000px){.whoweare-img{width:50vw}}.mockups-page{min-height:100vh;background-color:#141414;padding:6rem 4rem;position:relative}.mockups-header{text-align:center;margin-bottom:6rem}.mockups-header h1{font-size:clamp(3rem,5vw,6rem);color:#e4e7df;margin-bottom:.5rem;text-transform:lowercase;font-weight:400}.mockups-header p{color:#666666}.mockups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:4rem;gap:4rem;max-width:1800px;margin:0 auto;justify-items:center}.iphone-frame,.iphone-frame-whoweare{width:390px;height:844px;background:#1a1a1a;border-radius:50px;padding:12px;box-shadow:0 25px 50px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.1);position:relative}.iphone-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:120px;height:30px;background:#1a1a1a;border-radius:0 0 20px 20px;z-index:10}.iphone-screen{width:100%;height:100%;background:#1a1a1a;border-radius:40px;overflow:hidden;position:relative}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:3.5rem 1.5rem .75rem;font-size:.8125rem;font-weight:600}.status-bar,.status-bar.light{color:#e4e7df}.status-icons{display:flex;gap:8px}.gesture-bar{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:140px;height:5px;background:rgba(255,255,255,.3);border-radius:3px}.screen-content{padding:1.5rem;height:100%;overflow-y:auto;display:flex;flex-direction:column}.splash-screen .screen-content{justify-content:center;align-items:center;text-align:center}.splash-screen .hero-text{font-size:6rem;color:#e4e7df;margin-bottom:1rem;text-transform:lowercase;font-weight:400}.splash-screen .tagline{font-size:1.5rem;color:#e4e7df;margin-bottom:.5rem}.splash-screen .subtitle{color:#666666}.highlight-yellow{color:#ffc22a}.home-header{margin-bottom:1.5rem}.label-text{font-size:.6875rem;font-weight:600;letter-spacing:.08em}.card-preview{margin-bottom:2rem}.mobile-card{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;min-height:200px;box-shadow:0 15px 40px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.3),inset 0 -1px 1px rgba(0,0,0,.2);position:relative;display:flex;flex-direction:column;justify-content:space-between}.mobile-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.1) 50%,rgba(255,255,255,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.mobile-card *{position:relative;z-index:3}.card-top{display:flex;justify-content:space-between;align-items:center;width:100%}.card-chip{width:44px;height:auto;opacity:.8}.card-brand{width:56px;height:auto;filter:grayscale(1) invert(1)}.card-number{font-family:DM Mono,monospace;font-size:.9rem;color:#ffffff;letter-spacing:.2rem;font-weight:600;width:100%;text-align:left}.card-footer{display:flex;justify-content:flex-start;gap:3rem;width:100%}.card-info{display:flex;flex-direction:column;gap:.05rem}.card-info .label{font-family:DM Mono,monospace;font-size:.65rem;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.05rem;font-weight:500}.card-info .value{font-family:DM Mono,monospace;font-size:.75rem;color:#ffffff;letter-spacing:.02rem;font-weight:600}.balance-section{margin-bottom:2rem}.balance{font-size:2.5rem;color:#e4e7df;margin-top:.5rem;font-family:DM Mono,monospace;font-weight:500;letter-spacing:-.02em}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem;margin-top:auto}.action-btn{background:rgba(228,231,223,.05);border:1px solid rgba(228,231,223,.1);border-radius:12px;padding:.875rem 0;color:#e4e7df;cursor:pointer;transition:all .2s ease;font-size:.6875rem;font-weight:600}.action-btn:hover{background:rgba(228,231,223,.1);border-color:rgba(228,231,223,.2)}.screen-header{display:flex;align-items:center;margin-bottom:2rem;gap:1rem}.back-btn{background:none;border:none;color:#e4e7df;font-size:1.5rem;cursor:pointer;padding:.5rem}.screen-header h3,.screen-title{font-size:2rem;color:#e4e7df;text-transform:lowercase;font-weight:400}.convert-section{flex:1 1;gap:1.25rem}.convert-section,.input-group{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-group label{color:#666666}.token-input{display:flex;align-items:center;background:rgba(228,231,223,.03);border:1px solid rgba(228,231,223,.1);border-radius:12px;padding:.875rem;gap:.75rem}.amount-input{flex:1 1;min-width:0;background:none;border:none;color:#e4e7df;font-size:1.25rem;outline:none;font-family:DM Mono,monospace;font-weight:500}.amount-input::placeholder{color:#666666}.token-selector{background:rgba(228,231,223,.1);padding:.5rem .75rem;border-radius:8px;flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content}.token-label{font-family:DM Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.05em;white-space:nowrap}.convert-arrow{text-align:center;font-size:2rem;color:#666666}.privacy-badge{display:flex;align-items:center;gap:.75rem;background:rgba(255,194,42,.1);border:1px solid rgba(255,194,42,.2);border-radius:12px;padding:.875rem}.badge-icon{width:20px;height:20px;background:#ffc22a;border-radius:50%;flex-shrink:0}.badge-text{color:#ffc22a;font-size:.8125rem;font-weight:500;line-height:1.4}.primary-btn{width:100%;background:#e4e7df;border:none;border-radius:12px;padding:1.25rem;color:#1a1a1a;cursor:pointer;margin-top:auto;transition:all .2s ease}.primary-btn:hover{background:#f0f2ec}.primary-btn.yellow{background:#ffc22a;color:#1a1a1a}.primary-btn.yellow:hover{background:#ffcd4d}.full-card{margin-bottom:2rem}.mobile-card.large{padding:2rem}.card-top-large{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.card-chip-large{width:48px;height:36px;object-fit:contain}.card-brand-large{width:56px;height:auto;filter:grayscale(1) invert(1);object-fit:contain}.card-number-large{font-family:DM Mono,monospace;font-size:1.375rem;color:#e4e7df;letter-spacing:.12em;margin-bottom:2rem;font-weight:500}.card-footer-large{display:flex;justify-content:space-between}.card-info-large{display:flex;flex-direction:column;gap:.35rem}.label-large{font-size:.5625rem;color:#666666;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.label-large,.value-large{font-family:DM Mono,monospace}.value-large{font-size:.9375rem;color:#e4e7df;letter-spacing:.05em;font-weight:500}.card-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem;margin-bottom:2rem}.card-action-btn{background:rgba(228,231,223,.05);border:1px solid rgba(228,231,223,.1);border-radius:10px;padding:.75rem;color:#e4e7df;cursor:pointer;transition:all .2s ease;font-size:.6875rem;font-weight:600}.card-action-btn:hover{background:rgba(228,231,223,.1)}.transactions-preview{display:flex;flex-direction:column;gap:.75rem}.section-label{font-size:.6875rem;font-weight:600;letter-spacing:.08em;margin-bottom:.25rem}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem;background:rgba(228,231,223,.03);border:1px solid rgba(228,231,223,.05);border-radius:10px}.transaction-item>div{display:flex;flex-direction:column;gap:.25rem}.transaction-name{font-size:.875rem;color:#e4e7df;font-weight:500}.transaction-time{font-size:.75rem;font-weight:400}.transaction-amount{font-size:.875rem;color:#e4e7df;font-family:DM Mono,monospace;font-weight:500}.send-section{flex:1 1;display:flex;flex-direction:column;gap:1.5rem}.text-input{width:100%;background:rgba(228,231,223,.03);border:1px solid rgba(228,231,223,.1);border-radius:12px;padding:.875rem;color:#e4e7df;font-size:.875rem;outline:none;font-family:DM Mono,monospace;font-weight:400}.text-input::placeholder{color:#666666}.amount-input-wrapper{position:relative;display:flex;align-items:center;gap:1rem;background:rgba(228,231,223,.03);border:1px solid rgba(228,231,223,.1);border-radius:12px;padding:.875rem}.amount-input-send{flex:1 1;background:none;border:none;color:#e4e7df;font-size:1.125rem;outline:none;font-family:DM Mono,monospace;font-weight:500}.amount-input-send::placeholder{color:#666666}.privacy-options{background:rgba(228,231,223,.03);border:1px solid rgba(228,231,223,.1);border-radius:12px;padding:.875rem;display:flex;flex-direction:column;gap:.5rem}.option-row{display:flex;justify-content:space-between;align-items:center}.option-label{font-size:.875rem;color:#e4e7df;font-weight:500}.option-description{font-size:.75rem;line-height:1.4}.toggle{width:50px;height:28px;background:#333333;border-radius:14px;position:relative;transition:background .2s ease}.toggle.active{background:#ffc22a}.toggle:after{content:"";position:absolute;width:22px;height:22px;background:#e4e7df;border-radius:50%;top:3px;left:3px;transition:left .2s ease}.toggle.active:after{left:25px}.fee-breakdown{display:flex;flex-direction:column;gap:.625rem}.fee-row{display:flex;justify-content:space-between;align-items:center}.fee-label{font-size:.6875rem;font-weight:600;letter-spacing:.08em}.fee-value{font-size:.875rem;color:#e4e7df;font-family:DM Mono,monospace;font-weight:500}.menu-screen .screen-content{background:#e4e7df;padding:2rem 1.5rem}.menu-screen .status-bar{background:#e4e7df;color:#1a1a1a}.menu-close{display:flex;justify-content:flex-end;margin-bottom:3rem}.close-btn{background:none;border:none;color:#1a1a1a;font-size:2rem;cursor:pointer;padding:.5rem}.menu-items{display:flex;flex-direction:column;gap:2rem;flex:1 1}.menu-item{text-decoration:none;display:block}.menu-item h2{font-size:clamp(2.5rem,3vw,3.5rem);color:#1a1a1a;text-transform:lowercase;font-weight:400;transition:all .2s ease}.menu-item:hover h2{color:#666666;transform:translateX(10px)}.menu-footer{margin-top:auto;padding-top:2rem}.menu-footer p{color:#666666}.iphone-frame-whoweare.transparent{background:rgba(26,26,26,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.iphone-frame-whoweare.transparent .iphone-screen{background:rgba(26,26,26,.4)}.iphone-frame-whoweare.transparent .iphone-notch{background:rgba(26,26,26,.5)}.xe-dogma,.xe-dogma-italic{font-family:xe-dogma,sans-serif;text-transform:lowercase;font-weight:400}.xe-dogma-italic{font-style:italic}.caps{text-transform:uppercase}.mono{font-family:DM Mono,monospace;letter-spacing:.05em}.sm{font-size:.875rem}.muted{color:#666666}@media (max-width:1400px){.mockups-grid{grid-template-columns:repeat(auto-fit,minmax(390px,1fr));gap:3rem}}@media (max-width:900px){.mockups-page{padding:4rem 2rem}.mockups-grid{grid-template-columns:1fr;gap:4rem}.mockups-header{margin-bottom:4rem}.iphone-frame-whoweare{width:280px;height:606px;border-radius:36px;padding:8px}.iphone-frame-whoweare .iphone-notch{width:85px;height:21px;top:8px}.iphone-frame-whoweare .iphone-screen{border-radius:28px}.iphone-frame-whoweare .status-bar{padding:2.5rem 1rem .5rem;font-size:.7rem}.iphone-frame-whoweare .gesture-bar{width:100px;height:4px}.iphone-frame-whoweare .screen-content{padding:1rem}.iphone-frame-whoweare .hero-text{font-size:4rem!important}.iphone-frame-whoweare .tagline{font-size:1rem!important}.iphone-frame-whoweare .screen-title{font-size:1.5rem!important}.iphone-frame-whoweare .mobile-card{padding:1rem;min-height:140px}.iphone-frame-whoweare .card-chip{width:32px}.iphone-frame-whoweare .card-brand{width:42px}.iphone-frame-whoweare .card-number{font-size:.7rem}.iphone-frame-whoweare .card-info .label{font-size:.5rem}.iphone-frame-whoweare .card-info .value{font-size:.6rem}.iphone-frame-whoweare .balance{font-size:1.8rem}.iphone-frame-whoweare .action-btn,.iphone-frame-whoweare .card-action-btn{padding:.6rem 0;font-size:.6rem}.iphone-frame-whoweare .screen-header h3{font-size:1.5rem}.iphone-frame-whoweare .back-btn{font-size:1.2rem}.iphone-frame-whoweare .amount-input-wrapper,.iphone-frame-whoweare .text-input,.iphone-frame-whoweare .token-input{padding:.6rem}.iphone-frame-whoweare .amount-input{font-size:1rem}.iphone-frame-whoweare .primary-btn{padding:.9rem;font-size:.7rem}.iphone-frame-whoweare .transaction-item{padding:.6rem}.iphone-frame-whoweare .transaction-amount,.iphone-frame-whoweare .transaction-name{font-size:.75rem}.iphone-frame-whoweare .transaction-time{font-size:.65rem}}@media (max-width:600px){.iphone-frame-whoweare{width:240px;height:520px;border-radius:30px;padding:6px}.iphone-frame-whoweare .iphone-notch{width:70px;height:18px;top:6px}.iphone-frame-whoweare .iphone-screen{border-radius:24px}.iphone-frame-whoweare .status-bar{padding:2rem .8rem .4rem;font-size:.65rem}.iphone-frame-whoweare .gesture-bar{width:80px;height:3px}.iphone-frame-whoweare .screen-content{padding:.8rem}.iphone-frame-whoweare .hero-text{font-size:3rem!important}.iphone-frame-whoweare .tagline{font-size:.85rem!important}.iphone-frame-whoweare .subtitle{font-size:.7rem!important}.iphone-frame-whoweare .screen-title{font-size:1.2rem!important}.iphone-frame-whoweare .mobile-card{padding:.8rem;min-height:120px}.iphone-frame-whoweare .card-chip{width:28px}.iphone-frame-whoweare .card-brand{width:36px}.iphone-frame-whoweare .card-number{font-size:.6rem;letter-spacing:.15rem}.iphone-frame-whoweare .card-footer{gap:2rem}.iphone-frame-whoweare .card-info .label{font-size:.45rem}.iphone-frame-whoweare .card-info .value{font-size:.55rem}.iphone-frame-whoweare .balance{font-size:1.5rem}.iphone-frame-whoweare .label-text{font-size:.6rem}.iphone-frame-whoweare .action-btn,.iphone-frame-whoweare .card-action-btn{padding:.5rem 0;font-size:.55rem}.iphone-frame-whoweare .card-actions,.iphone-frame-whoweare .quick-actions{gap:.5rem}.iphone-frame-whoweare .screen-header{margin-bottom:1.2rem}.iphone-frame-whoweare .screen-header h3{font-size:1.2rem}.iphone-frame-whoweare .back-btn{font-size:1rem;padding:.3rem}.iphone-frame-whoweare .convert-section,.iphone-frame-whoweare .send-section{gap:.8rem}.iphone-frame-whoweare .amount-input-wrapper,.iphone-frame-whoweare .text-input,.iphone-frame-whoweare .token-input{padding:.5rem}.iphone-frame-whoweare .amount-input{font-size:.9rem}.iphone-frame-whoweare .token-label{font-size:.65rem}.iphone-frame-whoweare .convert-arrow{font-size:1.5rem}.iphone-frame-whoweare .privacy-badge{padding:.6rem}.iphone-frame-whoweare .badge-text{font-size:.7rem}.iphone-frame-whoweare .primary-btn{padding:.8rem;font-size:.65rem}.iphone-frame-whoweare .transaction-item{padding:.5rem}.iphone-frame-whoweare .transaction-amount,.iphone-frame-whoweare .transaction-name{font-size:.7rem}.iphone-frame-whoweare .input-group label,.iphone-frame-whoweare .section-label,.iphone-frame-whoweare .transaction-time{font-size:.6rem}.iphone-frame-whoweare .option-label{font-size:.75rem}.iphone-frame-whoweare .fee-label,.iphone-frame-whoweare .fee-value,.iphone-frame-whoweare .option-description{font-size:.65rem}}