.playbook-landing{animation:fadeIn .6s ease-in-out;background-color:#fff;color:#1f2937}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.benefit-card{transition:all .3s ease;background:hsla(0,0%,100%,.8);border:1px solid rgba(59,130,246,.1)}.benefit-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.15);border-color:rgba(59,130,246,.2)}.stats-card{transition:all .2s ease;background:hsla(0,0%,100%,.9);border:1px solid rgba(59,130,246,.1)}.stats-card:hover{transform:scale(1.02);box-shadow:0 4px 15px rgba(59,130,246,.1);border-color:rgba(59,130,246,.2)}.preview-content{background:#fff;border:1px solid rgba(59,130,246,.1);box-shadow:0 4px 20px rgba(59,130,246,.08);position:relative;overflow:hidden;min-height:600px}.preview-overlay{background:linear-gradient(180deg,transparent 0,transparent 70%,hsla(0,0%,100%,.3) 80%,hsla(0,0%,100%,.8) 90%,hsla(0,0%,100%,.95))}.highlight-card{transition:all .3s ease;animation:slideInUp .6s ease-out;background:hsla(0,0%,100%,.9);border:1px solid rgba(59,130,246,.1)}.highlight-card:first-child{animation-delay:.1s}.highlight-card:nth-child(2){animation-delay:.2s}.highlight-card:nth-child(3){animation-delay:.3s}.highlight-card:nth-child(4){animation-delay:.4s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.highlight-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(59,130,246,.15);border-color:rgba(59,130,246,.2)}.auth-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border:1px solid rgba(59,130,246,.1);box-shadow:0 20px 40px rgba(59,130,246,.1)}.loading-spinner{animation:spin 1s linear infinite;color:#3b82f6}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.playbook-content::-webkit-scrollbar{width:6px}.playbook-content::-webkit-scrollbar-track{background:transparent}.playbook-content::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:3px}.playbook-content::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}@media (max-width:768px){.playbook-landing{padding:0}.mobile-sticky-form{position:sticky;top:0;z-index:50;margin-bottom:2rem}.blog-preview table{font-size:.875rem;min-width:600px;border-collapse:collapse}.blog-preview td,.blog-preview th{padding:.75rem 1rem;min-width:120px;white-space:nowrap}.blog-preview .table-container{margin:1.5rem 0;overflow-x:auto;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 2px 8px rgba(0,0,0,.05);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.blog-preview .table-container::-webkit-scrollbar{height:6px}.blog-preview .table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.blog-preview .table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.blog-preview .table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.blog-preview h1{font-size:1.5rem;line-height:1.3;margin:1rem 0}.blog-preview h2{font-size:1.25rem;line-height:1.3;margin:.875rem 0}.blog-preview h3{font-size:1.125rem;line-height:1.4;margin:.75rem 0}.blog-preview h4{font-size:1rem;line-height:1.4;margin:.625rem 0}.blog-preview p{font-size:.875rem;line-height:1.6;margin:.75rem 0}.blog-preview ol,.blog-preview ul{font-size:.875rem;margin:.75rem 0;padding-left:1.5rem}.blog-preview li{margin:.375rem 0;line-height:1.5}.blog-preview code{font-size:.75rem;padding:.125rem .25rem}.blog-preview pre{font-size:.75rem;padding:.75rem;overflow-x:auto}.blog-preview blockquote{margin:1rem 0;padding:.75rem 1rem;font-size:.875rem;border-left-width:3px}}.success-animation{animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.trust-indicator{animation:pulse 2s infinite;color:#6b7280}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animated-gradient{background:linear-gradient(-45deg,rgba(59,130,246,.03),rgba(251,191,36,.03),rgba(59,130,246,.05),rgba(251,191,36,.05));background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.brand-avatar{transition:all .3s ease;box-shadow:0 4px 12px rgba(59,130,246,.15);border:2px solid rgba(59,130,246,.1)}.brand-avatar:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(59,130,246,.2);border-color:rgba(59,130,246,.2)}.benefit-item{animation:slideInLeft .6s ease-out;color:#374151}.benefit-item:first-child{animation-delay:.1s}.benefit-item:nth-child(2){animation-delay:.2s}.benefit-item:nth-child(3){animation-delay:.3s}.benefit-item:nth-child(4){animation-delay:.4s}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.blog-preview{max-width:none;margin:0;line-height:1.6;color:#374151}.blog-preview h1,.blog-preview h2,.blog-preview h3,.blog-preview h4{color:#1f2937;font-weight:700}.blog-preview h1{font-size:1.5rem;font-weight:800;line-height:1.3;margin-bottom:1rem;margin-top:1.5rem}.blog-preview h2{font-size:1.25rem;font-weight:700;line-height:1.4;margin-top:1.5rem;margin-bottom:.75rem}.blog-preview h3{font-size:1.125rem;margin-top:1rem}.blog-preview h3,.blog-preview h4{font-weight:600;line-height:1.4;margin-bottom:.5rem}.blog-preview h4{font-size:1rem;margin-top:.75rem}.blog-preview p{margin-bottom:1rem;line-height:1.7}.blog-preview ol,.blog-preview ul{margin:1rem 0;padding-left:1.5rem}.blog-preview li{margin-bottom:.5rem;color:#4b5563;line-height:1.6}.blog-preview strong{font-weight:600;color:#1f2937}.blog-preview em{font-style:italic;color:#374151}.blog-preview code{background-color:#f3f4f6;color:#374151;padding:.125rem .25rem;border-radius:.25rem;font-size:.875rem;font-family:Courier New,monospace}.blog-preview pre{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin:1rem 0;overflow-x:auto}.blog-preview pre code{background-color:transparent;padding:0;border-radius:0;font-size:.875rem;line-height:1.5}.blog-preview blockquote{border-left:4px solid #3b82f6;margin:1rem 0;color:#4b5563;font-style:italic;background-color:#f8fafc;padding:1rem;border-radius:.5rem}.blog-preview hr{border:none;border-top:1px solid #e5e7eb;margin:2rem 0}.blog-preview a{color:#3b82f6;text-decoration:underline}.blog-preview a:hover{color:#1d4ed8}.blog-preview .table-container{margin:1.5rem 0;overflow-x:auto}.blog-preview table{width:100%;border-collapse:collapse;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.blog-preview td,.blog-preview th{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.blog-preview th{background-color:#f9fafb;font-weight:600;color:#374151}.blog-preview td{color:#4b5563}.blog-preview tr:last-child td{border-bottom:none}.platform-indicator{color:#1f2937;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.header-light{background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(59,130,246,.1)}@media (min-width:1024px){.sticky-form{position:sticky;top:2rem}}.supabase-auth-ui_ui input{background-color:rgba(249,250,251,.8)!important;color:#1f2937!important;border:1px solid rgba(59,130,246,.2)!important}.supabase-auth-ui_ui input:focus{outline:none;border-color:rgba(59,130,246,.5)!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)!important}.supabase-auth-ui_ui button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important}.supabase-auth-ui_ui button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.supabase-auth-ui_ui label{color:#374151!important}.supabase-auth-ui_ui .supabase-auth-ui_ui-anchor{color:#3b82f6!important}.text-light-primary{color:#1f2937}.text-light-secondary{color:#4b5563}.text-light-muted{color:#6b7280}.blog-layout{display:grid;grid-template-columns:1fr;gap:3rem;margin:0 auto;min-width:0;overflow-x:hidden}@media (min-width:1024px){.blog-layout{grid-template-columns:2fr 1fr;gap:4rem}}.blog-layout>*{min-width:0;max-width:100%}.blog-preview *{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width:768px){.blog-layout{gap:2rem;padding:0}.locked-content-box{max-width:calc(100vw - 2rem);margin:0 auto;box-sizing:border-box}.auth-container{max-width:100%;box-sizing:border-box}.stats-card{max-width:100%;flex-shrink:1}.blog-preview{overflow-x:hidden;word-break:break-word}.platform-indicator{max-width:100%;overflow:hidden}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.playbook-card{background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;min-width:256px}.playbook-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 28px rgba(59,130,246,.15);border-color:rgba(59,130,246,.3)}.feature-highlight-box{background:linear-gradient(135deg,rgba(59,165,246,.05),rgba(190,36,251,.05));border:1px solid rgba(59,130,246,.1);box-shadow:0 2px 8px rgba(59,130,246,.04);transition:all .3s ease}.feature-highlight-box:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.08);border-color:rgba(59,130,246,.15)}.locked-content-box{background-color:hsla(0,0%,100%,.98);border:1px solid rgba(59,130,246,.15);box-shadow:0 25px 50px rgba(0,0,0,.15);animation:slideUpFade .6s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.locked-content-box:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(59,130,246,.15)}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@font-face{font-family:__Poppins_954606;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/034d78ad42e9620c-s.woff2) format("woff2");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-family:__Poppins_954606;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fe0777f1195381cb-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Poppins_954606;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Poppins_954606;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/db911767852bc875-s.woff2) format("woff2");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-family:__Poppins_954606;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f10b8e9d91f3edcb-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Poppins_954606;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Poppins_954606;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/29e7bbdce9332268-s.woff2) format("woff2");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-family:__Poppins_954606;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3bc380753a8436c-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Poppins_954606;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0484562807a97172-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Poppins_954606;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/29a4aea02fdee119-s.woff2) format("woff2");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-family:__Poppins_954606;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a1386beebedccca4-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Poppins_954606;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b957ea75a84b6ea7-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Poppins_Fallback_954606;src:local("Arial");ascent-override:92.33%;descent-override:30.78%;line-gap-override:8.79%;size-adjust:113.73%}.__className_954606{font-family:__Poppins_954606,__Poppins_Fallback_954606;font-style:normal}.__variable_954606{--font-poppins:"__Poppins_954606","__Poppins_Fallback_954606"}