/* Fonado homepage: the supplied Manrope identity, original marks and icons. */
.home-page{--home-green:#96b914;--home-yellow:#c8d741;--home-dark:#373737;--home-tint:#f2f2f2}
.home-page .home-hero{grid-template-columns:1.08fr 1fr;gap:54px;min-height:660px;padding-top:52px;padding-bottom:72px}
.home-page .home-hero h1{font-size:clamp(44px,4.8vw,66px);font-weight:700;letter-spacing:-.055em;line-height:1.08;margin:25px 0 26px}
.home-page .home-hero h1 em{color:var(--home-dark);position:relative;display:inline-block;z-index:0}
.home-page .home-hero h1 em:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:.035em;height:.16em;background:var(--home-yellow)}
.home-page .home-hero .eyebrow{font-size:10px;letter-spacing:.14em;color:var(--home-dark)}
.home-page .home-hero .eyebrow>span{background:var(--home-green);width:8px;height:8px}
.home-page .home-hero .intro{max-width:460px;font-size:18px;line-height:1.75;margin-bottom:28px}
.home-hero-actions{display:flex;flex-wrap:wrap;gap:21px;align-items:center}
.home-page .home-hero-actions .button{padding:15px 19px;gap:18px}
.home-text-link{font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;gap:12px;align-items:center;text-underline-offset:4px}
.home-text-link:hover{text-decoration:underline}
.home-page .home-beta-note{font-size:11px;max-width:420px;line-height:1.75;margin:21px 0 0;padding-left:16px;position:relative}
.home-beta-note>span{position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:var(--home-green)}
.conversation-visual{position:relative;margin:0;min-width:0;background:var(--home-tint);border:1px solid #e7e7e7;border-radius:28px;padding:24px 23px 20px;overflow:hidden}
.conversation-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.conversation-heading>span{font-size:9px;letter-spacing:.13em;font-weight:600}
.conversation-heading>img{width:38px;height:38px;object-fit:contain}
.conversation-network{height:349px;position:relative;isolation:isolate}
.network-path{position:absolute;z-index:-1;border:1px solid #d4d7ca;border-radius:50%;left:47%;top:48%;transform:translate(-50%,-50%)}
.network-path-one{width:230px;height:230px}
.network-path-two{width:328px;height:328px;border-style:dashed;border-color:#d9dcd1}
.conversation-person{position:absolute;display:flex;flex-direction:column;align-items:center;gap:7px}
.conversation-person>span{font-size:10px;font-weight:600;background:var(--home-tint);padding:0 6px}
.person-avatar{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;border:6px solid var(--home-tint);box-shadow:0 0 0 1px #dcded5}
.person-avatar>span{font-size:15px;font-weight:700;letter-spacing:-.04em}
.avatar-office{background:var(--home-dark);color:#fff}
.avatar-mobile{background:var(--home-yellow);color:var(--home-dark)}
.avatar-team{background:#fff}
.avatar-team img{width:33px;height:33px}
.person-office{left:8px;top:36px}
.person-mobile{right:0;top:104px}
.person-team{left:76px;bottom:11px}
.conversation-center{position:absolute;left:45%;top:46%;transform:translate(-50%,-50%);width:175px;min-height:170px;background:#fff;border:1px solid #e3e3e3;border-radius:24px;box-shadow:0 16px 36px #3737370a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:17px;gap:13px}
.conversation-center>img{width:30px;height:30px}
.conversation-center>span{font-size:10px;line-height:1.7;text-align:center;color:#626262}
.conversation-center strong{font-weight:600;color:var(--home-dark)}
.conversation-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:27px}
.conversation-wave i{display:block;width:4px;height:8px;border-radius:4px;background:var(--home-green)}
.conversation-wave i:nth-child(2n){height:16px}.conversation-wave i:nth-child(3n){height:24px}.conversation-wave i:nth-child(6){height:31px}
.conversation-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #dcded5;padding-top:17px;font-size:9px;line-height:1.6}
.conversation-visual figcaption>span{font-weight:600}
.conversation-visual figcaption a{text-decoration:none;color:#626262}
.conversation-visual figcaption a:hover{text-decoration:underline;text-underline-offset:3px}
.home-page .home-features{padding-top:59px;padding-bottom:68px}
.home-section-heading{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end}
.home-page .home-section-heading h2{font-size:39px;letter-spacing:-.045em;line-height:1.17;margin:15px 0 0}
.home-section-heading>p{font-size:14px;line-height:1.85;color:#626262;max-width:370px;margin:0 0 2px}
.home-page .home-features .feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:38px}
.home-page .home-features article{border-top:1px solid #dedede;padding:26px 22px 0 0;margin-right:22px}
.home-page .home-features article:last-child{margin-right:0;padding-right:0}
.home-feature-icon{display:block;width:37px;height:37px;object-fit:contain;margin-bottom:23px}
.home-page .home-features h3{font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.025em;margin:0 0 13px}
.home-page .home-features p{font-size:12px;line-height:1.85;margin:0}
.home-page .home-features p a{color:var(--home-dark);text-decoration-color:var(--home-green);text-underline-offset:3px}
.home-page .home-windows{gap:66px;padding-top:12px;padding-bottom:75px}
.home-page .home-windows h2{font-size:36px;letter-spacing:-.045em;line-height:1.17;margin:19px 0}
.home-page .home-windows p,.home-page .home-windows li{font-size:14px;line-height:1.8}
.home-page .home-windows .beta-label{font-size:9px;letter-spacing:.1em;padding:6px 10px;background:#eef2dd;color:#4e600c}
.home-page .home-windows .button{font-size:13px;margin-top:9px}
.home-page .home-windows .windows-details{background:var(--home-dark);color:white;border:0;border-radius:22px;padding:31px 32px}
.home-page .home-windows .windows-details h3{font-size:20px;color:white;letter-spacing:-.025em}
.home-page .home-windows .windows-details li,.home-page .home-windows .windows-details p{color:#f2f2f2}
.home-page .home-windows .windows-details li::marker{color:var(--home-yellow)}
.home-page .home-windows .windows-details .beta-note{border-color:#606060;font-size:11px;line-height:1.8}
.home-page .signup-section{padding:68px 0}
.home-page .signup{gap:85px}
.home-page .signup h2{font-size:38px;line-height:1.17;letter-spacing:-.045em}
.home-page .signup-card{border-radius:22px;box-shadow:none;padding:33px}
.home-page .signup-card h3{font-size:24px;letter-spacing:-.035em}
.home-page .signup-card p{font-size:14px}
.home-page .signup-card .fineprint{font-size:11px}
.home-page .pricing{padding-top:76px;padding-bottom:72px;gap:85px}
.home-page .pricing h2,.home-page .faq h2,.home-page .contact h2{font-size:37px;letter-spacing:-.045em}
.home-page .pricing>div>p{font-size:14px}
.home-page .pricing>div>.note{font-size:12px;max-width:390px}
.home-page .price-card{border-radius:22px;padding:30px}
.home-page .price{font-weight:700;font-size:56px}
.home-page .price-card p,.home-page .price-card li{font-size:13px}
.home-page .price-detail{font-size:11px}
.home-page .faq{padding-bottom:70px}
.home-page .faq details{padding:19px 0}
.home-page .faq summary{font-size:15px;font-weight:600}
.home-page .faq p{font-size:13px;line-height:1.85}
.home-page .blog-home{padding-top:62px;padding-bottom:65px;gap:75px}
.home-page .blog-home h2{font-size:34px;letter-spacing:-.045em;line-height:1.2}
.home-page .blog-home-links strong{font-size:16px}
.home-page .contact-section{background:var(--home-dark);color:#fff}
.home-page .contact{padding-top:55px;padding-bottom:57px}
.home-page .contact p,.home-page .contact-links span{color:#dedede}
.home-page .contact-links a{color:var(--home-yellow);font-size:19px}
.home-page .contact .eyebrow{color:var(--home-yellow)}
@media(min-width:1180px){.home-page .home-hero h1{font-size:66px}}
@media(max-width:1000px){.home-page .home-hero{gap:28px;grid-template-columns:1fr 1fr}.home-page .home-hero h1{font-size:50px}.home-page .home-hero .intro{font-size:16px}.conversation-visual{padding:20px 16px 17px}.conversation-network{height:325px}.network-path-two{width:280px;height:280px}.network-path-one{width:205px;height:205px}.person-office{left:0;top:33px}.person-mobile{right:-5px;top:112px}.person-team{left:40px;bottom:5px}.conversation-center{width:152px;min-height:159px;left:46%;top:47%}.conversation-heading>span{font-size:8px}.conversation-visual figcaption{font-size:8px;gap:6px}.home-section-heading{gap:45px}.home-page .home-features .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px}.home-page .home-features article{padding-right:20px;margin-right:0}.home-page .home-features h3{font-size:20px}.home-page .home-features p{font-size:14px}.home-page .signup,.home-page .pricing{gap:40px}.home-page .home-windows{gap:35px}}
@media(max-width:760px){.home-page .home-hero{grid-template-columns:1fr;gap:35px;padding-top:33px;padding-bottom:46px;min-height:0;text-align:left}.home-page .hero-copy{align-items:flex-start;display:block}.home-page .home-hero h1{font-size:clamp(43px,7.7vw,60px);letter-spacing:-.055em;margin:23px 0}.home-page .home-hero .intro{font-size:17px;max-width:500px}.home-page .home-hero .eyebrow{font-size:9px;letter-spacing:.1em}.home-hero-actions{gap:20px}.home-page .home-beta-note{max-width:470px;font-size:11px}.conversation-visual{max-width:500px;width:100%;margin:0 auto;padding:22px 22px 18px}.conversation-network{height:320px;max-width:380px;margin:auto}.conversation-center{width:166px;min-height:165px;left:45%;top:46%}.network-path-two{width:300px;height:300px}.network-path-one{width:214px;height:214px}.person-office{left:0;top:0}.person-mobile{right:0;top:101px}.person-team{left:64px;bottom:2px}.conversation-heading>span{font-size:9px}.conversation-visual figcaption{font-size:9px;gap:12px}.home-page .home-features{padding-top:39px;padding-bottom:43px}.home-section-heading{grid-template-columns:1fr;gap:22px}.home-page .home-section-heading h2{font-size:32px}.home-section-heading>p{font-size:14px;max-width:500px}.home-page .home-features .feature-grid{margin-top:27px;gap:29px 24px}.home-page .home-features article{padding-right:0;padding-top:22px}.home-feature-icon{width:33px;height:33px;margin-bottom:18px}.home-page .home-features h3{font-size:17px}.home-page .home-features p{font-size:12px}.home-page .home-windows{grid-template-columns:1fr;gap:26px;padding-top:2px;padding-bottom:47px}.home-page .home-windows h2{font-size:32px}.home-page .home-windows .windows-details{padding:26px}.home-page .signup-section{padding:45px 0}.home-page .signup{grid-template-columns:1fr;gap:25px}.home-page .signup h2{font-size:32px}.home-page .signup-card{padding:26px}.home-page .signup-card h3{font-size:23px}.home-page .pricing{grid-template-columns:1fr;padding-top:48px;padding-bottom:45px;gap:27px}.home-page .pricing h2,.home-page .faq h2,.home-page .contact h2{font-size:32px}.home-page .price-card{padding:26px}.home-page .faq{padding-bottom:46px}.home-page .faq summary{font-size:15px}.home-page .blog-home{grid-template-columns:1fr;padding-top:43px;padding-bottom:47px;gap:28px}.home-page .blog-home h2{font-size:31px}.home-page .contact{padding-top:43px;padding-bottom:43px;gap:25px}.home-page .contact-links a{font-size:18px}}
@media(max-width:380px){.home-page .home-hero h1{font-size:39px}.home-page .home-features .feature-grid{grid-template-columns:1fr;gap:25px}.home-page .home-features h3{font-size:20px}.home-page .home-features p{font-size:14px}.conversation-visual{padding-left:16px;padding-right:16px}.conversation-heading>span{font-size:8px}.conversation-network{height:293px}.network-path-two{width:258px;height:258px}.network-path-one{width:185px;height:185px}.person-avatar{width:59px;height:59px}.person-office{left:-4px;top:0}.person-mobile{right:-5px;top:95px}.person-team{left:40px;bottom:0}.conversation-center{width:142px;min-height:154px}.conversation-visual figcaption{font-size:8px}}