:root{--navbar-bg-light: #FFFFFF;--navbar-bg-dark: #12100B;--navbar-text-light: #12100B;--navbar-text-dark: #F5F3F0;--navbar-border-light: #E5E0D8;--navbar-border-dark: #2A2620;--accent: #C9A961;--accent-hover: #B49350}[data-theme=dark]{--navbar-bg-light: #12100B;--navbar-bg-dark: #12100B;--navbar-text-light: #F5F3F0;--navbar-text-dark: #F5F3F0;--navbar-border-light: #2A2620}.navbar{position:fixed;top:0;left:0;right:0;background-color:var(--navbar-bg-light);border-bottom:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000;padding:0}.navbar.scrolled{border-bottom-color:var(--navbar-border-light);box-shadow:0 4px 6px #12100b14}.navbar-container{max-width:1400px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:48px}.navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:20px;color:var(--navbar-text-light);font-family:Fraunces,Georgia,serif}.logo-icon{font-size:24px}.logo-text{letter-spacing:-.5px}.navbar-menu{display:flex;align-items:center;gap:32px;flex:1}.navbar-menu.desktop{display:flex}.nav-link{font-size:14px;font-weight:500;color:var(--navbar-text-light);text-decoration:none;transition:color .2s ease-out;position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--accent);transition:width .2s ease-out}.nav-link:hover{color:var(--accent)}.nav-link:hover:after{width:100%}.navbar-right{display:flex;align-items:center;gap:16px}.theme-toggle{background:none;border:none;color:var(--navbar-text-light);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease-out}.theme-toggle:hover{background-color:var(--navbar-border-light);color:var(--accent)}.mobile-toggle{display:none;background:none;border:none;color:var(--navbar-text-light);cursor:pointer;padding:8px;font-size:24px}.navbar-mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--navbar-bg-light);border-bottom:1px solid var(--navbar-border-light);flex-direction:column;padding:16px 32px;gap:12px}.nav-link-mobile{font-size:14px;font-weight:500;color:var(--navbar-text-light);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--navbar-border-light);transition:color .2s ease-out}.nav-link-mobile:last-child{border-bottom:none}.nav-link-mobile:hover{color:var(--accent)}@media (max-width: 768px){.navbar-container{padding:12px 16px;gap:16px}.navbar-menu.desktop{display:none}.mobile-toggle,.navbar-mobile-menu{display:flex}.navbar-logo{font-size:18px}.logo-icon{font-size:20px}}@media (max-width: 480px){.navbar-container{padding:12px;gap:8px}.navbar-logo{font-size:16px;gap:8px}.logo-text{display:none}.theme-toggle{padding:6px}}:root{--bg-light: #FFFFFF;--bg-alt-light: #F8F7F5;--text-light: #12100B;--text-secondary: #5F5C56;--accent: #C9A961;--border-light: #E5E0D8;--shadow-md: 0 4px 6px rgba(18, 16, 11, .08)}[data-theme=dark]{--bg-light: #12100B;--bg-alt-light: #1A1815;--text-light: #F5F3F0;--text-secondary: #A39A8E;--border-light: #2A2620;--shadow-md: 0 4px 6px rgba(0, 0, 0, .3)}.video-section{padding:80px 32px;background-color:var(--bg-alt-light);border-top:1px solid var(--border-light)}.video-container{max-width:1200px;margin:0 auto}.video-section h2{font-family:Fraunces,Georgia,serif;font-size:clamp(28px,6vw,48px);font-weight:600;color:var(--text-light);margin-bottom:12px;letter-spacing:-.5px}.video-section .subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:48px;max-width:600px}.video-wrapper{position:relative;margin-bottom:48px}.video-placeholder{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;cursor:pointer;background-color:#000}.video-thumbnail{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .2s ease-out}.video-placeholder:hover .video-thumbnail{opacity:.9}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background-color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#12100b;z-index:10;transition:all .2s ease-out;box-shadow:0 10px 20px #12100b33}.video-placeholder:hover .play-button{transform:translate(-50%,-50%) scale(1.1);background-color:#b49350;box-shadow:0 15px 30px #12100b4d}.video-player{width:100%;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md)}.video-element{width:100%;height:auto;display:block}.transcript-section{background-color:var(--bg-light);padding:48px;border-radius:12px;border:1px solid var(--border-light)}.transcript-section h3{font-family:Fraunces,Georgia,serif;font-size:28px;font-weight:600;color:var(--text-light);margin-bottom:24px}.transcript-content{display:grid;gap:20px;margin-bottom:24px}.transcript-content p{font-size:16px;line-height:1.75;color:var(--text-secondary)}.transcript-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:24px}.transcript-list li{font-size:15px;color:var(--text-secondary);padding:12px 16px;background-color:var(--bg-alt-light);border-radius:8px;border-left:3px solid var(--accent);transition:all .2s ease-out}.transcript-list li:hover{background-color:var(--accent);color:#12100b;transform:translate(4px)}@media (max-width: 768px){.video-section{padding:60px 24px}.transcript-section{padding:32px 24px}.play-button{width:60px;height:60px}.play-button svg{width:32px;height:32px}.transcript-list{grid-template-columns:1fr}}@media (max-width: 480px){.video-section{padding:40px 16px}.transcript-section{padding:24px 16px}.transcript-section h3{font-size:20px}.play-button{width:48px;height:48px}.play-button svg{width:24px;height:24px}}:root{--bg-primary: #FFFFFF;--bg-secondary: #F8F7F5;--bg-tertiary: #EFE4C9;--text-primary: #12100B;--text-secondary: #5F5C56;--text-tertiary: #8B8680;--accent: #C9A961;--accent-hover: #B49350;--border: #E5E0D8;--shadow-sm: 0 1px 2px rgba(18, 16, 11, .05);--shadow-md: 0 4px 6px rgba(18, 16, 11, .08);--shadow-lg: 0 10px 20px rgba(18, 16, 11, .12)}[data-theme=dark]{--bg-primary: #12100B;--bg-secondary: #1A1815;--bg-tertiary: #2A2620;--text-primary: #F5F3F0;--text-secondary: #A39A8E;--text-tertiary: #7A736A;--accent: #E8D7B8;--accent-hover: #F5EEDD;--border: #2A2620;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5)}html{scroll-behavior:smooth}body{font-family:Archivo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease-out,color .3s ease-out}.landing-page{min-height:100vh;overflow-x:hidden}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;min-height:100vh;padding:120px 32px 80px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);margin-top:60px}.hero-content{display:flex;flex-direction:column;gap:32px}.hero-title{font-family:Fraunces,Georgia,serif;font-size:clamp(32px,8vw,64px);font-weight:700;line-height:1.1;color:var(--text-primary);letter-spacing:-1px}.hero-subtitle{font-size:clamp(16px,2vw,20px);color:var(--text-secondary);max-width:600px;line-height:1.7}.hero-cta{display:flex;flex-direction:column;gap:12px;width:fit-content}.btn-primary{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background-color:var(--accent);color:#12100b;border:none;border-radius:8px;font-family:Archivo,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);width:fit-content}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.hero-meta{font-size:13px;color:var(--text-tertiary);font-weight:500}.hero-visual{display:flex;align-items:center;justify-content:center;height:400px}.signal-pulse{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.pulse-icon{position:relative;z-index:10;color:var(--accent)}.pulse-ring{position:absolute;border:2px solid var(--accent);border-radius:50%;opacity:.6}.pulse-ring-1{width:100px;height:100px;animation:pulse 2s ease-out infinite}.pulse-ring-2{width:150px;height:150px;animation:pulse 2s ease-out .4s infinite}.pulse-ring-3{width:200px;height:200px;animation:pulse 2s ease-out .8s infinite}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-family:Fraunces,Georgia,serif;font-size:clamp(28px,6vw,48px);font-weight:700;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.5px}.section-header p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.signals-section{padding:80px 32px;background-color:var(--bg-secondary);border-top:1px solid var(--border)}.signals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;max-width:1400px;margin:0 auto}.signal-card{background-color:var(--bg-primary);border-radius:12px;padding:32px;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);border-left:4px solid var(--accent);border-top:1px solid var(--border)}.signal-card.severity-critical{border-left-color:#dc2626}.signal-card.severity-warning{border-left-color:#f59e0b}.signal-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.signal-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.signal-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.signal-card.severity-critical .signal-icon{color:#dc2626}.signal-card.severity-warning .signal-icon{color:#f59e0b}.signal-title{font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:600;color:var(--text-primary)}.signal-desc{font-size:15px;color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.signal-example,.signal-precedent{font-size:14px;color:var(--text-secondary);margin-bottom:12px;padding:12px 0;border-top:1px solid var(--border)}.signal-example:first-of-type{border-top:none;margin-top:16px;padding-top:16px}.signal-precedent{border-top:none;margin-bottom:0}.signal-example .label,.signal-precedent .label{display:inline-block;font-weight:600;color:var(--text-primary);margin-right:8px}.personas-section{padding:80px 32px;background-color:var(--bg-primary);border-top:1px solid var(--border)}.personas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto}.persona-card{background-color:var(--bg-secondary);border-radius:12px;padding:32px;text-align:center;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);border-top:3px solid var(--accent)}.persona-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.persona-icon{color:var(--accent);margin-bottom:16px;display:block}.persona-card h3{font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.persona-signals{list-style:none;text-align:left}.persona-signals li{font-size:15px;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.workflow-section{padding:80px 32px;background-color:var(--bg-secondary);border-top:1px solid var(--border)}.workflow{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1200px;margin:0 auto}.workflow-step{background-color:var(--bg-primary);padding:40px;border-radius:12px;text-align:center;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.workflow-step:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background-color:var(--accent);color:#12100b;border-radius:50%;font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:700;margin-bottom:20px}.workflow-step h3{font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.workflow-step p{color:var(--text-secondary);font-size:15px;line-height:1.6}.contact-section{padding:80px 32px;background-color:var(--bg-primary);border-top:1px solid var(--border);text-align:center}.contact-section h2{font-family:Fraunces,Georgia,serif;font-size:clamp(28px,5vw,48px);color:var(--text-primary);margin-bottom:12px}.contact-section p{font-size:18px;color:var(--text-secondary);margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.footer{background-color:var(--bg-tertiary);color:var(--text-secondary);padding:64px 32px 32px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:48px;max-width:1200px;margin:0 auto 48px}.footer-section h4{font-family:Fraunces,Georgia,serif;font-size:16px;color:var(--text-primary);margin-bottom:16px;font-weight:600}.footer-section p{font-size:14px;line-height:1.6;margin-bottom:16px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px;font-size:14px}.footer-section a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease-out}.footer-section a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid rgba(18,16,11,.1);padding-top:24px;text-align:center;font-size:13px}.footer-bottom p{margin-bottom:8px;color:var(--text-tertiary)}.disclaimer{font-size:12px;margin-top:16px;color:var(--text-tertiary)}.modal-overlay{position:fixed;inset:0;background-color:#12100b80;display:flex;align-items:center;justify-content:center;z-index:1400}[data-theme=dark] .modal-overlay{background-color:#000000b3}.modal{background-color:var(--bg-primary);border-radius:12px;padding:48px;max-width:500px;width:90%;box-shadow:var(--shadow-lg);position:relative}.modal h2{font-family:Fraunces,Georgia,serif;font-size:28px;color:var(--text-primary);margin-bottom:32px}.modal form{display:flex;flex-direction:column;gap:16px}.modal input,.modal select,.modal textarea{padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-family:Archivo,sans-serif;font-size:16px;color:var(--text-primary);background-color:var(--bg-secondary);transition:all .2s ease-out;resize:vertical}.modal input:focus,.modal select:focus,.modal textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c9a9611a}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:var(--text-primary);cursor:pointer;padding:8px;transition:color .2s ease-out}.modal-close:hover{color:var(--accent)}.success-message{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 0;text-align:center}.success-message svg{color:var(--accent);width:48px;height:48px}.success-message p{font-size:18px;color:var(--text-primary);margin:0}@media (max-width: 1024px){.hero{grid-template-columns:1fr;gap:48px;padding:100px 24px 60px}.hero-visual{height:300px}.signals-grid,.personas-grid,.workflow{gap:20px}}@media (max-width: 768px){.hero{padding:80px 16px 40px;gap:32px}.signals-grid{grid-template-columns:1fr}.personas-section,.signals-section,.workflow-section,.contact-section{padding:60px 16px}.section-header{margin-bottom:48px}.footer-content{gap:32px;margin-bottom:32px}.modal{padding:32px;width:95%}}@media (max-width: 480px){.hero{padding:60px 16px 30px;margin-top:40px}.hero-title{font-size:28px}.hero-subtitle{font-size:15px}.signal-card,.persona-card,.workflow-step{padding:24px}.section-header h2{font-size:24px}.section-header p{font-size:15px}.signals-section,.personas-section,.workflow-section,.contact-section{padding:40px 16px}.modal{padding:24px}.modal h2{font-size:20px}}#root{display:flex;flex-direction:column;min-height:100vh}*{transition-duration:.3s}::-webkit-scrollbar-thumb{transition-duration:0ms}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Archivo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Fraunces,Georgia,serif;line-height:1.2;font-weight:600}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}code,pre{font-family:IBM Plex Mono,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9a961;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b49350}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#e8d7b8}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#f5eedd}::selection{background-color:#c9a961;color:#12100b}[data-theme=dark] ::selection{background-color:#e8d7b8;color:#12100b}:focus-visible{outline:2px solid #C9A961;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*{transition:background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out}button,a,input,select,textarea{transition:all .2s ease-out}