.hero-section{background-color:var(--background-screen);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3rem;min-height:0;padding:120px 0 0;display:flex}.banner-wrapper{width:100%}.hero-container{max-width:var(--max-width);box-sizing:border-box;justify-content:space-between;align-items:center;gap:4rem;width:100%;min-width:0;padding:0 2rem;display:flex}.hero-content{flex-direction:column;flex:1.5;align-items:flex-start;min-width:0;display:flex}.hero-text-content{flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:600px;display:flex}.hero-logo{border-radius:18px;width:80px;height:80px;box-shadow:0 4px 12px #0000001a}.hero-headline{color:var(--text-primary);text-align:left;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:3.5rem;font-weight:700;line-height:1.1}.hero-subheadline{color:var(--text-secondary);text-align:left;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;margin:0;font-size:1.25rem;line-height:1.6}.app-store-container{flex-direction:column;align-items:flex-start;gap:1rem;margin-top:1rem;display:flex}.release-text{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.app-store-button{transition:transform .2s;display:inline-block}.app-store-button:hover{transform:translateY(-2px)}.app-store-button img{width:auto;height:48px}.scroll-hint{color:var(--text-secondary);cursor:pointer;opacity:.8;flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:3rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.scroll-hint:hover{opacity:1;color:var(--text-primary);transform:translateY(2px)}.scroll-hint:focus-visible{outline:3px solid var(--blue-400);outline-offset:4px;opacity:1;border-radius:8px}.scroll-hint p{margin:0}.scroll-indicator{font-size:1.25rem;animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.scroll-indicator{animation:none}}.hero-image{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.conni-mascot{width:100%;min-width:0;max-width:300px;height:auto}@media (max-width:968px){.hero-container{flex-direction:column;gap:2rem;padding:0 1.5rem}.hero-headline{font-size:2.5rem}.conni-mascot{max-width:250px}}@media (max-width:640px){.hero-section{gap:1.5rem;padding:2rem 0}.hero-container{gap:2rem;padding:0 1rem}.hero-text-content{gap:1.25rem}.hero-headline{font-size:1.875rem;line-height:1.2}.hero-subheadline{font-size:1rem;line-height:1.5}.hero-logo{width:48px;height:48px}.conni-mascot{max-width:180px}.app-store-container{align-items:center;width:100%}.scroll-hint{align-items:center;width:100%;margin-top:2rem}}@media (max-width:480px){.hero-section{padding:1.5rem 0}.hero-container{gap:1.5rem}.hero-headline{font-size:1.625rem}.hero-subheadline{font-size:.9375rem}.hero-logo{width:44px;height:44px}.conni-mascot{max-width:160px}}
.scrolling-banner{background-color:#0000;width:100%;padding:1.5rem 0;position:relative;overflow:hidden}.scrolling-content{white-space:nowrap;gap:1rem;animation:60s linear infinite scroll;display:flex}.pain-point{color:var(--text-primary);background-color:var(--gray-100);border-radius:9999px;flex-shrink:0;padding:10px 16px;font-size:14px;font-weight:500;display:inline-block;box-shadow:0 2px 8px #00000014}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.scrolling-banner:hover .scrolling-content{animation-play-state:paused}@media (max-width:968px){.scrolling-content{animation:40s linear infinite scroll}}@media (max-width:640px){.scrolling-banner{padding:1rem 0}.pain-point{padding:8px 14px;font-size:12px}.scrolling-content{gap:.75rem;animation:30s linear infinite scroll}}@media (max-width:480px){.scrolling-content{animation:25s linear infinite scroll}.pain-point{padding:7px 12px;font-size:11px}}@media (prefers-reduced-motion:reduce){.scrolling-content{animation:none}}
.about-section{background-color:var(--background-screen);justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;display:flex;overflow:visible}.about-section .section-container{overflow:visible}.about-content{align-items:center;gap:6rem;display:flex;overflow:visible}.about-image{flex:1;justify-content:center;align-items:center;padding:3rem 3rem 4rem;display:flex;position:relative;overflow:visible}.preview_notification{z-index:0;filter:drop-shadow(0 6px 15px #00000059)drop-shadow(0 3px 8px #00000040);width:100%;max-width:500px;height:auto;position:relative}.about-text{flex-direction:column;flex:1;gap:1.5rem;display:flex}.about-headline{color:var(--text-primary);margin:0;font-size:3rem;font-weight:700;line-height:1.2}.about-description{color:var(--text-secondary);margin:0;font-size:1.25rem;line-height:1.6}.about-aha{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);border-radius:16px;align-items:flex-start;gap:1rem;margin-top:1rem;padding:1.5rem;display:flex}.aha-icon{flex-shrink:0;font-size:1.5rem}.aha-text{color:var(--text-primary);margin:0;font-size:1.125rem;line-height:1.6}.aha-text strong{color:var(--blue-700)}.conni-working{align-self:flex-start;width:200px;height:200px;margin-top:1rem}@media (max-width:968px){.about-content{flex-direction:column;gap:3rem}.about-image{order:-1;padding:2.5rem 2.5rem 3.5rem}.preview_notification{max-width:400px}.about-headline{font-size:2.5rem}.about-text{gap:1.25rem}.conni-working{align-self:center;width:150px;height:150px}}@media (max-width:640px){.about-section{min-height:auto;padding:3rem 1rem}.about-content{gap:2rem}.about-image{padding:2rem 2rem 3rem}.preview_notification{max-width:300px}.about-text{text-align:center;gap:1.25rem}.about-headline{font-size:1.875rem;line-height:1.2}.about-description{font-size:1rem;line-height:1.6}.about-aha{text-align:left;border-radius:12px;gap:1rem;margin-top:.5rem;padding:1.25rem}.aha-icon{font-size:1.5rem}.aha-text{font-size:1rem;line-height:1.6}.conni-working{width:140px;height:140px}}@media (max-width:480px){.about-section{padding:2.5rem 1rem}.about-content{gap:1.5rem}.about-image{padding:1.5rem 1.5rem 2.5rem}.preview_notification{max-width:260px}.about-headline{font-size:1.625rem}.about-description{font-size:.9375rem}.about-aha{gap:.875rem;padding:1rem}.aha-icon{font-size:1.25rem}.aha-text{font-size:.9375rem;line-height:1.5}.conni-working{width:120px;height:120px}}
.section-container{max-width:var(--max-width);width:100%}
.how-section{background-color:var(--background-screen);justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem;display:flex}.how-title{color:var(--text-primary);text-align:center;margin:0 0 4rem;font-size:3rem;font-weight:700}.how-features{flex-direction:column;gap:8rem;display:flex}.how-feature{align-items:center;gap:6rem;display:flex}.how-feature.reverse{flex-direction:row-reverse}.feature-screenshot{flex:1;justify-content:center;padding:3rem 3rem 4rem;display:flex}.screenshot-image{filter:drop-shadow(0 6px 15px #00000059)drop-shadow(0 3px 8px #00000040);width:100%;max-width:350px;height:auto}.feature-text{flex-direction:column;flex:1;gap:1rem;display:flex;position:relative}.feature-headline{color:var(--text-primary);margin:0;font-size:2rem;font-weight:700;line-height:1.2}.conni-ringing{align-self:flex-end;width:200px;height:200px;margin-top:1rem}.conni-thumbs-up{align-self:flex-start;width:200px;height:200px;margin-top:1rem}.feature-description{color:var(--text-secondary);margin:0;font-size:1.25rem;line-height:1.6}@media (max-width:968px){.how-features{gap:5rem}.how-feature,.how-feature.reverse{flex-direction:column;gap:2rem}.feature-screenshot{order:-1;padding:2.5rem 2.5rem 3.5rem}.screenshot-image{max-width:300px}.how-title{margin-bottom:3rem;font-size:2.5rem}.feature-headline{font-size:1.75rem}.feature-text{text-align:center}.conni-ringing,.conni-thumbs-up{align-self:center;width:150px;height:150px}}@media (max-width:640px){.how-section{min-height:auto;padding:3rem 1rem}.how-features{gap:4rem}.how-feature,.how-feature.reverse{gap:2rem}.feature-screenshot{padding:2rem 2rem 3rem}.screenshot-image{max-width:280px}.how-title{margin-bottom:2.5rem;font-size:1.875rem;line-height:1.2}.feature-headline{font-size:1.5rem;line-height:1.2}.feature-description{font-size:1rem;line-height:1.6}.feature-text{gap:1rem}.conni-ringing,.conni-thumbs-up{width:150px;height:150px;margin-top:.5rem}}@media (max-width:480px){.how-section{padding:2.5rem 1rem}.how-features{gap:3rem}.how-feature,.how-feature.reverse{gap:1.5rem}.feature-screenshot{padding:1.5rem 1.5rem 2.5rem}.screenshot-image{max-width:240px}.how-title{margin-bottom:2rem;font-size:1.625rem}.feature-headline{font-size:1.375rem}.feature-description{font-size:.9375rem}.feature-text{gap:.875rem}.conni-ringing,.conni-thumbs-up{width:130px;height:130px}}
.recap-section{background-color:var(--background-screen);justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem;display:flex}.recap-title{color:var(--text-primary);text-align:center;margin:0 0 3rem;font-size:3rem;font-weight:700}.recap-grid{grid-template-rows:170px 170px 170px;grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.recap-box{background-color:var(--bg-surface);box-shadow:var(--shadow-sm);text-align:center;border:1px solid #0000;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.recap-box:hover{box-shadow:var(--shadow-md);border-color:var(--blue-100);transform:translateY(-4px)}.recap-conni{text-align:center;margin-top:2rem}.recap-conni-image{width:200px;height:200px}.box-icon{width:44px;height:44px;margin-bottom:1rem}.icon-blue{filter:brightness(0)saturate()invert(26%)sepia(94%)saturate(1285%)hue-rotate(181deg)brightness(95%)contrast(97%)}.icon-purple{filter:brightness(0)saturate()invert(21%)sepia(88%)saturate(4392%)hue-rotate(266deg)brightness(94%)contrast(105%)}.icon-amber{filter:brightness(0)saturate()invert(60%)sepia(84%)saturate(1736%)hue-rotate(1deg)brightness(101%)contrast(101%)}.icon-gray{filter:brightness(0)saturate()invert(70%)sepia(8%)saturate(201%)hue-rotate(169deg)brightness(93%)contrast(89%)}.tier-1 .box-icon{width:44px;height:44px}.tier-2 .box-icon{width:36px;height:36px}.tier-3 .box-icon{width:30px;height:30px}.box-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1.1}.tier-1 .box-title{font-size:1.25rem;font-weight:700}.tier-2 .box-title{font-size:1rem}.tier-3 .box-title{font-size:.75rem}.box-description{color:var(--text-secondary);margin:0;font-size:.75rem;line-height:1.5}.tier-1 .box-description{font-size:1.1rem;line-height:1.6}.box-1{grid-area:1/1/3;align-items:center}.box-1 .box-icon{align-self:center;width:48px;height:48px}.box-1 .box-title{text-align:left;align-self:flex-start;font-size:1.375rem;font-weight:700}.box-1 .box-description{text-align:left;align-self:flex-start;font-size:1.0625rem;line-height:1.6}.box-2{grid-area:1/2/auto/4;align-items:center}.box-2 .box-icon{width:38px;height:38px}.box-2 .box-title{font-size:1.125rem;font-weight:700}.box-2 .box-description{font-size:.9375rem}.box-3{grid-area:1/4;align-items:center}.box-3 .box-icon{width:28px;height:28px}.box-3 .box-title{font-size:.875rem;font-weight:600}.box-3 .box-description{font-size:.75rem}.box-4{grid-area:2/2;align-items:center}.box-4 .box-icon{width:42px;height:42px}.box-4 .box-title{font-size:1.125rem;font-weight:600}.box-4 .box-description{font-size:.9375rem}.box-5{grid-area:2/3;align-items:center}.box-6{grid-area:2/4/4;align-items:center}.box-6 .box-icon{align-self:center;width:52px;height:52px}.box-6 .box-title{text-align:right;align-self:flex-end;font-size:1.5rem;font-weight:700}.box-6 .box-description{text-align:right;align-self:flex-end;font-size:1.125rem;line-height:1.6}.box-7{grid-area:3/1;align-items:center}.box-7 .box-icon{width:38px;height:38px}.box-7 .box-title{font-size:1rem;font-weight:600}.box-7 .box-description{font-size:.875rem}.box-8{grid-area:3/2;align-items:center}.box-8 .box-icon{width:38px;height:38px}.box-8 .box-title{font-size:1rem;font-weight:600}.box-8 .box-description{font-size:.875rem}.box-9{grid-area:3/3;align-items:center}.box-9 .box-icon{width:32px;height:32px}.box-9 .box-title{font-size:.9375rem;font-weight:600}.box-9 .box-description{font-size:.8125rem}@media (max-width:968px){.recap-title{margin-bottom:3rem;font-size:2.5rem}.recap-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px;gap:.75rem}.box-1,.box-6{grid-area:span 2/span 1;align-items:center}.box-2{grid-area:span 1/span 2;align-items:center}}@media (max-width:640px){.recap-section{min-height:auto;padding:3rem 1rem}.recap-title{margin-bottom:2.5rem;font-size:1.875rem;line-height:1.2}.recap-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:1rem}.recap-box{min-height:auto;padding:1.5rem;grid-area:span 1/span 1!important}.box-icon{width:32px;height:32px;margin-bottom:.75rem}.tier-1 .box-icon,.box-1 .box-icon,.box-2 .box-icon,.box-6 .box-icon{width:36px;height:36px}.tier-2 .box-icon,.box-4 .box-icon{width:32px;height:32px}.tier-3 .box-icon{width:28px;height:28px}.box-title{margin-bottom:.5rem;font-size:1rem}.tier-1 .box-title,.box-1 .box-title,.box-2 .box-title,.box-6 .box-title{font-size:1.125rem}.box-description{font-size:.875rem;line-height:1.5}.box-1 .box-title,.box-1 .box-description,.box-6 .box-title,.box-6 .box-description{text-align:center;align-self:center}.recap-conni-image{width:150px;height:150px}}@media (max-width:480px){.recap-section{padding:2.5rem 1rem}.recap-title{margin-bottom:2rem;font-size:1.625rem}.recap-grid{gap:.875rem}.recap-box{padding:1.25rem}.box-icon{width:28px;height:28px}.tier-1 .box-icon,.box-1 .box-icon,.box-2 .box-icon,.box-6 .box-icon{width:32px;height:32px}.box-title{font-size:.9375rem}.tier-1 .box-title,.box-1 .box-title,.box-2 .box-title,.box-6 .box-title{font-size:1rem}.box-description{font-size:.8125rem}.recap-conni-image{width:120px;height:120px}}
.faq-section{background-color:var(--background-screen);justify-content:center;align-items:center;min-height:100vh;padding:0 2rem 6rem;display:flex}.faq-title{color:var(--text-primary);text-align:center;margin:0 0 3rem;font-size:3rem;font-weight:700}.faq-content{grid-template-columns:1fr 300px;align-items:center;gap:3rem;display:grid}.faq-list{flex-direction:column;gap:1rem;display:flex}.faq-item{background-color:var(--bg-surface);cursor:pointer;border-radius:16px;padding:1.5rem 2rem;transition:box-shadow .2s}.faq-item:hover{box-shadow:0 4px 20px #00000014}.faq-question{border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;display:flex}.faq-question:focus-visible{outline:3px solid var(--blue-400);outline-offset:2px}.faq-question h3{color:var(--text-primary);flex:1;margin:0;font-size:1.125rem;font-weight:600}.faq-icon{color:var(--text-secondary);text-align:center;flex-shrink:0;width:24px;font-size:1.5rem;font-weight:300}.faq-answer{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid;overflow:hidden}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer-content{min-height:0;padding-top:0;transition:padding-top .3s}.faq-item.open .faq-answer-content{padding-top:1rem}.faq-answer p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.faq-conni{justify-content:center;align-items:center;display:flex}.faq-conni-image{width:200px;height:200px}@media (max-width:968px){.faq-content{grid-template-columns:1fr;gap:3rem}.faq-conni{margin-top:2rem;position:static}.faq-conni-image{width:200px;height:200px}}@media (max-width:640px){.faq-section{padding:3rem 1rem}.faq-title{margin-bottom:2rem;font-size:2rem}.faq-content{gap:2rem}.faq-item{padding:1.25rem 1.5rem}.faq-question h3{font-size:1rem}.faq-answer p{font-size:.9375rem}.faq-conni-image{width:150px;height:150px}}