:root{--bg: #f8f9fa;--card: #ffffff;--text: #1a1a1a;--muted: #6c757d;--primary: #000000;--border: #e9ecef;--silver: #c0c0c0;--silver-light: #f1f3f4}*{box-sizing:border-box}body{margin:0;font-family:Clash Grotesk,Inter,Inter Fallback,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.container{max-width:920px;margin:25px auto;padding:0 16px}.title{font-size:40px;margin:0 0 4px;letter-spacing:-.02em;font-weight:700;color:var(--text)}.subtitle{color:var(--muted);margin:0 0 20px;font-size:16px;font-weight:400}.card{background:var(--card);border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid var(--border)}.row{display:flex;gap:12px;align-items:center;margin-bottom:20px}.btn{background:var(--primary);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.btn:hover{background:#333;transform:translateY(-1px)}.btn:disabled{background:var(--silver);cursor:not-allowed;transform:none}.btn.outline{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn.outline:hover{background:var(--primary);color:#fff}.form section{margin:20px 0}.swapBox{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--silver-light);border-radius:8px;padding:16px;border:1px solid var(--border)}.tokenCol label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);padding:12px 16px;border-radius:8px;font-weight:500}select,input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:8px;background:#fff;font-size:16px;transition:border-color .2s ease}select:focus,input:focus{outline:none;border-color:var(--primary)}.inputRow{display:flex;align-items:center;gap:12px}.unit{background:var(--silver-light);color:var(--text);padding:12px 16px;border-radius:8px;font-weight:500;border:1px solid var(--border)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.slippageCol{display:flex;flex-direction:column;align-items:center;text-align:center}.segmented{display:flex;background:var(--silver-light);border-radius:8px;padding:4px;gap:4px;border:1px solid var(--border);width:fit-content;margin:0 auto}.segmented button{background:transparent;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;color:var(--muted);font-weight:500;transition:all .2s ease}.segmented .active{background:#fff;color:var(--text);box-shadow:0 2px 4px #0000001a}.primary{width:100%;background:var(--primary);color:#fff;border:none;padding:16px 24px;border-radius:8px;font-weight:600;cursor:pointer;margin-top:20px;font-size:16px;transition:all .2s ease}.primary:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.plan-card{margin-top:20px;text-align:left}.plan-title{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text)}.plan-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.plan-row{display:flex;justify-content:space-between;border-bottom:1px dashed var(--border);padding-bottom:6px}.plan-row .label{color:var(--muted);font-size:14px;font-weight:500}.plan-row .value{font-weight:600;color:var(--text)}.plan-actions{display:flex;gap:12px}.slippageRow{display:flex;align-items:center;border:1px solid var(--border);background:#fff;border-radius:12px;gap:0;width:fit-content;position:relative;overflow:hidden}.auto-pill{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:10px;margin-left:4px;cursor:pointer;font-weight:400;font-size:14px;transition:all .2s ease;position:relative;z-index:1;min-height:36px;display:flex;align-items:center;justify-content:center}.auto-pill.active{box-shadow:0 2px 4px #0000001a}.auto-pill:hover{background:#333}.auto-pill.custom{background:#f1f3f4;color:#7b838a}.slippageInput{display:flex;align-items:center;background:transparent;padding:2px 12px;min-width:80px;position:relative;flex:1}.slippageInput input{width:100%;border:none;outline:none;background:transparent;font-size:14px;color:var(--text);text-align:right;font-weight:500;appearance:textfield;-moz-appearance:textfield;min-width:0}.slippageInput input::-webkit-outer-spin-button,.slippageInput input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slippageInput:after{content:"%";position:absolute;right:12px;color:var(--muted);font-size:14px;font-weight:500;pointer-events:none;z-index:1}#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;margin-top:2em}.read-the-docs{color:#888}.token-logo{width:20px;height:20px;margin-right:8px;vertical-align:middle}.token-select{background:transparent;border:none;outline:none;font-size:inherit;color:inherit;cursor:pointer}.custom-dropdown{position:relative;display:inline-block;width:100%}.dropdown-trigger{display:flex;align-items:center;padding:12px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:16px;font-weight:500;color:#333;min-height:48px}.dropdown-trigger:hover{background:#e9ecef;border-color:#dee2e6}.dropdown-trigger:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.dropdown-arrow{margin-left:auto;transition:transform .2s ease;color:#6c757d}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;margin-top:4px;overflow:hidden}.dropdown-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;font-size:16px;font-weight:500;color:#333;min-height:48px}.dropdown-item:hover{background:#f8f9fa}.dropdown-item.selected{background:#e3f2fd;color:#1976d2}.dropdown-item:last-child{border-bottom:none}.swapBox{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.tokenCol{flex:1;min-width:0}.switch-button-container{display:flex;justify-content:center;align-items:center;margin-bottom:8px}.switch-button{background:#f8f9fa;border:1px solid #e9ecef;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.switch-button:hover{background:#e9ecef;border-color:#dee2e6;transform:scale(1.05)}.switch-button:active{transform:scale(.95)}.switch-icon{width:20px;height:20px;color:#6c757d}.progress-bar-container{position:relative;width:100%;height:24px;background-color:#f8f9fa;border-radius:12px;margin:16px 0;overflow:hidden;border:1px solid #e9ecef}.progress-bar{height:100%;background:linear-gradient(90deg,silver,#363636);border-radius:12px;transition:width .3s ease;position:relative}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:600;color:#495057;z-index:1}.withdraw-section{margin-top:24px;padding-top:24px;border-top:1px solid #e9ecef}.withdraw-section h4{margin:0 0 16px;font-size:18px;font-weight:600;color:#333;text-align:left}.withdraw-form{display:flex;flex-direction:column;gap:16px}.withdraw-controls{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.withdraw-token-select{flex:1;min-width:140px}.withdraw-token-select label,.withdraw-amount label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#495057;text-align:left;height:20px}.withdraw-amount{flex:2;min-width:200px}.balance-info{display:block;margin-top:4px;font-size:12px;color:#6c757d;text-align:left}.withdraw-button{background:#28a745;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px}.withdraw-button:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.withdraw-button:active:not(:disabled){transform:translateY(0)}.withdraw-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.withdraw-controls{flex-direction:column;align-items:stretch}.withdraw-token-select,.withdraw-amount{min-width:auto}}.balance-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.balance-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.balance-item:hover{background:#e9ecef;border-color:#dee2e6}.balance-token-info{display:flex;align-items:center;gap:12px}.balance-token-logo{width:24px;height:24px;border-radius:50%}.balance-token-name{font-size:16px;font-weight:600;color:#333}.balance-amount{font-size:16px;font-weight:600;color:#495057;text-align:right}@media (max-width: 480px){.balance-item{padding:12px}.balance-token-name,.balance-amount{font-size:14px}.balance-token-logo{width:20px;height:20px}}.progress-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.progress-modal{background:#fff;border-radius:12px;padding:32px;min-width:400px;max-width:90vw;box-shadow:0 20px 60px #0003}.progress-modal h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#333;text-align:center}.progress-steps{display:flex;flex-direction:column;gap:16px}.progress-step{display:flex;align-items:center;gap:16px;padding:12px 0}.step-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.progress-step.pending .step-indicator{background:#f8f9fa;border:2px solid #e9ecef;color:#6c757d}.progress-step.processing .step-indicator{background:#000;border:2px solid black}.progress-step.completed .step-indicator{background:#28a745;border:2px solid #28a745;color:#fff}.step-number{font-size:14px;font-weight:600}.step-name{font-size:16px;font-weight:500;color:#333}.progress-step.pending .step-name{color:#6c757d}.progress-step.processing .step-name{color:#000;font-weight:600}.progress-step.completed .step-name{color:#28a745;font-weight:600}.checkmark{color:#fff}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.plan-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:24px}.plan-preview h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.plan-details p{margin:0 0 16px;font-size:15px;line-height:1.5;color:#555}.plan-details strong{color:#333;font-weight:600}.plan-summary{display:flex;flex-direction:column;gap:8px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.summary-item:last-child{border-bottom:none}.summary-item .label{font-size:14px;color:#666;font-weight:500}.summary-item .value{font-size:14px;color:#333;font-weight:600}.progress-complete{margin-top:24px;padding-top:24px;border-top:1px solid #e9ecef;text-align:center}.success-message{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;font-size:16px;font-weight:600;color:#28a745}.success-icon{flex-shrink:0}.done-button{background:#000;color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.done-button:hover{background:#333;transform:translateY(-1px);box-shadow:0 8px 25px #0000004d}.done-button:active{transform:translateY(0)}@media (max-width: 480px){.progress-modal{min-width:auto;margin:20px;padding:24px}.progress-modal h3{font-size:18px}.step-name{font-size:14px}.step-indicator{width:28px;height:28px}}.navbar{background:var(--card);border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0000000f;position:sticky;top:0;border-radius:10px;z-index:1000;width:auto;margin:2em}.navbar-container{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:64px}.navbar-brand{display:flex;align-items:center;gap:12px}.navbar-logo{height:32px;width:auto;object-fit:contain}.navbar-brand h2{margin:0;font-size:24px;font-weight:700;color:var(--text);letter-spacing:-.02em}.navbar-menu{display:flex;align-items:center;gap:32px}.navbar-links{display:flex;gap:24px}.navbar-link{color:var(--muted);text-decoration:none;font-weight:500;transition:color .2s ease;padding:8px 0;background:none;border:none;cursor:pointer;font-size:16px}.navbar-link:hover{color:var(--text)}.navbar-link.active{color:var(--text);font-weight:600}.navbar-actions,.wallet-info{display:flex;align-items:center;gap:12px}.network-dropdown{position:relative}.network-selector{background:var(--silver-light);padding:8px 12px;border-radius:6px;font-size:14px;color:var(--text);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease;min-width:140px}.network-selector:hover{background:var(--silver)}.network-selector:disabled{opacity:.6;cursor:not-allowed}.network-info{display:flex;align-items:center;gap:8px}.network-status{display:flex;align-items:center;gap:6px}.network-indicator{width:8px;height:8px;border-radius:50%;transition:background-color .2s ease}.network-indicator.connected{background:#10b981}.network-indicator.disconnected{background:#f59e0b}.network-name{font-weight:500;font-size:13px}.network-dropdown-menu{position:absolute;top:100%;left:0;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:4px;min-width:220px;z-index:1001;margin-top:4px}.network-dropdown-item{width:100%;padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.network-dropdown-item:hover{background:var(--silver-light)}.network-option{display:flex;align-items:center;gap:12px}.network-option-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.network-option-indicator.local{background:#6366f1}.network-option-indicator.base-sepolia{background:#0052ff}.network-option-info{display:flex;flex-direction:column;gap:2px}.network-option-name{font-size:14px;font-weight:500;color:var(--text)}.network-option-chain{font-size:12px;color:var(--muted)}.wallet-dropdown{position:relative}.account-display{background:var(--silver-light);padding:8px 12px;border-radius:6px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;font-weight:500;color:var(--text);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.account-display:hover{background:var(--silver)}.dropdown-arrow{font-size:12px;color:var(--muted);transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.wallet-dropdown-menu{position:absolute;top:100%;right:0;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:4px;min-width:160px;z-index:1001;margin-top:4px}.wallet-dropdown-item{width:100%;padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:var(--text);border-radius:4px;transition:background-color .2s ease}.wallet-dropdown-item:hover{background:var(--silver-light)}.mobile-wallet-info{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid var(--border);margin-top:16px}.mobile-account{background:var(--silver-light);padding:12px;border-radius:6px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;font-weight:500;color:var(--text);border:1px solid var(--border);text-align:center}.mobile-network-status{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--silver-light);border:1px solid var(--border);border-radius:6px;font-size:14px;color:var(--text)}.mobile-network,.mobile-disconnect{width:100%;justify-content:center}.navbar-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:8px;gap:4px}.navbar-toggle span{width:20px;height:2px;background:var(--text);transition:all .3s ease}.navbar-mobile{display:none;background:var(--card);border-top:1px solid var(--border);padding:16px;flex-direction:column;gap:16px}.btn.small{padding:8px 16px;font-size:14px}.beta-badge{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:2px 10px;height:22px;line-height:1;border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.4px;color:#9a3412;background:#fff7ed;border:1px solid #fdba74}.beta-badge:hover{background:#ffedd5}.navbar-brand{display:flex;align-items:center}@media (max-width: 768px){.navbar-menu{display:none}.navbar-toggle,.navbar-mobile{display:flex}.navbar-container{height:56px}.navbar-brand h2{font-size:20px}.navbar-logo{height:28px}}.about-page{min-height:100vh;background:var(--bg)}.about-header{text-align:center;margin-bottom:30px}.about-title-container{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.about-logo{height:150px;width:auto;object-fit:contain}.about-header h1{font-size:48px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.02em}.about-subtitle{font-size:20px;color:var(--muted);max-width:800px;margin:0 auto;line-height:1.6}.about-content{max-width:1000px;margin:0 auto}.about-container{max-width:920px;margin:0 auto;padding:0 16px}.about-section{margin-bottom:60px}.about-section h2{font-size:32px;font-weight:600;color:var(--text);margin:0 0 24px;letter-spacing:-.01em}.about-section p{font-size:18px;color:var(--muted);line-height:1.7;margin:0 0 20px}.problem-list{list-style:none;padding:0;margin:20px 0}.problem-list li{font-size:18px;color:var(--text);border-left:3px solid var(--primary);padding:12px 0 12px 20px;margin:12px 0;background:var(--silver-light);border-radius:0 8px 8px 0}.solution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:40px 0}.solution-item{background:var(--card);padding:32px 24px;border-radius:12px;border:1px solid var(--border);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.solution-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.solution-icon{font-size:48px;margin-bottom:16px}.solution-item h3{font-size:20px;font-weight:600;color:var(--text);margin:0 0 12px}.solution-item p{font-size:16px;color:var(--muted);line-height:1.6;margin:0}.features-list{display:grid;gap:16px;margin:24px 0}.feature-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--card);border-radius:8px;border:1px solid var(--border);transition:background-color .2s ease}.feature-item:hover{background:var(--silver-light)}.feature-check{background:var(--primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.feature-item span:last-child{font-size:16px;color:var(--text);font-weight:500}.tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:24px 0}.tech-category{background:var(--card);padding:24px;border-radius:12px;border:1px solid var(--border)}.tech-category h3{font-size:18px;font-weight:600;color:var(--text);margin:0 0 16px}.tech-category ul{list-style:none;padding:0;margin:0}.tech-category li{font-size:14px;color:var(--muted);padding:8px 0;border-bottom:1px solid var(--border)}.tech-category li:last-child{border-bottom:none}@media (max-width: 768px){.about-header h1{font-size:36px}.about-subtitle{font-size:18px}.about-section h2{font-size:28px}.solution-grid,.tech-stack{grid-template-columns:1fr;gap:16px}.about-page{padding:20px 0}.about-title-container{flex-direction:column;gap:10px}.about-logo{height:50px}}.toast{position:fixed;bottom:20px;right:20px;min-width:300px;max-width:400px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0000001f;z-index:10000;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-show{transform:translate(0);opacity:1}.toast-hide{transform:translate(100%);opacity:0}.toast-content{display:flex;align-items:flex-start;gap:12px;padding:16px}.toast-icon{font-size:20px;flex-shrink:0;margin-top:2px}.toast-message{flex:1;font-size:14px;line-height:1.4;color:var(--text);word-wrap:break-word}.toast-close{background:none;border:none;font-size:24px;color:var(--muted);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:var(--silver-light);color:var(--text)}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid #3b82f6}@media (max-width: 768px){.toast{left:20px;right:20px;min-width:auto;max-width:none;transform:translateY(100%);bottom:20px}.toast-show{transform:translateY(0)}.toast-hide{transform:translateY(100%)}}.toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:10000;pointer-events:none}.toast-container .toast{position:relative;bottom:auto;right:auto;pointer-events:auto}@media (max-width: 768px){.toast-container{left:20px;right:20px}}.landing-container{max-width:1100px;margin:0 auto;padding:0 16px}.landing-hero{padding:48px 0 0}.landing-title{font-size:48px;line-height:1.1;margin:0 0 12px;letter-spacing:-.02em}.landing-subtitle{color:var(--muted);font-size:18px;max-width:720px;margin:0 0 20px}.landing-cta{display:flex;gap:12px;justify-content:center}.landing-cta a{text-decoration:none}.landing-main{padding:24px 0 48px}.landing-section{padding:32px 0}.section-title{font-size:28px;margin:0 0 16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 4px 16px #0000000f}.feature-card h3{margin:0 0 8px;font-size:18px}.feature-card p{margin:0;color:var(--muted)}.contrast{background:var(--silver-light);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:12px}.stat-item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}.stat-value{font-weight:700;font-size:18px}.stat-label{color:var(--muted);font-size:14px}.cta-row{display:flex;gap:12px;justify-content:center;margin-top:8px}.faq{display:grid;gap:8px}.faq details{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 16px}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--muted);margin:8px 0 0}.landing-footer{border-top:1px solid var(--border);background:var(--card);padding:16px 0}.landing-footer .landing-container{display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:16px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--text)}@media (max-width: 920px){.feature-grid,.stat-grid{grid-template-columns:1fr}.landing-title{font-size:36px}}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.hero-copy{padding-right:8px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-visual{margin-top:100px;display:flex;justify-content:center;align-items:center}.stack-visual{width:100%;max-width:520px;height:340px;position:relative;display:grid;place-items:center;perspective:1000px}.stack-layer{--size: 220px;--z: 0px;position:absolute;width:var(--size);height:var(--size);background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border-radius:12px;border:2px solid #ffffff;transform-style:preserve-3d;transform:translate(0) translateY(-140px) rotateX(62deg) rotate(45deg) translateZ(calc(var(--z) + 180px));opacity:0;animation:stackCycle 8s cubic-bezier(.2,.8,.2,1) infinite}.stack-layer:before{content:"";position:absolute;inset:0;border-radius:12px;background:radial-gradient(60% 60% at 50% 30%,#ffffff0f,#fff0 60%)}.stack-layer:nth-child(1){--z: 0px;animation-delay:0ms}.stack-layer:nth-child(2){--z: 36px;animation-delay:.24s}.stack-layer:nth-child(3){--z: 72px;animation-delay:.48s}.stack-layer:nth-child(4){--z: 108px;animation-delay:.72s}.stack-layer:nth-child(5){--z: 144px;animation-delay:.96s}@keyframes stackCycle{0%{transform:translate(0) translateY(-140px) rotateX(62deg) rotate(45deg) translateZ(calc(var(--z) + 180px));opacity:0}35%{transform:translate(0) translateY(0) rotateX(62deg) rotate(45deg) translateZ(var(--z));opacity:1}60%{transform:translate(0) translateY(0) rotateX(62deg) rotate(45deg) translateZ(var(--z));opacity:1;animation-timing-function:linear}65%{opacity:0}to{transform:translate(620px) translateY(60px) rotateX(62deg) rotate(45deg) translateZ(calc(var(--z) + 40px));opacity:0}}@media (max-width: 920px){.hero-grid{grid-template-columns:1fr}.hero-visual{order:-1}.stack-visual{height:260px;max-width:420px}.stack-layer{--size: 180px}.stack-layer:nth-child(1){--z: 0px}.stack-layer:nth-child(2){--z: 28px}.stack-layer:nth-child(3){--z: 56px}.stack-layer:nth-child(4){--z: 84px}.stack-layer:nth-child(5){--z: 112px}}