:root{--bg:#fbfbfe;--bg-subtle:#f1f3f9;--surface:#fff;--surface-hover:#f8fafc;--surface-glass:#ffffffd9;--border:#0f172a14;--border-strong:#0f172a29;--border-accent:#2563eb40;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-subtle:#94a3b8;--accent-blue:#2563eb;--accent-blue-light:#3b82f6;--accent-blue-subtle:#eff6ff;--accent-red:#e11d48;--accent-emerald:#059669;--accent-emerald-subtle:#ecfdf5;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0 2px 8px #0f172a0a;--shadow-md:0 10px 30px -5px #0f172a12, 0 4px 12px -2px #0f172a0a;--shadow-lg:0 24px 60px -12px #0f172a1f, 0 8px 24px -4px #0f172a0f;--shadow-glow:0 0 50px -10px #2563eb26;--calc-box-bg:linear-gradient(180deg, #fff 0%, #f8fafc 100%)}[data-theme=dark]{--bg:#09090b;--bg-subtle:#121216;--surface:#18181f;--surface-hover:#22222b;--surface-glass:#18181fcc;--border:#ffffff14;--border-strong:#ffffff29;--border-accent:#3b82f659;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-subtle:#475569;--accent-blue:#3b82f6;--accent-blue-light:#60a5fa;--accent-blue-subtle:#3b82f61f;--accent-red:#f43f5e;--accent-emerald:#10b981;--accent-emerald-subtle:#10b9811a;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 30px #00000080;--shadow-lg:0 20px 50px #000000b3;--shadow-glow:0 0 60px -15px #3b82f659;--calc-box-bg:linear-gradient(180deg, var(--surface) 0%, #0d0d12 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background-color .25s,color .25s;overflow-x:hidden}::selection{color:var(--text-primary);background:#2563eb33}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.ambient-glow{pointer-events:none;z-index:0;background:radial-gradient(550px at 50% 8%,#2563eb14,#e11d4808,#0000 70%);width:100vw;max-width:1400px;height:650px;position:fixed;top:0;left:50%;transform:translate(-50%)}[data-theme=dark] .ambient-glow{background:radial-gradient(550px at 50% 10%,#2563eb29,#f43f5e0a,#0000 70%)}.ambient-grid{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0f172a08 1px,#0000 1px),linear-gradient(#0f172a08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 50% at 50% 0,#000 70%,#0000 100%);mask-image:radial-gradient(80% 50% at 50% 0,#000 70%,#0000 100%)}[data-theme=dark] .ambient-grid{background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px)}.container{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.nav-wrap{z-index:50;margin-bottom:36px;position:sticky;top:16px}.nav{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:10px 20px;transition:border-color .2s,background .25s;display:flex}.nav:hover{border-color:var(--border-strong)}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-size:15px;font-weight:700;display:flex}.brand-logo{border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 2px 10px #2563eb40}.brand-badge{font-size:11px;font-weight:600;font-family:var(--font-mono);background:var(--accent-blue-subtle);color:var(--accent-blue);border:1px solid var(--border-accent);border-radius:var(--radius-pill);padding:2px 8px}.nav-links{align-items:center;gap:28px;display:flex}.nav-link{color:var(--text-secondary);font-size:13.5px;font-weight:500;transition:color .15s}.nav-link:hover{color:var(--text-primary)}.nav-actions{align-items:center;gap:10px;display:flex}.theme-toggle-btn{width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle-btn:hover{color:var(--text-primary);border-color:var(--border-strong);transform:scale(1.05)}.btn{border-radius:var(--radius-pill);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-amo{background:linear-gradient(135deg,#ff7139 0%,#e11d48 100%);border:1px solid #fff3;box-shadow:0 4px 18px #ff713959;color:#fff!important}.btn-amo:hover{transform:translateY(-1px);box-shadow:0 6px 24px #ff713980}.btn-primary{color:#fff;background:#0f172a;box-shadow:0 2px 14px #0f172a26}[data-theme=dark] .btn-primary{color:#09090b;background:#fff;box-shadow:0 2px 14px #fff3}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0f172a40}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.btn-lg{border-radius:var(--radius-pill);padding:13px 26px;font-size:15px}.hero{text-align:center;padding:50px 0 65px;position:relative}.hero-pill{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);box-shadow:var(--shadow-sm);align-items:center;gap:8px;margin-bottom:24px;padding:5px 15px;font-size:12.5px;font-weight:500;animation:4s ease-in-out infinite alternate floatPill;display:inline-flex}@keyframes floatPill{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.pill-dot{background-color:var(--accent-emerald);width:7px;height:7px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}.hero-title{letter-spacing:-.04em;max-width:900px;margin:0 auto 24px;font-size:clamp(38px,5.8vw,68px);font-weight:800;line-height:1.08}.gradient-text{color:var(--text-primary)}.serif-accent{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--accent-blue);font-size:1.15em;font-style:italic;font-weight:400;line-height:1;display:inline-block}.hero-subtitle{color:var(--text-secondary);max-width:680px;margin:0 auto 36px;font-size:clamp(16px,2vw,19.5px);font-weight:400;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:40px;display:flex}.hero-badges{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;font-size:13px;display:flex}.badge-item{align-items:center;gap:6px;display:flex}.playground-section{margin:40px 0 100px}.playground-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), var(--shadow-glow);padding:24px;position:relative;overflow:hidden}.playground-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.playground-title-group{align-items:center;gap:12px;display:flex}.status-indicator{font-size:12px;font-family:var(--font-mono);background:var(--accent-emerald-subtle);color:var(--accent-emerald);border-radius:var(--radius-pill);border:1px solid #05966933;align-items:center;gap:6px;padding:4px 10px;display:flex}.mode-switch-group{background:var(--bg-subtle);border-radius:var(--radius-pill);border:1px solid var(--border);gap:4px;padding:4px;display:flex}.mode-btn{border-radius:var(--radius-pill);color:var(--text-muted);padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .2s}.mode-btn.active{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.simulator-grid{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}@media (width<=992px){.simulator-grid{grid-template-columns:1fr}}.mock-yt-window{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#0f0f0f;transition:filter .3s;overflow:hidden}.mock-yt-window.grayscale-active{filter:grayscale()}.mock-browser-bar{background:#1e1e24;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:10px 14px;display:flex}.traffic-dots{gap:6px;display:flex}.traffic-dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ef4444}.dot-yellow{background:#eab308}.dot-green{background:#22c55e}.mock-url-bar{font-size:11.5px;font-family:var(--font-mono);color:#94a3b8;background:#111115;border-radius:6px;flex:1;align-items:center;gap:6px;padding:4px 12px;display:flex}.mock-yt-header{background:#0f0f0f;border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:10px 16px;transition:opacity .2s,max-height .2s;display:flex}.mock-yt-search{border-radius:var(--radius-pill);color:#888;background:#121212;border:1px solid #303030;flex:1;justify-content:space-between;align-items:center;max-width:440px;margin:0 16px;padding:6px 14px;font-size:12px;display:flex}.mock-yt-body{background:#0f0f0f;min-height:480px;display:flex}.mock-yt-sidebar{background:#0f0f0f;border-right:1px solid #1f1f1f;flex-direction:column;gap:4px;width:180px;padding:12px 8px;transition:all .25s;display:flex}.mock-nav-item{color:#aaa;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:flex}.mock-nav-item.active{color:#fff;background:#272727;font-weight:500}.mock-yt-content{flex:1;padding:20px;position:relative;overflow:hidden}.yt-feed-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;transition:opacity .25s;display:grid}.yt-card{background:#161616;border:1px solid #222;border-radius:10px;overflow:hidden}.yt-thumb{color:#666;text-align:center;background:linear-gradient(135deg,#2a2a35,#1f1f28);justify-content:center;align-items:center;width:100%;height:110px;padding:8px;font-size:11px;transition:all .2s;display:flex;position:relative}.yt-thumb-badge{color:#fff;font-size:10px;font-family:var(--font-mono);background:#000000d9;border-radius:4px;padding:1px 4px;position:absolute;bottom:6px;right:6px}.yt-thumb-placeholder{color:#444!important;background:#1c1c22!important}.yt-card-info{padding:10px}.yt-card-title{color:#eee;margin-bottom:4px;font-size:12px;font-weight:600;line-height:1.3}.yt-card-sub{color:#777;font-size:11px}.intentional-zen-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:400px;padding:40px 20px;display:flex}.zen-search-box{border-radius:var(--radius-pill);background:#18181c;border:1px solid #333;align-items:center;gap:12px;width:100%;max-width:480px;margin-bottom:20px;padding:12px 20px;display:flex;box-shadow:0 4px 20px #0006}.zen-quote{color:#94a3b8;font-size:13px;font-style:italic}.mock-popup-container{color:#111;box-shadow:var(--shadow-lg);background:#fff;border:1px solid #e2e8f0;border-radius:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden}.mock-popup-hd{background:#fafafa;border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;padding:12px 14px;display:flex}.mock-popup-scroll{max-height:380px;padding:4px 0;overflow-y:auto}.mock-popup-sh{text-transform:uppercase;letter-spacing:.08em;color:#999;align-items:center;gap:8px;padding:10px 14px 4px;font-size:9.5px;font-weight:700;display:flex}.mock-popup-sh:after{content:"";background:#f0f0f0;flex:1;height:1px}.mock-popup-row{color:#111;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:6px 14px;font-size:12px;transition:background .1s;display:flex}.mock-popup-row:hover{background:#f8fafc}.demo-switch{width:32px;height:18px;display:inline-block;position:relative}.demo-switch input{opacity:0;width:0;height:0}.demo-slider{cursor:pointer;background-color:#cbd5e1;border-radius:9px;transition:all .2s;position:absolute;inset:0}.demo-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #0003}input:checked+.demo-slider{background-color:#111827}input:checked+.demo-slider:before{transform:translate(14px)}.mock-popup-stats{background:#fafafa;border-top:1px solid #f0f0f0;padding:12px 14px}.mock-stats-label{text-transform:uppercase;color:#999;letter-spacing:.05em;margin-bottom:4px;font-size:9.5px;font-weight:700}.mock-stats-val{color:#111;font-size:20px;font-weight:700;line-height:1}.section-head{text-align:center;max-width:640px;margin:0 auto 50px}.section-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-blue);font-size:12px;font-weight:700;font-family:var(--font-mono);margin-bottom:12px}.section-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.15}.section-desc{color:var(--text-secondary);font-size:16px}.bento-grid{grid-template-columns:repeat(12,1fr);gap:20px;margin-bottom:100px;display:grid}.bento-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:32px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.bento-card-8{grid-column:span 8}.bento-card-4{grid-column:span 4}@media (width<=900px){.bento-card-8,.bento-card-4{grid-column:span 12}}.bento-icon{border-radius:var(--radius-md);background:var(--accent-blue-subtle);border:1px solid var(--border-accent);width:44px;height:44px;color:var(--accent-blue);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.bento-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:10px;font-size:20px;font-weight:700}.bento-text{color:var(--text-secondary);font-size:14.5px;line-height:1.6}.bento-visual{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:24px;padding:16px}.calc-box{background:var(--calc-box-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:100px;padding:48px 40px;position:relative}.calc-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;display:grid}@media (width<=860px){.calc-grid{grid-template-columns:1fr}}.range-wrap{margin:28px 0}.range-header{justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.range-val{color:var(--accent-blue);font-size:18px;font-weight:700}.calc-slider{appearance:none;background:var(--border-strong);border-radius:3px;outline:none;width:100%;height:6px}.calc-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-blue);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 0 12px #2563eb66}.calc-results-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:28px;display:flex}.result-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding-bottom:12px;display:flex}.result-item:last-child{border-bottom:none;padding-bottom:0}.result-label{color:var(--text-secondary);font-size:13.5px}.result-num{letter-spacing:-.03em;color:var(--text-primary);font-size:26px;font-weight:800;font-family:var(--font-mono)}.result-num.highlight{color:var(--accent-blue)}.install-section{margin-bottom:100px}.tabs-nav{justify-content:center;gap:8px;margin-bottom:30px;display:flex}.tab-btn{border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.tab-btn.active{color:#fff;background:#0f172a;border-color:#0f172a}[data-theme=dark] .tab-btn.active{color:#09090b;background:#fff;border-color:#fff}.tab-content{background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:36px}.step-list{flex-direction:column;gap:20px;display:flex}.step-item{align-items:flex-start;gap:16px;display:flex}.step-num{background:var(--accent-blue-subtle);width:32px;height:32px;color:var(--accent-blue);border:1px solid var(--border-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:14px;font-weight:700;display:flex}.step-content h4{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.step-content p{color:var(--text-secondary);font-size:14px}.code-snippet{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;align-items:center;gap:8px;margin-top:6px;padding:8px 12px;font-size:13px;display:inline-flex}.comparison-section{margin-bottom:100px}.table-card{background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);overflow-x:auto}.comp-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.comp-table th{background:var(--bg-subtle);border-bottom:1px solid var(--border);color:var(--text-secondary);padding:18px 20px;font-size:13.5px;font-weight:700}.comp-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle;padding:18px 20px}.comp-table tr:last-child td{border-bottom:none}.comp-table th.highlight-col{background:var(--accent-blue-subtle);color:var(--accent-blue);border-left:1px solid var(--border-accent);border-right:1px solid var(--border-accent)}.comp-table td.highlight-col{background:var(--accent-blue-subtle);color:var(--text-primary);border-left:1px solid var(--border-accent);border-right:1px solid var(--border-accent)}.table-feat-name{color:var(--text-primary);margin-bottom:3px;font-weight:700;display:block}.table-feat-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.status-badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.status-good{background:var(--accent-emerald-subtle);color:var(--accent-emerald);border:1px solid #05966940}.status-warn{color:#b45309;background:#eab3081f;border:1px solid #eab30840}[data-theme=dark] .status-warn{color:#facc15}.status-bad{color:var(--accent-red);background:#e11d481a;border:1px solid #e11d4833}.status-neutral{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border)}.faq-section{margin-bottom:100px}.faq-grid{flex-direction:column;gap:16px;max-width:860px;margin:0 auto;display:flex}.faq-item{background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);transition:all .2s;overflow:hidden}.faq-item:hover{border-color:var(--border-strong)}.faq-item[open],.faq-item.is-open{border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.faq-question{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;justify-content:space-between;align-items:center;width:100%;padding:20px 24px;font-size:16px;font-weight:700;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-icon{width:20px;height:20px;color:var(--text-muted);flex-shrink:0;margin-left:16px;transition:transform .2s,color .2s}.faq-item[open] .faq-icon,.faq-item.is-open .faq-icon{color:var(--accent-blue);transform:rotate(180deg)}.faq-answer{color:var(--text-secondary);padding:0 24px 22px;font-size:14.5px;line-height:1.65}.faq-answer p:not(:last-child){margin-bottom:10px}.footer{border-top:1px solid var(--border);color:var(--text-secondary);background:var(--surface);margin-top:40px;padding:70px 0 36px}.footer-top{grid-template-columns:2.2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand-title{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.footer-brand-desc{color:var(--text-muted);max-width:320px;margin-bottom:18px;font-size:13.5px;line-height:1.65}.footer-badges{flex-wrap:wrap;gap:8px;display:flex}.footer-tag{font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:var(--radius-pill);background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-secondary);padding:3px 9px}.footer-col-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);margin-bottom:16px;font-size:12.5px;font-weight:700}.footer-nav-list{flex-direction:column;gap:11px;list-style:none;display:flex}.footer-nav-link{color:var(--text-secondary);align-items:center;gap:6px;font-size:13.5px;transition:color .15s,transform .15s;display:inline-flex}.footer-nav-link:hover{color:var(--accent-blue);transform:translate(2px)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:26px;font-size:13px;display:flex}.footer-back-top{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:600;transition:color .15s;display:inline-flex}.footer-back-top:hover{color:var(--accent-blue)}@media (width<=992px){.footer-top{grid-template-columns:1fr 1fr;gap:36px}}@media (width<=768px){.nav-links{display:none}.hero{padding:36px 0 44px}.calc-box{padding:28px 20px}.tab-content{padding:24px 16px}.comp-table th,.comp-table td{padding:14px 12px;font-size:12.5px}.faq-question{padding:16px 18px;font-size:15px}.faq-answer{padding:0 18px 18px;font-size:13.5px}}@media (width<=580px){.footer-top{grid-template-columns:1fr;gap:30px}.footer-bottom{text-align:center;flex-direction:column;align-items:center}}