:root{--bg-darker:#fff5ed;--bg-main:#fff5ed;--bg-card:#ffffffa6;--bg-card-hover:#ffffffe6;--border-glass:#ffffffd9;--border-glass-hover:#ff8a0066;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--brand-accent:#ff8a00;--brand-accent-hover:#ff9f29;--gradient-primary:linear-gradient(135deg, #ff8a00 0%, #ff9f29 50%, #ffb89e 100%);--gradient-accent:linear-gradient(135deg, #ff8a00 0%, #ffe5d9 100%);--gradient-text:linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%);--glow-color:#ff8a0040;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;box-sizing:border-box}*,:before,:after{box-sizing:inherit;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-darker);color:var(--text-secondary);-webkit-font-smoothing:antialiased;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";filter:blur(100px);z-index:-1;pointer-events:none;opacity:.85;background:radial-gradient(circle,#ffd1b8 0%,#fff0e6 50%,#0000 80%);width:60vw;height:60vw;position:absolute;top:-10%;left:-10%}body:after{content:"";filter:blur(120px);z-index:-1;pointer-events:none;opacity:.8;background:radial-gradient(circle,#ffb89e 0%,#ffe5d9 50%,#0000 80%);width:70vw;height:70vw;position:absolute;bottom:10%;right:-10%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.25}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-primary{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-accent{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text}header{-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-glass);z-index:50;background-color:#fff5edbf;transition:all .3s;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;height:80px;display:flex}.logo-container{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.logo-icon{background:var(--gradient-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:flex;box-shadow:0 4px 12px #ff8a004d}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-size:15px;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 4px 20px #ff8a0040}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff8a0066}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-glass);box-shadow:0 4px 10px #00000005}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);transform:translateY(-2px)}.hero{text-align:center;padding:100px 0 60px}.hero-tag{color:var(--brand-accent);background:#ff8a0014;border:1px solid #ff8a0033;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-2px;background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:900px;margin:0 auto 24px;font-size:64px;line-height:1.15}.hero p{color:var(--text-secondary);max-width:650px;margin:0 auto 40px;font-size:20px}.hero-actions{justify-content:center;gap:16px;margin-bottom:60px;display:flex}.hero-preview{border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(24px);background:#ffffffa6;border-radius:24px;max-width:1000px;margin:0 auto;padding:16px;position:relative;box-shadow:0 20px 40px #94a3b826,inset 0 1px #ffffff80}.preview-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.dots{gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background-color:#ef4444}.dot-yellow{background-color:#f59e0b}.dot-green{background-color:#10b981}.preview-title{color:var(--text-secondary);font-family:monospace;font-size:12px;font-weight:600}.features{padding:80px 0;position:relative}.section-header{text-align:center;margin-bottom:60px}.section-header h2{letter-spacing:-1px;margin-bottom:16px;font-size:40px}.section-header p{max-width:600px;color:var(--text-secondary);margin:0 auto;font-size:18px}.bento-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:24px;flex-direction:column;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px -2px #94a3b826}.bento-card:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);transform:translateY(-4px);box-shadow:0 10px 30px -3px #94a3b833}.bento-card-large{grid-column:span 2}.card-icon{border:1px solid var(--border-glass);width:48px;height:48px;color:var(--brand-accent);background:#ffffffe6;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;font-size:20px;display:flex;box-shadow:0 2px 5px #00000005}.bento-card:hover .card-icon{color:#fff;background:var(--gradient-primary);border-color:#0000;box-shadow:0 4px 12px #ff8a004d}.bento-card h3{color:var(--text-primary);margin-bottom:12px;font-size:22px}.bento-card p{color:var(--text-secondary);flex-grow:1;font-size:15px}.mock-connections{background:#00000008;border:1px solid #0000000a;border-radius:16px;flex-direction:column;gap:12px;margin-top:24px;padding:16px;display:flex}.mock-conn-row{background:#ffffffd9;border:1px solid #ffffffe6;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;box-shadow:0 2px 4px #00000005}.mock-platform-info{align-items:center;gap:10px;display:flex}.mock-avatar{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.mock-platform-name{color:var(--text-primary);font-size:14px;font-weight:600}.mock-badge{text-transform:uppercase;letter-spacing:1px;border-radius:9999px;padding:4px 8px;font-size:10px;font-weight:700}.mock-badge-active{color:#059669;background:#10b9811a;border:1px solid #10b98126}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:100;opacity:0;pointer-events:none;background:#05040a66;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{border:1px solid var(--border-glass);scrollbar-width:thin;background:#fff5ed;border-radius:24px;width:90%;max-width:800px;max-height:80vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 20px 40px #94a3b840}.modal-close{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.modal-close:hover{color:var(--text-primary);background:#0000001a}.privacy-doc h2{color:var(--text-primary);margin-bottom:24px;font-size:28px}.privacy-doc h3{color:var(--text-primary);margin:24px 0 12px;font-size:18px}.privacy-doc p,.privacy-doc li{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.privacy-doc ul{margin-bottom:16px;padding-left:20px}footer{border-top:1px solid var(--border-glass);background-color:#fff5edb3;margin-top:80px;padding:60px 0 30px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-logo{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:20px;font-weight:800;display:inline-flex}.footer-desc{color:var(--text-secondary);max-width:280px;font-size:14px}.footer-column h4{text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin-bottom:20px;font-size:14px}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links button,.footer-links a{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:none;transition:color .2s}.footer-links button:hover,.footer-links a:hover{color:var(--text-primary)}.footer-bottom{color:var(--text-muted);border-top:1px solid #0000000d;justify-content:space-between;align-items:center;padding-top:30px;font-size:13px;display:flex}@media (width<=1024px){.bento-grid{grid-template-columns:1fr}.bento-card-large{grid-column:span 1}.hero h1{font-size:44px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}}@media (width<=640px){.navbar{flex-direction:column;gap:16px;height:auto;padding:20px 0}.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}.doc-layout{grid-template-columns:280px 1fr;align-items:start;gap:32px;padding:40px 0 80px;display:grid}.doc-sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:100px}.doc-content{background:var(--bg-card);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(24px);border-radius:24px;padding:48px;box-shadow:0 4px 14px -2px #94a3b826}.doc-header{border-bottom:1px solid #0000000d;margin-bottom:32px;padding-bottom:24px}.doc-header h2{margin-bottom:8px;font-size:28px}.doc-header p{color:var(--text-secondary);font-size:15px}.doc-section{border-bottom:1px solid #0000000d;padding:32px 0}.doc-section:first-child{padding-top:0}.doc-section:last-child{border-bottom:none;padding-bottom:0}.doc-section-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.doc-section-icon{color:var(--brand-accent);background:#ff8a0014;border:1px solid #ff8a0026;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.doc-nav-link{color:var(--text-secondary);border-left:2px solid #0000;border-radius:0 6px 6px 0;padding:8px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:block}.doc-nav-link:hover{color:var(--text-primary);border-left-color:var(--brand-accent);background:#ff8a0008}.doc-search-container{position:relative}.doc-search-icon{color:var(--text-secondary);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.doc-search-input{background-color:var(--bg-card);padding-left:40px!important}.doc-back-btn{background:var(--bg-card);border:1px solid var(--border-glass);cursor:pointer;width:40px;height:40px;color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.doc-back-btn:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);transform:translate(-2px)}.doc-meta-badge{color:var(--text-secondary);background:#0000000a;border-radius:8px;padding:6px 12px;font-family:monospace;font-size:12px;font-weight:700}@media (width<=768px){.doc-layout{grid-template-columns:1fr;gap:24px}.doc-sidebar{position:static}.doc-content{padding:24px}}