:root{--primary:#0a2540;--accent:#ff6b00;--text-main:#0a2540;--text-secondary:#4a4a4a;--bg-light:#fff;--bg-gray:#f8fafc;background-color:var(--bg-light)}*{font-family:Inter,sans-serif}body{color:var(--text-main);background-color:var(--bg-light)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000000d}.navbar-brand .navbar-item{color:var(--text-main);font-size:1.5rem;font-weight:800}.navbar-item{color:var(--text-secondary);font-weight:500}.navbar-item:hover{color:var(--text-main);background-color:#0000}.button.is-accent{background-color:var(--accent);color:#fff;border:none;border-radius:9999px;padding:.75rem 2rem;font-weight:700;transition:all .2s}.button.is-accent:hover{background-color:var(--accent);transform:scale(1.05);box-shadow:0 4px 12px #ff6b004d}.button.is-large.is-accent{padding:1rem 2.5rem;font-size:1.125rem}.hero.is-custom{background-color:#fff;padding:2rem 0}.hero-title{color:var(--text-main);margin-bottom:1.5rem;font-size:2.5rem;font-weight:900;line-height:1.1}.hero-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.hero-image-wrapper{max-width:28rem;margin:0 auto;position:relative}.hero-image-bg{background:var(--primary);border-radius:50%;position:absolute;inset:0}.hero-image{border-radius:50%;width:100%;padding:2rem;position:relative}.section.is-gray{background-color:var(--bg-gray)}.section.is-primary{background-color:var(--primary);color:#fff}.section-title{color:var(--text-main);margin-bottom:1.5rem;font-size:2rem;font-weight:900;line-height:1.2}.section.is-primary .section-title{color:#fff}.section-subtitle{color:var(--text-secondary);max-width:48rem;margin:0 auto 3rem;font-size:1.125rem;line-height:1.6}.section.is-primary .section-subtitle{color:#e2e8f0}.card.is-feature{background-color:var(--bg-light);border-radius:1rem;height:100%;transition:box-shadow .3s;box-shadow:0 1px 3px #0000000d}.card.is-feature:hover{box-shadow:0 4px 12px #0000001a}.card.is-feature .card-content{padding:2rem}.icon-wrapper{background-color:#ff6b001a;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1.5rem;display:flex}.icon-wrapper .material-symbols-outlined{color:var(--accent);font-size:2.5rem}.card-title{color:var(--text-main);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.card-text{color:var(--text-secondary);line-height:1.6}.timeline-wrapper{max-width:32rem;margin:0 auto}.timeline-item{grid-template-columns:auto 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.timeline-item:last-child{margin-bottom:0}.timeline-icon-wrapper{flex-direction:column;align-items:center;padding-top:.5rem;display:flex}.timeline-icon{background-color:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.timeline-line{background-color:#cbd5e1;flex:1;width:2px;margin-top:.5rem}.timeline-item:last-child .timeline-line{display:none}.timeline-content{padding-top:.5rem;padding-bottom:2rem}.timeline-step{color:#94a3b8;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.timeline-title{color:var(--text-main);font-size:1.125rem;font-weight:700}.feature-item{background-color:#fff;border-radius:.75rem;gap:1rem;height:100%;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.feature-icon{color:var(--accent);flex-shrink:0;font-size:2rem}.audience-card{border:2px solid #e2e8f0;border-radius:.75rem;height:100%;padding:1.5rem;transition:border-color .3s}.audience-card:hover{border-color:var(--accent)}.audience-icon{color:var(--accent);margin-bottom:1rem;font-size:2.5rem}.footer{background-color:var(--primary);color:#fff;padding:3rem 1.5rem}.footer a{color:#cbd5e1;transition:color .2s}.footer a:hover{color:#fff}.footer-brand{color:#fff;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.social-icon{fill:#cbd5e1;width:1.5rem;height:1.5rem;transition:fill .2s}.social-icon:hover{fill:#fff}@media screen and (min-width:769px){.hero-title{font-size:3.5rem}.section-title{font-size:2.5rem}.hero.is-custom{padding:4rem 0}}@media screen and (max-width:768px){.hero-title{font-size:2rem}.section-title{font-size:1.75rem}}
