@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300..800;1,14..32,300..800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--color-bg-rgb: 18, 18, 18;--color-surface-rgb: 28, 28, 28;--color-surface-raised-rgb: 38, 38, 38;--color-border-rgb: 255, 255, 255;--color-brand-50-rgb: 238, 252, 245;--color-brand-100-rgb: 215, 247, 230;--color-brand-500-rgb: 154, 244, 179;--color-brand-600-rgb: 131, 223, 155;--color-brand-900-rgb: 38, 38, 38;--color-brand-accent-rgb: 181, 255, 213;--color-bg: rgb(var(--color-bg-rgb));--color-surface: rgb(var(--color-surface-rgb));--color-surface-raised: rgb(var(--color-surface-raised-rgb));--color-border: rgba(var(--color-border-rgb), .12);--color-text-primary: #ffffff;--color-text-secondary: #a1a1a1;--color-text-muted: #737373;--color-accent: rgb(var(--color-brand-500-rgb));--color-accent-hover: rgb(var(--color-brand-accent-rgb));--color-accent-glow: rgba(var(--color-brand-500-rgb), .08);--color-brand-50: rgb(var(--color-brand-50-rgb));--color-brand-100: rgb(var(--color-brand-100-rgb));--color-brand-500: var(--color-accent);--color-brand-600: rgb(var(--color-brand-600-rgb));--color-brand-900: rgb(var(--color-brand-900-rgb));--color-brand-accent: var(--color-accent-hover);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .6);--nav-height: 80px;--max-width: 1280px;--transition: .2s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent-hover)}img,video{max-width:100%;display:block}.container{max-width:var(--max-width)!important;margin:0 auto!important;padding:0 16px!important}@media (min-width: 640px){.container{padding:0 24px!important}}@media (min-width: 1024px){.container{padding:0 32px!important}}main{flex:1}#nav{position:sticky;top:0;z-index:100;background:#000000d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);min-height:var(--nav-height)}.nav-inner{max-width:var(--max-width)!important;margin:0 auto!important;padding:0 16px!important;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between}@media (min-width: 640px){.nav-inner{padding:0 24px!important}}@media (min-width: 1024px){.nav-inner{padding:0 32px!important}}.nav-left{display:flex;align-items:center;gap:20px}.nav-right{display:flex;align-items:center;gap:24px}#nav-menu-toggle:hover{color:var(--color-brand-500)!important}.nav-dropdown{position:absolute;top:100%;right:0;margin-top:12px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 0;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);z-index:200}.nav-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 20px;color:var(--color-text-primary);text-decoration:none;font-size:.95rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.nav-dropdown-item i{color:var(--color-text-secondary);font-size:1.1rem;width:16px;text-align:center;transition:color .2s ease}.nav-dropdown-item:hover{background:#ffffff0d;color:var(--color-brand-500)}.nav-dropdown-item:hover i{color:var(--color-brand-500)}.nav-logo-group{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-logo-img{height:42px;width:auto;display:block;transition:transform var(--transition)}.nav-logo-group:hover .nav-logo-img{transform:scale(1.02)}.nav-status{display:flex;align-items:center;gap:12px}.nav-status-item--live{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);background:#9af4b314;border:1px solid rgba(154,244,179,.15);color:var(--color-accent);font-size:.65rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.nav-status-item--soon{color:var(--color-text-muted);font-size:.7rem;font-weight:500}@media (max-width: 960px){.nav-status-item--soon{display:none}}@media (max-width: 680px){.nav-status{display:none}}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:color var(--transition)}.nav-links a:hover,.nav-links a.active{color:var(--color-text-primary)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;flex-direction:column;gap:5px;line-height:0}.nav-toggle span{display:block;width:22px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:transform var(--transition),opacity var(--transition)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all var(--transition);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-hover);color:var(--color-bg);transform:translateY(-1px);box-shadow:0 4px 32px var(--color-accent-glow)}.btn-modal-primary{display:inline-flex;align-items:center;gap:8px}.btn-secondary{background:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border);color:var(--color-text-primary);transform:translateY(-1px)}.btn-lg{padding:16px 32px;font-size:1.05rem}.app-store-link{display:inline-flex;align-items:center;gap:12px;background:#000;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:10px 22px;text-decoration:none;transition:transform var(--transition),box-shadow var(--transition);font-family:var(--font-sans)}.app-store-link:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00000080}.app-store-link svg{width:22px;height:22px;flex-shrink:0}.app-store-link-text{display:flex;flex-direction:column;gap:1px}.app-store-sub{font-size:.65rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:#fffc;line-height:1}.app-store-name{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;color:#fff}.section{padding:var(--section-padding)}.section-label{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:12px}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--color-text-primary);margin-bottom:16px}.section-subtitle{font-size:1.05rem;color:var(--color-text-secondary);font-weight:300;max-width:560px;line-height:1.625}.section-header{margin-bottom:64px}.hero-status{font-size:.85rem;min-height:1.2em}.hero-status--success{color:var(--color-accent)}.hero-status--error{color:#ef4444}.hero-tuner-area{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.video-section{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.video-wrapper{max-width:820px;margin:0 auto;aspect-ratio:16 / 9;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.video-wrapper video,.video-wrapper iframe{width:100%;height:100%;border:none}.video-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--color-text-muted)}.video-placeholder svg{width:64px;height:64px}.video-placeholder p{font-size:.9rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.feature-card{background:transparent;border:none;padding:16px 8px}.feature-icon{width:48px;height:48px;background:var(--color-accent-glow);display:flex;align-items:center;justify-content:center;margin-bottom:202px;font-size:2.4rem}.feature-description{font-size:1rem;color:var(--color-text-secondary);font-weight:300;line-height:1.625}.cta-section{text-align:center;background:var(--color-surface);border-top:1px solid var(--color-border)}.cta-section .section-title{max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:16px}.cta-section .section-subtitle{margin-left:auto;margin-right:auto;margin-bottom:40px}.content-page{padding:64px 0 96px}.content-page .container{max-width:var(--max-width)}.content-page h1,.content-page h2,.content-page p,.content-page ul,.content-page ol,.content-page form,.content-page .last-updated{max-width:720px}.content-page h1{font-size:clamp(2rem,4vw,3.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:8px}.content-page .last-updated{font-size:.825rem;color:var(--color-text-muted);margin-bottom:48px;display:block}.content-page h2{font-size:1.2rem;font-weight:700;color:var(--color-text-primary);margin-top:48px;margin-bottom:16px;letter-spacing:-.01em}.content-page p{color:var(--color-text-secondary);font-weight:300;margin-bottom:16px;line-height:1.625}.content-page ul,.content-page ol{color:var(--color-text-secondary);font-weight:300;padding-left:24px;margin-bottom:16px;line-height:1.625}.content-page li{margin-bottom:8px}.content-page a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.content-page a:hover{color:var(--color-accent-hover)}.content-divider{border:none;border-top:1px solid var(--color-border);margin:48px 0}.support-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;margin-top:48px}.support-card h2{margin-top:0}.error-page{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:64px 24px}.error-code{font-size:clamp(7rem,18vw,14rem);font-weight:800;letter-spacing:-.05em;line-height:1;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.error-message{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:40px;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.7}#footer{border-top:1px solid var(--color-border);padding:40px 0}@media (min-width: 640px){.footer-inner{padding:0 24px}}@media (min-width: 1024px){.footer-inner{padding:0 32px}}.footer-brand{font-size:.875rem;color:var(--color-text-secondary)}.footer-brand a{color:var(--color-text-primary);font-weight:500;text-decoration:none}.footer-brand a:hover{color:var(--color-accent)}.footer-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center}.footer-links a{font-size:.825rem;color:var(--color-text-muted);transition:color var(--transition)}.footer-links a:hover{color:var(--color-text-secondary)}.footer-copy{font-size:.775rem;color:var(--color-text-muted)}@media (max-width: 768px){:root{--section-padding: 56px 27px;--nav-height: 72px}.container,.nav-inner{padding:0 24px!important}.nav-links{display:none;position:fixed;top:var(--nav-height);left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-direction:column;gap:0;padding:8px 0}.nav-links.open{display:flex}.nav-links a{padding:14px 24px;font-size:1rem;width:100%}.nav-toggle{display:flex}.mobile-scroll-prompt{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--color-text-muted);font-weight:600;margin-left:auto;margin-right:auto}.hero{padding:68px 27px 56px}.hero-cta{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}.content-page{padding:40px 0 60px}.nav-cta{padding:7px 12px;font-size:.8rem}.pricing-grid{grid-template-columns:1fr}.pricing-card--muted{order:3}.community-inner{grid-template-columns:1fr;gap:40px}.form-row{grid-template-columns:1fr}.ios-banner-inner{flex-direction:column;text-align:center}.try-it-embed{height:280px}}@media (max-width: 450px){#nav-install-btn{display:none!important}.mobile-install-banner{display:block;width:100%;height:17px;line-height:15px;background:#fff!important;color:#121212!important;padding:0 12px;text-align:center;font-size:.75rem;font-family:var(--font-mono),monospace;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;box-sizing:border-box;transition:opacity .2s ease;margin-bottom:12px}.mobile-install-banner:hover{opacity:.92}}.nav-right{display:flex;align-items:center;gap:12px}.nav-cta{padding:8px 18px;font-size:.85rem}.hero-eyebrow-dot{display:inline-block;width:8px;height:8px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 8px var(--color-accent);flex-shrink:0;animation:cs-pulse 2s infinite ease-in-out}@keyframes cs-pulse{0%{transform:scale(.9);box-shadow:0 0 #9af4b3b3}70%{transform:scale(1.15);box-shadow:0 0 0 5px #9af4b300}to{transform:scale(.9);box-shadow:0 0 #9af4b300}}@keyframes tuner-mic-pulse{0%{box-shadow:0 0 #9af4b366}70%{box-shadow:0 0 0 16px #9af4b300}to{box-shadow:0 0 #9af4b300}}.badge-coming-soon{display:inline-flex;align-items:center;padding:2px 8px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);margin-left:4px}.hero-demo-btn{opacity:.55;cursor:not-allowed}.hero-media{margin-top:64px;max-width:820px;margin-left:auto;margin-right:auto}.hero-media-placeholder{aspect-ratio:16 / 9;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--color-text-muted);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.try-it-section{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.try-it-embed{max-width:560px;margin:0 auto;height:380px;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-raised)}.try-it-embed iframe{width:1px;min-width:100%;height:100%;border:none;display:block}.try-it-cta{text-align:center;margin-top:24px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;position:relative;display:flex;flex-direction:column;gap:24px}.pricing-card--recommended{background:var(--color-surface-raised);border-color:var(--color-accent);box-shadow:0 0 40px #9af4b314}.pricing-card--muted{opacity:.6}.pricing-recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-accent);color:#000;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 14px;border-radius:var(--radius-full);white-space:nowrap}.pricing-tier{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px}.pricing-price{margin-bottom:8px}.pricing-amount{font-size:2.5rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.04em;line-height:1}.pricing-period{font-size:.8rem;color:var(--color-text-muted);margin-left:4px}.pricing-description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.55}.pricing-sale{display:inline-block;background:#9af4b31f;color:var(--color-accent);font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:1px 6px;border-radius:4px}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:10px;flex:1}.pricing-features li{font-size:.875rem;padding-left:24px;position:relative;line-height:1.45}.pricing-features li:before{content:"";position:absolute;left:0;top:3px;width:14px;height:14px;background-size:contain;background-repeat:no-repeat}.feat-yes{color:var(--color-text-primary)}.feat-yes:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2 7l4 4 6-7' stroke='%239af4b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.feat-no{color:var(--color-text-muted)}.feat-no:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 3l8 8M11 3l-8 8' stroke='%234b5563' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}.feat-note{color:var(--color-text-muted);font-style:italic}.feat-note:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Ccircle cx='7' cy='7' r='5' stroke='%234b5563' stroke-width='1.5'/%3E%3Cpath d='M7 6v3M7 4.5v.5' stroke='%234b5563' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}.pricing-detail{color:var(--color-text-muted);font-size:.8rem}.pricing-cta{display:block;width:100%;text-align:center}.community-section{background:var(--color-surface);border-top:1px solid var(--color-border)}.community-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.community-form{display:flex;flex-direction:column;gap:16px}.form-input{width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-sans);font-size:.9rem;padding:12px 16px;outline:none;transition:border-color var(--transition)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-accent)}.form-consent{display:flex;align-items:flex-start;gap:10px;font-size:.825rem;color:var(--color-text-secondary);line-height:1.5;cursor:pointer}.form-consent input[type=checkbox]{flex-shrink:0;margin-top:2px;accent-color:var(--color-accent);width:15px;height:15px;cursor:pointer}.form-consent a{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:2px}.form-submit{align-self:flex-start}.form-note{font-size:.825rem;min-height:1.2em}.form-note--success{color:var(--color-accent)}.form-note--error{color:#ef4444}.ios-banner{border-top:1px solid var(--color-border);padding:48px 0;background:var(--color-surface)}.ios-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:var(--max-width);margin:0 auto;padding:0 24px}.ios-banner-headline{font-size:1.2rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:4px}.ios-banner-sub{font-size:.875rem;color:var(--color-text-secondary)}.ios-badge{display:inline-flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid var(--color-border);border-radius:12px;padding:10px 22px;color:var(--color-text-muted);opacity:.45;-webkit-user-select:none;user-select:none}.ios-badge-text{display:flex;flex-direction:column;gap:1px}.ios-badge-sub{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;line-height:1}.ios-badge-name{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.tuner-embed-container{width:100%;max-width:720px;height:0;max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:all .5s cubic-bezier(.16,1,.3,1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);position:relative}.tuner-embed-container.cs-preview{height:200px;max-height:200px;opacity:1;margin-top:32px;box-shadow:0 4px 16px #0006}.tuner-embed-container.cs-preview.open{height:320px;max-height:320px;box-shadow:0 8px 32px #0009,0 0 0 1px #9af4b326}.tuner-mic-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#131313fa,#0a0a0afc);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;z-index:10;transition:opacity .4s ease,visibility .4s;border-radius:var(--radius-md)}.tuner-mic-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.tuner-mic-overlay-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;margin-bottom:20px;color:var(--color-accent);filter:drop-shadow(0 0 12px var(--color-accent-glow));animation:tuner-mic-pulse 2s infinite ease-in-out}.tuner-mic-overlay-title{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.tuner-mic-overlay-desc{font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-secondary);max-width:320px;margin-bottom:24px;line-height:1.5}@media (min-width: 769px){body{zoom:.9}}@media (max-width: 768px){html{font-size:13.6px}body{zoom:1!important}.hero-media-interactive{width:calc(100vw - 48px)!important;max-width:378px!important;aspect-ratio:378 / 612!important;height:auto!important;border-radius:28px!important;margin-bottom:48px!important}.hero-media-interactive.landscape{width:100%!important;max-width:432px!important;aspect-ratio:648 / 378!important;height:auto!important;margin-bottom:48px!important}}.hero-media-interactive{position:relative;width:100%;max-width:378px;aspect-ratio:378 / 612;border:6px solid var(--color-border);border-radius:36px;overflow:hidden;background:#121212!important;box-shadow:0 24px 64px #000c,0 0 0 1px #9af4b333;margin-left:auto;margin-right:auto;margin-bottom:56px;transition:all .6s cubic-bezier(.16,1,.3,1);zoom:1!important}.hero-media-interactive.landscape{max-width:648px;aspect-ratio:648 / 378;margin-bottom:56px}.tuner-iframe,.hero-media-interactive iframe,.hub-iframe-wrapper iframe,.pg-iframe-frame iframe{top:0!important;left:0!important;width:100%!important;height:100%!important;border:none!important;border-radius:0!important;background:#121212!important;display:block!important;zoom:1!important;-webkit-text-size-adjust:100%}.tuner-device-toolbar{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:20px;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.tuner-device-toolbar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.btn-device-tool{display:inline-flex;align-items:center;gap:8px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:8px 16px;border-radius:var(--radius-full);font-size:.825rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-device-tool:hover{border-color:var(--color-accent);color:var(--color-text-primary);box-shadow:0 0 12px var(--color-accent-glow)}.tuner-activation-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#131313d9,#0a0a0af2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;z-index:5;cursor:pointer;transition:opacity .4s ease,visibility .4s;border-radius:var(--radius-md)}.tuner-activation-overlay:hover .tuner-activation-icon{transform:scale(1.08);color:var(--color-accent-hover);filter:drop-shadow(0 0 16px var(--color-accent-glow));border-color:#9af4b366}.tuner-activation-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.tuner-activation-icon{width:64px;height:64px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-accent);margin-bottom:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 16px #00000080}.tuner-activation-icon svg{margin-left:3px}.tuner-activation-title{font-family:var(--font-sans);font-size:1.35rem;font-weight:800;color:var(--color-text-primary);margin-bottom:6px;letter-spacing:-.02em}.tuner-activation-desc{font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-secondary);max-width:340px;margin-bottom:0;line-height:1.55}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot--live{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent);animation:pulse-dot 2s infinite ease-in-out}.status-dot--soon{background:var(--color-text-muted);opacity:.6}@keyframes pulse-dot{0%,to{transform:scale(.9);box-shadow:0 0 #9af4b3b3}50%{transform:scale(1.15);box-shadow:0 0 0 5px #9af4b300}}.pillars-section{padding:var(--section-padding)}.pillars-header{margin-bottom:64px}.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pillar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px 32px;transition:border-color var(--transition),transform var(--transition);position:relative;overflow:hidden}.pillar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:0;transition:opacity .3s ease}.pillar-card:hover{border-color:#9af4b34d;transform:translateY(-3px)}.pillar-card:hover:before{opacity:1}.pillar-icon{width:52px;height:52px;background:var(--color-accent-glow);border:1px solid rgba(154,244,179,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--color-accent)}.pillar-title{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:12px;letter-spacing:-.01em}.pillar-description{font-size:.9rem;color:var(--color-text-secondary);font-weight:300;line-height:1.625}.tuner-instruments{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}.tuner-instrument-tag{display:inline-flex;align-items:center;gap:5px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:5px 14px;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);transition:border-color var(--transition),color var(--transition)}.tuner-instrument-tag:hover{border-color:var(--color-accent);color:var(--color-text-primary)}@media (max-width: 768px){.nav-status{display:none}.pillars-grid{grid-template-columns:1fr;gap:16px}}.embed-section{background:var(--color-surface);border-top:1px solid var(--color-border)}.embed-inner{display:flex;flex-direction:column;gap:24px}.embed-copy{max-width:680px}.embed-code-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;background:#0c0c0c;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 24px;width:100%}.embed-code-snippet{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-primary);overflow-x:auto;white-space:nowrap;-webkit-user-select:all;user-select:all;flex:1}.copy-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:.8rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}@media (max-width: 768px){.embed-code-container{flex-direction:column;align-items:stretch}}.faq-section{background:var(--color-surface-raised);border-top:1px solid var(--color-border)}.faq-list{display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto}.faq-group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 24px;transition:border-color var(--transition),box-shadow var(--transition)}.faq-group[open]{border-color:#9af4b34d}.faq-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.faq-summary::-webkit-details-marker{display:none}.faq-question{font-size:.95rem;font-weight:700;color:var(--color-text-primary);margin:0;transition:color var(--transition)}.faq-group[open] .faq-question{color:var(--color-accent)}.faq-chevron{font-size:.8rem;color:var(--color-text-muted);transition:transform .3s ease}.faq-group[open] .faq-chevron{transform:rotate(180deg)}.faq-content{margin-top:16px;font-size:.85rem;color:var(--color-text-secondary);font-weight:300;line-height:1.625;border-top:1px solid rgba(255,255,255,.05);padding-top:12px}.bg-blur-blob{position:absolute;border-radius:50%;background-color:rgba(var(--color-brand-900-rgb),.05);filter:blur(130px);pointer-events:none;z-index:0}.bg-blur-blob-1{top:-10%;left:-5%;width:50%;height:45%}.bg-blur-blob-2{top:35%;right:-10%;width:40%;height:50%}.hero-section{min-height:calc(100vh - var(--nav-height));display:flex;flex-direction:column;justify-content:center;padding-top:40px;padding-bottom:40px;box-sizing:border-box;position:relative;z-index:10}.hero-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}@media (min-width: 1024px){.hero-grid{grid-template-columns:1fr 1fr;gap:32px}}.hero-left{display:flex;flex-direction:column;gap:32px}.hero-right{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.hero-title{font-size:3rem;font-weight:900;letter-spacing:-.025em;line-height:1.08;color:#fff}@media (min-width: 640px){.hero-title{font-size:3.75rem}}@media (min-width: 1024px){.hero-title{font-size:68px}}.text-gradient{background:linear-gradient(to right,#fff,#f4f4f5,#a1a1a1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-subtitle{font-size:1rem;color:var(--color-text-secondary);max-width:36rem;line-height:1.625;font-weight:300;padding-bottom:0}@media (min-width: 640px){.hero-subtitle{font-size:1.125rem}}.hero-subtitle strong{color:#e2e8f0;font-weight:600}.hero-registration-box,.hero-trial-card{background:#141414;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(160,240,176,.3);box-shadow:0 4px 20px #0006;border-radius:12px;padding:20px;max-width:36rem;transition:border-color var(--transition),box-shadow var(--transition)}.hero-registration-box:focus-within,.hero-trial-card:focus-within{border-color:#ffffff38;box-shadow:0 16px 40px #00000080}.hero-registration-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:9999px;padding:4px 12px;margin-bottom:14px}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-text-secondary)}.hero-badge-text{font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-secondary)}.hero-inline-form,.hero-input-group{display:flex;flex-direction:column;gap:10px}@media (min-width: 480px){.hero-input-group{flex-direction:row;gap:8px}}.hero-email-input{flex:1;background:#121212;border:1px solid var(--color-border);border-radius:10px;padding:12px 16px;font-size:.95rem;color:#fff;font-family:var(--font-sans);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.hero-email-input:focus{border-color:#ffffff4d;box-shadow:0 0 12px #ffffff0a}.hero-email-input::placeholder{color:#71717a}.btn-hero-submit{display:inline-flex;align-items:center;justify-content:center;background:#171717;border:1px solid #262626;color:#fff;font-weight:700;font-size:.9rem;letter-spacing:.02em;padding:12px 24px;border-radius:10px;cursor:pointer;white-space:nowrap;transition:all var(--transition);box-shadow:var(--shadow-sm)}.btn-hero-submit:hover{background:#262626;border-color:#333;transform:translateY(-1px)}.btn-hero-submit:active{transform:translateY(0)}.hero-form-footer{display:flex;flex-direction:column;gap:6px;margin-top:2px}.hero-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.hero-checkbox-input{accent-color:#a1a1a1;width:14px;height:14px;cursor:pointer}.hero-checkbox-label a{color:var(--color-text-secondary);text-decoration:underline;transition:color var(--transition)}.hero-checkbox-label a:hover{color:#fff}.hero-secondary-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:4px}.hero-actions-divider{color:#fff3;font-size:.9rem}.hero-actions{display:flex;flex-wrap:wrap;gap:16px}.btn-tune-primary{padding:14px 24px;background-color:var(--color-accent);color:var(--color-bg);font-weight:800;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;border-radius:12px;box-shadow:0 4px 12px #9af4b31a;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:all var(--transition)}.btn-tune-primary:hover{background-color:var(--color-brand-600)}.btn-tune-primary:active{transform:scale(.95)}.btn-tune-secondary{padding:14px 24px;background-color:#171717;border:1px solid #262626;color:#d4d4d4;font-size:.75rem;font-weight:700;border-radius:12px;text-align:center;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;transition:all var(--transition)}.btn-tune-secondary:hover{background-color:#262626;color:#fff}.hero-privacy{font-size:11px;color:var(--color-text-muted);display:flex;align-items:center;gap:8px}.hero-divider{border-top:1px solid var(--color-border);width:100%}.waitlist-section{display:flex;flex-direction:column;gap:16px}.waitlist-title{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--color-text-muted);text-transform:uppercase;display:block}.waitlist-form{display:flex;flex-direction:column;gap:14px;max-width:32rem}.waitlist-input-group{display:flex;gap:10px}.waitlist-input{flex:1;padding:12px 16px;border-radius:12px;background-color:var(--color-surface);border:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-primary);font-family:var(--font-mono);transition:border-color var(--transition),background-color var(--transition)}.waitlist-input::placeholder{color:#737373}.waitlist-input:hover{background-color:var(--color-surface-raised);border-color:#ffffff40}.waitlist-input:focus{outline:none;background-color:var(--color-surface);border-color:var(--color-accent)}.btn-waitlist-submit{padding:12px 24px;background-color:var(--color-accent);color:var(--color-bg);font-weight:700;font-size:.875rem;border-radius:12px;border:none;cursor:pointer;transition:all var(--transition);box-shadow:0 4px 12px #9af4b31a}.btn-waitlist-submit:hover{background-color:var(--color-brand-600)}.btn-waitlist-submit:active{transform:scale(.95)}.checkbox-container{display:flex;align-items:start;gap:10px}.checkbox-input{margin-top:4px;border-radius:4px;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-accent);cursor:pointer}.checkbox-label{font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.checkbox-label a{color:#a1a1a1;text-decoration:underline}.checkbox-label a:hover{color:#fff}.features-section{background-color:#12121266;border-top:1px solid var(--color-border);padding:80px 0;position:relative;overflow:hidden}.section-header{text-align:center;max-width:42rem;margin:0 auto 64px}.section-badge{font-size:.75rem;font-weight:700;color:var(--color-accent-hover);letter-spacing:.1em;text-transform:uppercase}.section-title{font-size:1.875rem;font-weight:800;color:#fff;margin-top:8px}@media (min-width: 640px){.section-title{font-size:2.25rem}}.section-desc{color:var(--color-text-secondary);margin-top:12px;font-size:.875rem;font-weight:300;line-height:1.6}.features-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature-card{padding:16px 8px;background-color:transparent;border:none;display:flex;flex-direction:column}.feature-icon-wrapper{display:flex;align-items:center;justify-content:flex-start;color:var(--color-accent);font-size:1.75rem;margin-bottom:16px;filter:drop-shadow(0 0 8px rgba(154,244,179,.1))}.presets-icon-wrapper{font-size:2.15rem}.feature-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:12px}.feature-desc{font-size:.75rem;color:var(--color-text-secondary);line-height:1.625;font-weight:300}.embed-section{border-top:1px solid var(--color-border);padding:80px 0;background-color:var(--color-bg);position:relative;z-index:10}.embed-container{max-width:896px!important}.embed-box{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;padding:32px;position:relative;overflow:hidden}@media (min-width: 640px){.embed-box{padding:48px}}.embed-box-inner{max-width:42rem;display:flex;flex-direction:column}.embed-code-container{margin-top:24px;background-color:#121212;border:1px solid var(--color-border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px;justify-content:space-between;align-items:flex-start}@media (min-width: 640px){.embed-code-container{flex-direction:row;align-items:center}}.embed-code{font-size:.75rem;font-family:var(--font-mono);color:#d4d4d4;-webkit-user-select:all;user-select:all;overflow-x:auto;white-space:nowrap;max-width:100%;padding-bottom:8px}@media (min-width: 640px){.embed-code{padding-bottom:0}}.btn-copy{width:100%;padding:8px 16px;background-color:#171717;border:1px solid #262626;color:#fff;font-weight:700;font-size:.75rem;border-radius:8px;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0}@media (min-width: 640px){.btn-copy{width:auto}}.btn-copy:hover{background-color:#262626}.btn-copy:active{transform:scale(.95)}.pricing-section{border-top:1px solid var(--color-border);padding:80px 0;background-color:#12121233;position:relative;z-index:10}.pricing-grid{display:grid;grid-template-columns:1fr;gap:32px;max-width:72rem;margin:0 auto}@media (min-width: 768px){.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pricing-card{background-color:#09090b99;border:1px solid var(--color-border);border-radius:24px;padding:32px;display:flex;flex-direction:column;justify-content:space-between}.pricing-card-pro{background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,linear-gradient(135deg,#9af4b4,#f2ff00) border-box;border:2px solid transparent;border-radius:24px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:0 10px 30px #9af4b30d}.pricing-card-badge{position:absolute;top:0;right:32px;transform:translateY(-50%);padding:4px 12px;background:linear-gradient(90deg,#9af4b4,#f2ff00);color:#121212;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;border-radius:9999px}.top-promo-banner{display:block;width:100%;background:linear-gradient(90deg,#9af4b4,#f2ff00)!important;color:#121212!important;padding:1px 12px;text-align:center;font-size:.75rem;font-family:var(--font-mono),monospace;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;cursor:pointer;box-sizing:border-box;transition:opacity .2s ease;position:relative;z-index:100}.top-promo-banner:hover{opacity:.92;color:#121212!important}.top-promo-banner strong{text-decoration:underline;color:#121212!important;font-weight:900}.top-promo-banner .promo-arrow{margin-left:6px;font-size:.75rem;font-weight:900;color:#121212!important}.pricing-tier-sub{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--color-text-muted);text-transform:uppercase}.pricing-tier-sub-accent{color:var(--color-accent-hover)}.pricing-tier-title{font-size:1.25rem;font-weight:700;color:#fff;margin-top:4px}.pricing-tier-desc{font-size:.75rem;color:var(--color-text-secondary);margin-top:8px;font-weight:300}.pricing-price-box{margin:24px 0}.pricing-price{font-size:1.875rem;font-weight:900;color:#fff}.pricing-price-period{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono)}.pricing-price-period-alt{font-size:.75rem;color:#fff;font-family:var(--font-mono)}.pricing-features-list{list-style:none;padding-top:24px;border-top:1px solid rgba(15,23,42,.6);display:flex;flex-direction:column;gap:14px}.pricing-feature-item{display:flex;align-items:center;gap:12px;font-size:.75rem;color:#d4d4d4}.pricing-feature-item i{font-size:10px}.pricing-feature-item .text-green{color:var(--color-accent)}.pricing-feature-item .text-green-accent{color:var(--color-accent-hover)}.pricing-feature-item-muted{color:var(--color-text-muted)}.pricing-feature-item-muted i{color:#334155}.btn-pricing-primary{margin-top:32px;width:100%;padding:12px;background:linear-gradient(90deg,#9af4b4,#f2ff00);color:#121212;font-weight:900;font-size:.75rem;border-radius:12px;border:none;cursor:pointer;transition:all var(--transition);box-shadow:0 4px 12px #9af4b31a;text-align:center}.btn-pricing-primary:hover{background:#f4f4f5!important;color:#000!important;transform:translateY(-1px)}.btn-pricing-secondary{margin-top:32px;width:100%;padding:12px;background-color:var(--color-surface);border:1px solid var(--color-border);color:#d4d4d4;font-weight:700;font-size:.75rem;border-radius:12px;cursor:pointer;transition:all var(--transition);display:inline-block;text-align:center;text-decoration:none}.btn-pricing-secondary:hover{background-color:var(--color-surface-raised);border-color:#ffffff40;color:#fff}.badge-coming-soon{margin-left:8px;display:inline-block;padding:2px 8px;border-radius:4px;background-color:#121212;border:1px solid var(--color-border);font-size:9px;font-weight:700;color:var(--color-text-muted)}.faq-section{border-top:1px solid var(--color-border);padding:80px 0;background-color:var(--color-bg);position:relative;z-index:10}.faq-container{max-width:896px!important}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:20px;transition:border-color var(--transition)}.faq-item[open]{border-color:#9af4b34d}.faq-item summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-question{font-size:.875rem;font-weight:700;color:#fff;transition:color var(--transition);margin:0}.faq-item[open] .faq-question{color:var(--color-accent-hover)}.faq-icon{color:var(--color-text-muted);transition:transform var(--transition) .3s ease;display:inline-block}.faq-item[open] .faq-icon{transform:rotate(180deg)}.faq-answer{font-size:.75rem;color:var(--color-text-secondary);margin-top:16px;line-height:1.625;font-weight:300}.nav-status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-accent);margin-right:6px;display:inline-block;animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:.4}50%{opacity:1}}.btn-tune-nav{height:38px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:12px;background:#fff!important;color:#000!important;box-shadow:none!important}.btn-tune-nav:hover{background:#f4f4f5!important;color:#000!important;transform:translateY(-1px)}#nav-install-btn{background:#fff!important;color:#000!important}#nav-install-btn:hover{background:#f4f4f5!important}@media (min-width: 451px){.mobile-install-banner{display:none!important}}@media (min-width: 769px){.mobile-scroll-prompt{display:none!important}}.bounce-arrow{animation:cs-bounce 2s infinite}@keyframes cs-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}.btn-hero-features{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 20px;box-sizing:border-box;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:12px;background:#fff!important;color:#000!important;box-shadow:none!important;text-decoration:none;transition:all var(--transition);align-self:flex-start;width:fit-content;margin-top:-12px}.btn-hero-features:hover{background:#e4e4e7!important;color:#000!important;transform:translateY(-1px)}#hero-activate-mic-btn{height:38px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:12px;background:var(--color-accent)!important;color:var(--color-bg)!important;box-shadow:0 0 24px var(--color-accent-glow)!important;transition:all var(--transition)}#hero-activate-mic-btn:hover{background:var(--color-accent-hover)!important;transform:translateY(-1px);box-shadow:0 4px 32px var(--color-accent-glow)!important}.btn-tune-link{background:none;border:none;padding:0;margin:0;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;text-decoration:none;transition:opacity var(--transition);display:inline}.btn-tune-link:hover{opacity:.8}@media (max-width: 640px){.nav-links{display:none}}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 16px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}@media (min-width: 768px){.footer-inner{flex-direction:row;justify-content:space-between;text-align:left;gap:24px}}.feature-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:28px 0;padding:0;list-style:none}.feature-highlights li{display:flex;align-items:center;gap:12px;font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--color-text-primary);background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:10px 14px;border-radius:12px;transition:all .3s cubic-bezier(.16,1,.3,1)}.feature-highlights li:hover{background:#9af4b30d;border-color:#9af4b340;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.feature-highlight-icon{width:24px;height:24px;color:var(--color-accent);background:#9af4b31a;border:1px solid rgba(154,244,179,.15);padding:4px;border-radius:50%;flex-shrink:0;box-sizing:border-box}@media (max-width: 576px){.feature-highlights{grid-template-columns:1fr;gap:10px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;width:90%;max-width:480px;padding:32px;position:relative;box-shadow:0 20px 40px #00000080,0 0 0 1px #ffffff0d;transform:scale(.95);transition:transform .3s cubic-bezier(.16,1,.3,1)}.modal-overlay.active .modal-container{transform:scale(1)}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;width:40px;height:40px;transition:all var(--transition)}.modal-close:hover{background-color:var(--color-surface-raised);color:var(--color-text-primary)}.modal-heading{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-top:0;margin-bottom:8px}.modal-subheading{font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-secondary);margin-bottom:24px}.install-modal-container{max-width:580px}.install-tabs{display:flex;gap:8px;border-bottom:1px solid var(--color-border);padding-bottom:16px;margin-bottom:24px}.install-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-lg, 12px);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition)}.install-tab-btn:hover{background-color:var(--color-surface-raised);color:var(--color-text-primary)}.install-tab-btn.active{background-color:#9af4b31a;border-color:var(--color-accent);color:var(--color-accent)}.install-tab-content{display:none;animation:fadeIn var(--transition)}.install-tab-content.active{display:block}.install-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.install-steps li{display:flex;align-items:flex-start;gap:16px;font-size:.95rem;line-height:1.6;color:var(--color-text-secondary)}.step-num{width:24px;height:24px;background-color:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:2px}.step-text{flex:1}.native-btn-pill{display:inline-flex;align-items:center;gap:6px;background-color:#262626;border:1px solid #404040;color:#e5e5e5;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:600;margin:0 4px;vertical-align:middle}.native-btn-icon{width:12px;height:12px;stroke-width:2.5}.desktop-split{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.desktop-column{display:flex;flex-direction:column;gap:12px}.desktop-subtitle{font-size:.875rem;font-weight:700;color:var(--color-text-primary);margin:0 0 4px;display:flex;align-items:center;gap:8px}@media (max-width: 576px){.desktop-split{grid-template-columns:1fr;gap:24px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.install-modal-actions{margin-top:32px;border-top:1px solid var(--color-border);padding-top:24px;display:flex;justify-content:center}.btn-launch-app{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700}.hero-alert-action{display:flex;align-items:center;gap:16px;margin-top:24px;flex-wrap:wrap}.hero-alert-tagline{font-family:var(--font-sans);font-size:.825rem;color:var(--color-text-muted);font-weight:500}.pg-modal-container{max-width:940px!important;width:92%!important;max-height:90vh;overflow-y:auto}.pg-layout{display:grid;grid-template-columns:1fr;gap:24px;text-align:left}@media (min-width: 840px){.pg-layout{grid-template-columns:360px 1fr;gap:28px;align-items:start}}.pg-controls{display:flex;flex-direction:column;gap:16px}.pg-card{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:14px}.pg-card-title{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase}.pg-control-group{display:flex;flex-direction:column;gap:6px}.pg-label{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.pg-input{width:100%;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-raised);color:#fff;font-family:var(--font-mono);font-size:.85rem;outline:none;transition:border-color var(--transition)}.pg-input:focus{border-color:var(--color-accent)}.pg-segmented-control{display:flex;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:3px;gap:3px}.pg-seg-btn{flex:1;background:transparent;border:none;padding:7px 10px;color:var(--color-text-muted);font-family:var(--font-sans);font-size:.775rem;font-weight:600;cursor:pointer;border-radius:7px;transition:all var(--transition);text-align:center}.pg-seg-btn:hover{color:var(--color-text-primary)}.pg-seg-btn.active{background:#fff;color:#080b0f;font-weight:700;box-shadow:0 2px 8px #0000004d}.pg-preview-column{display:flex;flex-direction:column;gap:16px}.pg-stage-container{background:#0006;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column}.pg-stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pg-stage-title{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.pg-badge{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--color-brand-500);background:#9af4b31a;border:1px solid rgba(154,244,179,.2);padding:2px 8px;border-radius:6px}.pg-rotate-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition)}.pg-rotate-btn:hover{background:#ffffff26;color:#fff;border-color:#ffffff40}.pg-stage-viewport{height:380px;width:100%;display:flex;align-items:center;justify-content:center;background:#121212;border-radius:12px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.05)}.pg-iframe-frame{transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;display:flex;align-items:center;justify-content:center}.pg-iframe-frame.portrait{width:240px;height:360px;aspect-ratio:9 / 16;border-radius:24px;border:4px solid #262626;box-shadow:0 12px 30px #0009,0 0 0 1px #ffffff1a}.pg-iframe-frame.landscape{width:100%;max-width:440px;height:250px;aspect-ratio:16 / 9;border-radius:12px;border:2px solid #262626;box-shadow:0 12px 30px #00000080}.pg-code-card{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}.pg-code-header{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.pg-code-box{background:#121212;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px}.pg-code{font-family:var(--font-mono);font-size:.75rem;color:var(--color-brand-500);word-break:break-all;white-space:pre-wrap;display:block;line-height:1.5}.pg-btn-copy{width:100%;padding:12px;border-radius:10px!important;font-weight:700!important;font-size:.85rem!important;display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--color-accent)!important;color:#080b0f!important;border:none!important;cursor:pointer;transition:all var(--transition)}.pg-btn-copy:hover{background-color:var(--color-accent-hover)!important;transform:translateY(-1px)}.embed-page-container h1,.embed-page-container h2,.embed-page-container p,.embed-page-container ul,.embed-page-container div{max-width:none}.embed-hero-section{text-align:center;padding:32px 0 64px;max-width:940px;margin:0 auto}.embed-badge-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--color-accent-glow);border:1px solid rgba(154,244,179,.25);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--color-accent);letter-spacing:.05em;margin-bottom:24px}.embed-hero-title{font-size:clamp(2.4rem,5vw,4.2rem)!important;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px;background:linear-gradient(180deg,#fff,#a1a1a1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.embed-hero-subtitle{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--color-text-secondary);line-height:1.6;margin-bottom:32px}.embed-hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.embed-hero-actions .btn,.content-page a.btn{text-decoration:none!important}.content-page a.btn-primary,.btn-primary{background:var(--color-accent)!important;color:#080b0f!important;font-weight:700!important}.content-page a.btn-primary:hover,.btn-primary:hover{background:var(--color-accent-hover)!important;color:#080b0f!important}.content-page a.btn-secondary,.btn-secondary{background:var(--color-surface-raised)!important;color:#fff!important;border:1px solid var(--color-border)!important;font-weight:600!important}.content-page a.btn-secondary:hover,.btn-secondary:hover{background:#ffffff26!important;color:#fff!important}.embed-hero-actions .btn{padding:14px 28px;font-size:1rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:10px}.embed-section-title{font-size:1.8rem!important;font-weight:800!important;letter-spacing:-.02em;color:var(--color-text-primary);margin-top:0!important;margin-bottom:8px!important}.embed-section-subtitle{font-size:1rem;color:var(--color-text-secondary);margin-bottom:32px!important}.embed-is-vs-not-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 840px){.embed-is-vs-not-grid{grid-template-columns:1fr 1fr}}.embed-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;gap:24px;transition:transform var(--transition),border-color var(--transition)}.embed-card:hover{border-color:#fff3}.embed-card-is{border-top:3px solid var(--color-brand-500)}.embed-card-not{border-top:3px solid #f87171}.embed-card-header{display:flex;align-items:center;gap:16px}.embed-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.is-icon{background:var(--color-accent-glow);color:var(--color-brand-500);border:1px solid rgba(154,244,179,.3)}.not-icon{background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.3)}.embed-card-header h3{font-size:1.3rem;font-weight:700;color:var(--color-text-primary);margin:0}.embed-card-sub{font-size:.85rem;color:var(--color-text-muted);margin:0!important}.embed-card-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:24px 40px}@media (max-width: 768px){.embed-card-list{grid-template-columns:1fr;gap:18px}}.embed-card-list li{display:flex;align-items:flex-start;gap:14px}.embed-card-list li i{font-size:1.1rem;margin-top:3px;flex-shrink:0}.embed-card-list li strong{display:block;font-size:.95rem;color:var(--color-text-primary);margin-bottom:2px}.embed-card-list li span{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:28px}.use-case-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;transition:transform var(--transition),border-color var(--transition)}.use-case-card:hover{transform:translateY(-2px);border-color:#9af4b34d}.use-case-icon{width:42px;height:42px;background:var(--color-accent-glow);color:var(--color-brand-500);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:16px}.use-case-card h4{font-size:1.05rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.use-case-card p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0!important}.embed-highlight-box{background:linear-gradient(135deg,#9af4b314,#1c1c1ce6);border:1px solid rgba(154,244,179,.3);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:20px}.highlight-icon{width:48px;height:48px;background:var(--color-brand-500);color:#080b0f;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.highlight-content h4{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:4px}.highlight-content p{font-size:.925rem;color:#ffffffd9;margin:0!important;line-height:1.5}.builder-container{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 960px){.builder-container{grid-template-columns:360px 1fr}}.builder-controls-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:20px}.builder-panel-title{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin:0!important;display:flex;align-items:center;gap:10px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.radio-card-group{display:flex;flex-direction:column;gap:10px}.radio-card{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.radio-card:hover{background:#ffffff0f}.radio-card input[type=radio]{margin-top:4px;accent-color:var(--color-brand-500)}.radio-card-body{display:flex;flex-direction:column;gap:2px}.radio-card-title{font-size:.9rem;font-weight:700;color:var(--color-text-primary)}.radio-card-desc{font-size:.775rem;color:var(--color-text-muted);line-height:1.4}.form-select,.form-input{width:100%;padding:10px 14px;background:#121212;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-sans);font-size:.9rem;outline:none;transition:border-color var(--transition)}.form-select:focus,.form-input:focus{border-color:var(--color-brand-500)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.builder-preview-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:20px}.preview-header{display:flex;align-items:center;justify-content:space-between}.preview-title{font-size:.95rem;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.preview-status{font-size:.775rem;color:var(--color-accent);font-family:var(--font-mono);display:flex;align-items:center;gap:6px}.pulse-dot{width:8px;height:8px;background-color:var(--color-brand-500);border-radius:50%;box-shadow:0 0 8px var(--color-brand-500);animation:pulse-ring 1.8s infinite}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #9af4b3b3}70%{transform:scale(1);box-shadow:0 0 0 6px #9af4b300}to{transform:scale(.95);box-shadow:0 0 #9af4b300}}.preview-iframe-wrapper{background:#121212;border:1px dashed rgba(255,255,255,.15);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;justify-content:center;min-height:340px;overflow:auto}.preview-iframe-wrapper iframe{background:#121212;border:none;border-radius:12px;box-shadow:0 12px 30px #0009;max-width:100%;transition:all var(--transition)}.code-output-box{background:#121212;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:16px}.code-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.code-box-title{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.code-block{margin:0;background:transparent;padding:0;overflow-x:auto}.code-block code{font-family:var(--font-mono);font-size:.825rem;color:var(--color-brand-500);line-height:1.6;white-space:pre-wrap;word-break:break-all}.table-responsive{width:100%;overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.params-table{width:100%;border-collapse:collapse;text-align:left}.params-table th,.params-table td{padding:16px 20px;border-bottom:1px solid var(--color-border)}.params-table th{background:#ffffff05;font-size:.85rem;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.params-table td{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.params-table code{font-family:var(--font-mono);font-size:.825rem;color:var(--color-brand-500);background:#9af4b31a;padding:2px 6px;border-radius:4px}.integration-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.step-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:28px;position:relative}.step-badge{width:36px;height:36px;background:var(--color-accent-glow);color:var(--color-brand-500);border:1px solid rgba(154,244,179,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:800;font-size:1rem;margin-bottom:16px}.step-card h4{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.step-card p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0!important}.guide-page-container h1,.guide-page-container h2,.guide-page-container h3,.guide-page-container p,.guide-page-container ul,.guide-page-container ol,.guide-page-container div{max-width:none}.guide-hero{text-align:center;padding:32px 0 48px;max-width:800px;margin:0 auto}.guide-badge-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--color-accent-glow);border:1px solid rgba(154,244,179,.25);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--color-accent);letter-spacing:.05em;margin-bottom:20px}.guide-hero-title{font-size:clamp(2.4rem,5vw,4rem)!important;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px;background:linear-gradient(180deg,#fff,#a1a1a1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.guide-hero-subtitle{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--color-text-secondary);line-height:1.6;margin-bottom:32px}.guide-search-wrapper{position:relative;max-width:600px;margin:0 auto}.guide-search-wrapper .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:1rem;pointer-events:none}#guide-search{width:100%;padding:14px 20px 14px 48px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-family:var(--font-sans);font-size:.95rem;outline:none;transition:all var(--transition);box-shadow:0 4px 20px #0006}#guide-search:focus{border-color:var(--color-brand-500);box-shadow:0 0 24px #9af4b326}.guide-main-grid{display:grid;grid-template-columns:1fr;gap:36px;align-items:start}@media (min-width: 900px){.guide-main-grid{grid-template-columns:280px 1fr}}.guide-sidebar{position:relative}@media (min-width: 900px){.guide-sidebar{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto}}.toc-container{background:transparent;border:none;border-radius:0;padding:0}.toc-header{font-family:var(--font-sans);font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.toc-list{list-style:none;display:flex;flex-direction:column;gap:2px;border-left:1px solid rgba(255,255,255,.1);padding-left:0}.toc-link{display:block;padding:6px 0 6px 16px;color:var(--color-text-secondary);font-size:.85rem;font-weight:400;text-decoration:none!important;transition:all var(--transition);border-left:2px solid transparent;margin-left:-1px}.toc-link:hover{color:#fff;background:transparent}.toc-link.active{color:#fff;font-weight:600;border-left-color:#fff;background:transparent}.guide-content-area{display:flex;flex-direction:column;gap:64px}.guide-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px;position:relative;scroll-margin-top:100px}.chapter-badge{display:inline-block;font-family:var(--font-mono);font-size:.725rem;font-weight:700;color:var(--color-accent);background:var(--color-accent-glow);border:1px solid rgba(154,244,179,.2);padding:2px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.guide-section h2{font-size:1.8rem!important;font-weight:800!important;letter-spacing:-.02em;color:var(--color-text-primary);margin-top:0!important;margin-bottom:16px!important}.guide-section h3{font-size:1.2rem!important;font-weight:700!important;color:var(--color-text-primary);margin-top:32px!important;margin-bottom:12px!important}.guide-section p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.65;margin-bottom:20px}.guide-callout{border-radius:var(--radius-md);padding:20px 24px;display:flex;align-items:flex-start;gap:16px;margin:24px 0}.guide-callout-tip{background:#9af4b30f;border:1px solid rgba(154,244,179,.25)}.guide-callout-tip .callout-icon{color:var(--color-brand-500)}.guide-callout-note{background:#ffffff08;border:1px solid var(--color-border)}.guide-callout-note .callout-icon{color:var(--color-text-secondary)}.callout-icon{font-size:1.3rem;margin-top:2px;flex-shrink:0}.callout-text{font-size:.9rem;color:var(--color-text-primary);line-height:1.6}.platform-steps-grid,.presets-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}.platform-card,.preset-cat-card{background:#080b0f;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px}.platform-card h4,.preset-cat-card h4{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.platform-card ol{padding-left:18px;color:var(--color-text-secondary);font-size:.85rem;line-height:1.6}.preset-cat-card p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin:0!important}.guide-ui-diagram{background:#080b0f;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;margin:24px 0}.diagram-title{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--color-accent);margin-bottom:16px;display:flex;align-items:center;gap:8px}.diagram-list{list-style:none;display:flex;flex-direction:column;gap:12px}.diagram-list li{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.diagram-list strong{color:var(--color-text-primary)}.highlight-note{font-family:var(--font-mono);font-weight:700;color:var(--color-brand-500);background:#9af4b31a;padding:2px 6px;border-radius:4px}.text-flat{color:#fbbf24;font-weight:700;font-family:var(--font-mono)}.text-sharp{color:#f87171;font-weight:700;font-family:var(--font-mono)}.color-code{font-family:var(--font-mono);font-size:.8rem;color:var(--color-brand-500)}.guide-step-list{padding-left:20px;color:var(--color-text-secondary);font-size:.925rem;line-height:1.65;margin-bottom:24px}.guide-step-list li{margin-bottom:8px}.guide-feature-list{list-style:none;display:flex;flex-direction:column;gap:16px;margin:20px 0}.guide-feature-list li{display:flex;align-items:flex-start;gap:14px}.guide-feature-list li i{font-size:1.1rem;margin-top:3px;flex-shrink:0}.guide-feature-list li strong{display:block;font-size:.95rem;color:var(--color-text-primary);margin-bottom:2px}.guide-feature-list li span{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}kbd{font-family:var(--font-mono);font-size:.775rem;font-weight:700;color:var(--color-text-primary);background:var(--color-surface-raised);border:1px solid var(--color-border);padding:2px 6px;border-radius:4px;box-shadow:0 2px #ffffff1a}.params-table-wrapper{width:100%;overflow-x:auto;background:#080b0f;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:20px}.guide-table{width:100%;border-collapse:collapse;text-align:left}.guide-table th,.guide-table td{padding:14px 18px;border-bottom:1px solid var(--color-border)}.guide-table th{background:#ffffff05;font-size:.8rem;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.guide-table td{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.guide-table code{font-family:var(--font-mono);font-size:.8rem;color:var(--color-brand-500);background:#9af4b31a;padding:2px 6px;border-radius:4px}.text-brand-500{color:var(--color-brand-500)}.text-red-400{color:#f87171}