@charset "UTF-8";:root{color-scheme:light only}.header{position:sticky;top:0;border-bottom:2px solid #E2E8F0;background-color:#fff;z-index:8;width:100%;height:auto}.navbar{display:grid;grid-template-columns:160px auto 250px;grid-template-areas:"logo nav-menu login-and-search";justify-content:space-between;align-items:center;padding:.5rem 0;max-width:960px;width:100%;margin:auto}.hamburger{display:none;grid-area:hamburger}.bar{display:block;width:25px;height:3px;margin:5px auto;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;background-color:#101010}.header-close-mobile-search{display:none}.nav-menu{display:flex;justify-content:space-between;align-items:center;z-index:10}.nav-item{margin:0.75rem}.nav-link{font-size:1rem;font-weight:400;color:#101010}.nav-item.extended-for-mobile{display:none}.nav-link:hover{color:#16b}.nav-link:visited{color:#101010}.header-logo{grid-area:logo}.nav-logo{font-size:3rem;font-weight:500}.header_menu{grid-area:nav-menu}.header-login-search-language{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:self-end;padding:0px 5px;grid-area:login-and-search}.header-login-search-language .join-for-free{display:none}.header-login-search-language .header-language-selector:hover *{color:#16b;cursor:pointer}.login-and-join{display:flex;column-gap:5px;color:#101010}.login-and-join a{font-size:.8rem;margin:0px 3px;text-wrap:nowrap}.login-and-join a:hover{font-size:.8rem;color:#16b}.login-and-join .header-mobile-search-magnifying-glass{display:none}.header-search{position:relative;margin:10px 0px;max-width:100%}.header-search input[type=text]{padding:6px 23px;border-radius:5px;border:1px solid grey;color:#888;font-size:.75rem;width:220px}.header-language-selector{display:flex;align-items:center;color:#888;font-size:.75rem}.header-language-chooser{margin:0px 5px;color:#888}.header-dropdown-arrow{border:solid #888 1px;border-width:0 1px 1px 0;display:inline-block;padding:3px;margin:2px}.search-menu-dropdown{position:absolute;bottom:10px;left:6px;transform:rotate(45deg);-webkit-transform:rotate(45deg);cursor:pointer}.arrow-down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.header-search-input{position:relative}.header-search-input ::placeholder{color:#d9d9d9}.header-search-magnifying-glass{position:absolute;bottom:2px;right:5px;font-size:1.3rem;color:#16b;transform:rotate(90deg);-webkit-transform:rotate(90deg);cursor:pointer}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.search-menu{display:none;position:absolute;background-color:#ffffd4;transition:.5s;width:9rem}ul.search-menu.active{display:block;transition:.5s;border:rgba(204,204,204,0.5) 1px solid;border-radius:5px;margin-top:-1px;z-index:5}.search-menu-item{font-size:.8rem;color:#888;width:100%;padding:0.55rem 1.5rem}ul.search-menu li:hover{background-color:#dfebf6}ul.search-menu li:not(:last-child){border-bottom:rgba(204,204,204,0.5) 1px solid}.header-search .search-menu-item.selected:before{content:"\2713 ";margin-left:-1rem}@media only screen and (max-width: 768px){.navbar{grid-template-columns:auto auto auto;grid-template:"hamburger logo login-and-search";grid-template-columns:1fr auto 1fr}.nav-menu{position:fixed;left:-100%;top:6.5rem;flex-direction:column;justify-content:center;background-color:#dfebf6;width:100%;border-radius:5px;text-align:center;transition:.5s;box-shadow:0 10px 27px rgba(0,0,0,0.05)}.nav-link{color:#888}.nav-menu.active{left:0}.nav-item{margin:1rem 0}.nav-item.extended-for-mobile{display:block}.nav-item.extended-for-mobile a.nav-link{display:flex;align-items:center}.hamburger{display:block;cursor:pointer;padding:2rem;width:100px}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.header-logo{max-width:11rem}.header-language-selector,.header-search{display:none}.login-and-join .header-mobile-search-magnifying-glass{display:block;color:#16b;margin:0px 0.2rem}.login-and-join .vert-spacer,.login-and-join .join{display:none}.login-and-join a.login{padding:0px 11px;font-size:1rem;margin:auto;white-space:nowrap}.login-and-join .header-search-magnifying-glass{position:relative;display:inline-block}.header-search-input .header-search-magnifying-glass{right:auto;bottom:7px;left:81%}.header-search{position:fixed;top:-10px;left:0px;display:none;width:100%;background:#dfebf6;padding:2rem;height:7rem}.header-search input[type=text]{padding:10px 30px;border-radius:5px;border:1px solid grey;color:#888;font-size:1rem;width:85%;margin:.5rem 1rem 0px 1rem}.header-search .search-menu-dropdown{bottom:16px;left:1.75rem}div.header-search.active{display:block}.header-search ul.search-menu.active{width:15rem;border-radius:5px}.header-close-mobile-search{position:absolute;display:block;left:94%;bottom:12px;transition:all 0.1s ease-in-out}.header-close-mobile-search .bar:first-child{transform:translateY(8px) rotate(45deg)}.header-close-mobile-search .bar:last-child{transform:translateY(0px) rotate(-45deg)}.header-search .search-menu-item{font-size:1rem;padding:1rem 2rem}.header-search .search-menu-choices{margin-top:1rem}.header-search .search-menu{top:81px;left:50px;background-color:#ffffd4}.header-search.active{animation:moveDownSearch 0.5s ease-in-out}}@media (min-width: 768px){.sticky .nav-logo img{margin:0 auto;animation:scaleLogo 0.5s ease-in-out;width:50%}.sticky .header-language-selector{display:none}.sticky .header-login-search-language .login-and-join,.sticky .header-login-search-language .header-search,.sticky .header-login-search-language .header-language-selector{display:none}.sticky .header-login-search-language .join-for-free{display:block;font-size:1rem;border-radius:4px;padding:0.5rem 1rem;color:white;background-color:#16b;margin:0 auto}}@keyframes moveDownSearch{from{top:-125px}to{top:-10px}}@keyframes scaleLogo{from{width:100%}to{width:50%}}body{font-family:arial,"Helvetica Neue",helvetica,sans-serif;font-weight:300;font-weight:300;background:white;color:#101010}body p{font-family:arial,"Helvetica Neue",helvetica,sans-serif;text-align:inherit;line-height:1.3rem;font-size:1rem}body #main-page .section-title h2{font-family:"Roboto Slab",serif;font-size:3.1rem;line-height:3.5rem;font-weight:400;font-optical-sizing:auto;color:#101010;max-width:60rem}.hero{position:relative;width:100%;height:600px}.hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/v2025/geni-background.png);background-repeat:no-repeat;background-size:cover;background-position:center 12%;filter:opacity(1)}.hero-content{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"tree-preview signup-form";gap:5%;max-width:60rem;margin:0 auto;height:100%}.hero-content .tree-preview{grid-area:tree-preview;position:relative;display:flex;align-items:center;justify-content:center}.hero-content .tree-preview .tree-preview-mask{width:500px;height:500px;overflow:hidden;position:relative;border-radius:50%;border:20px solid white}.hero-content .tree-preview .tree-preview-image{width:600px;height:600px;position:absolute;top:-100px;left:-100px}.hero-content .tree-preview .tree-preview-image img{width:100%;height:100%;object-fit:cover}.world-family-tree-count-section{max-width:60rem;margin:0 auto}.world-family-tree-count-section .world-family-tree-content h2{font-family:"Roboto Slab",serif;font-size:2.1rem;line-height:2.4rem;text-align:center;font-weight:400;margin:3.5rem 1rem 1rem;font-optical-sizing:auto}.world-family-tree-count-section .world-family-tree-count{font-family:"Roboto Slab", serif;font-optical-sizing:auto;font-weight:normal;font-style:normal;font-size:5rem;text-align:center;margin:0rem 0 4rem}.world-family-tree-count-section .world-family-tree-count p{font-family:"Roboto Slab",serif;font-size:1.5rem;line-height:2.4rem;text-align:center;font-weight:400;margin-top:-9px}.world-family-tree-info-section{width:100%;background-color:#effbd8;position:relative}.world-family-tree-info-section .world-family-tree-family-info{max-width:60rem;margin:0 auto;font-family:"helvetica", sans-serif;font-weight:300;font-size:1rem;color:#888;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"info-text crowd";gap:10px}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree-info-content{margin:0 1rem;grid-area:info-text}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree-info-content h2{font-family:"Roboto Slab",serif;font-size:2.5rem;line-height:3rem;text-align:center;font-weight:400;margin:3.5rem 1rem 2rem;font-optical-sizing:auto;color:#101010}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree-info-content p{margin-bottom:1rem}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree-info-content a{text-decoration:underline;color:#16b}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree-info-content button.pill-join-for-free-button{padding:1rem;display:block;background-color:white;border:1px solid #98e407;margin:1.5rem 0 3rem;border-radius:5px}.world-family-tree-info-section .world-family-tree-family-info .tree-animate{animation-name:tree-animation;animation-duration:0.5s;animation-timing-function:cubic-bezier(0.42, 0, 0.52, 1)}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree-family-image{grid-area:crowd;position:relative;margin:0 auto;width:90%;max-width:900px}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree-family-image .world-family{position:absolute;top:300px}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree img{position:absolute;top:-58px;right:-23px;width:100%}.popular-section .popular-background-container{width:100%;background-color:#cfe0f1 !important}.popular-section .section-title h2{text-align:center;margin:6rem auto 5rem}.popular-section .popular-content-grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;align-items:center;padding-bottom:2rem}.popular-section .popular-content-grid h3{font-family:arial,"Helvetica Neue",helvetica,sans-serif;font-size:1.5rem;font-weight:bold;margin:2rem 0rem 1rem}.popular-section .popular-content-grid p{margin-bottom:1rem}.popular-section .popular-content-grid a{text-decoration:underline;color:#16b}.popular-section .popular-content-grid .heart-content,.popular-section .popular-content-grid .translation-content{margin:0 2rem}.popular-section .popular-content-grid .heart-icon img,.popular-section .popular-content-grid .translation-icon img{display:flex;align-items:center;margin:0 auto;width:200px}.popular-section .popular-content-grid .icon-animate{animation-name:popular-icon-animation;animation-duration:0.5s;animation-timing-function:cubic-bezier(0.42, 0, 0.02, 1)}.feature-section .section-title h2{text-align:center;margin:4rem auto 3rem}.feature-section .feature-container{display:grid;grid-template-columns:1fr 1fr;column-gap:2rem;max-width:60rem;margin:0 auto;width:80%}.feature-section .feature-container .feature-content{background-color:#ffffd4;border-left:#d9d9d9 1px solid;border-right:#d9d9d9 1px solid;padding:1.5rem}.feature-section .feature-container .feature-content .feature-header{display:flex;align-items:center;margin-bottom:1rem}.feature-section .feature-container .feature-content .feature-icon{flex-shrink:0;position:relative;width:100px;height:120px}.feature-section .feature-container .feature-content .feature-icon img{width:125px;position:absolute;top:56%;left:50%;transform:translate(-50%, -50%)}.feature-section .feature-container .feature-content .feature-icon .feature-icon-background{position:absolute;top:53%;left:50%;transform:translate(-50%, -50%);height:110px;width:110px;box-shadow:0 2px 4px rgba(0,0,0,0.2);background-color:white;border-radius:12px}.feature-section .feature-container .feature-content .feature-title{font-family:arial,"Helvetica Neue",helvetica,sans-serif;font-size:1.5rem;margin:0 1rem;margin-bottom:0.7rem}.feature-section .feature-container .feature-content p{margin-bottom:0.3rem;font-size:1rem}.feature-section .feature-container .feature-content .feature-cta a{text-decoration:underline;color:#16b;font-size:1rem}.feature-section .feature-container .feature-content:nth-child(1),.feature-section .feature-container .feature-content:nth-child(2){border-top:#d9d9d9 1px solid;border-top-right-radius:10px;border-top-left-radius:10px}.feature-section .feature-container .feature-content:nth-child(7),.feature-section .feature-container .feature-content:nth-child(8){border-bottom:#d9d9d9 1px solid;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.feature-section .feature-container button.learn-more-link{background:none;color:#16b;cursor:pointer;border:none;margin-top:1rem}.feature-section .feature-container button.learn-more-link:hover{text-decoration:underline}.feature-section .more-features{margin:0 auto;text-align:center;margin:2rem auto 2rem;max-width:60rem;width:80%;text-decoration:underline;color:#16b;font-size:1rem}.feature-section .fade-animate{animation-name:fade-animation;animation-duration:0.5s;animation-timing-function:ease-in-out}.pricing-matrix-section{background:url(/images/v2025/price-bg-1400X700.png);background-repeat:no-repeat;background-position:center;background-size:1400px 700px}.pricing-matrix-section .best-banner-animate{animation-name:best-banner-animation;animation-duration:0.5s;animation-timing-function:ease-in-out}.pricing-matrix-section .pricing-and-feature-container{max-width:60rem;margin:0 auto;padding:2rem 0;display:grid;grid-template-columns:0.8fr 5rem 1fr}.pricing-matrix-section .pricing-and-feature-container .pricing .section-title h2{text-align:inherit;padding:0;margin:4rem auto 3rem}.pricing-matrix-section .pricing-and-feature-container .price-group .title{font-family:arial,"Helvetica Neue",helvetica,sans-serif;font-size:1.5rem;margin-bottom:0.7rem}.pricing-matrix-section .pricing-and-feature-container .price-group .description{font-size:1rem;margin-bottom:0.7rem}.pricing-matrix-section .pricing-and-feature-container .price-group .pill-join{float:right;display:block;margin:0 auto}.pricing-matrix-section .pricing-and-feature-container .price-group:last-child{margin-top:3rem}.pricing-matrix-section .pricing-matrix{position:relative}.pricing-matrix-section .feature-container{position:absolute;display:grid;grid-template-columns:230px 1fr 1.5fr;margin-top:4rem;width:100%}.pricing-matrix-section .feature-container .feature-list-container{background-color:#dfebf6;padding:2rem 1rem;border:2px solid #ff7e00}.pricing-matrix-section .feature-container .feature-list-container .feature-list:last-child{margin-top:5rem}.pricing-matrix-section .feature-container .feature-list-container .title{font-family:"Roboto Slab",serif;font-size:1.5rem;margin-bottom:0.7rem;line-height:1.7rem}.pricing-matrix-section .feature-container .feature-list-container .content ul{list-style:none;padding:0}.pricing-matrix-section .feature-container .feature-list-container .content li{font-size:0.9rem;margin:1rem}.pricing-matrix-section .basic-container,.pricing-matrix-section .pro-container{background-color:#ffffd4;border:2px solid #ff7e00}.pricing-matrix-section .basic-container{border-left:none;border-right:none}.pricing-matrix-section .pro-container{margin-top:-2rem;margin-bottom:-1rem;border:0.5rem solid #ff7e00;border-radius:0.5rem}.pricing-matrix-section .feature-data-table{margin-top:4rem}.pricing-matrix-section .feature-data-table th{margin-right:0px;margin-left:0px}.pricing-matrix-section .feature-data-table thead th:nth-child(1){margin-top:3rem;margin-bottom:-2px;padding:2rem 1rem;background-color:#dfebf6;border:2px solid #ff7e00;border-bottom:none}.pricing-matrix-section .feature-data-table thead:first-child th:nth-child(1){border-top-left-radius:10px 10px}.pricing-matrix-section .feature-data-table thead th:nth-child(2),.pricing-matrix-section .feature-data-table thead th:nth-child(3){margin-bottom:-2px;padding:2rem 1rem;background-color:#dfebf6;border:2px solid #ff7e00;border-bottom:none;border-left:none;font-size:1.1rem}.pricing-matrix-section .feature-data-table thead:last-of-type th:nth-child(1){margin-top:-0.5rem;padding:2rem 1rem;background-color:#dfebf6;border:2px solid #ff7e00;border-bottom:none;border-top:none;padding-top:60px}.pricing-matrix-section .feature-data-table tr td:nth-child(1){padding:0.4rem 1rem;background-color:#dfebf6;border:2px solid #ff7e00;border-bottom:none;border-top:none}.pricing-matrix-section .feature-data-table tr td:nth-child(2),.pricing-matrix-section .feature-data-table tr td:nth-child(3){padding:0.4rem 1rem;background-color:#ffffd4;border:2px solid #ff7e00;border-bottom:none;border-left:none;border-top:none;font-size:0.8rem}.pricing-matrix-section .feature-data-table tbody tr td:nth-child(3),.pricing-matrix-section .feature-data-table thead tr th:nth-child(3){border-left:5px solid #ff7e00;border-right:5px solid #ff7e00}.pricing-matrix-section .feature-data-table tbody tr td:nth-child(2),.pricing-matrix-section .feature-data-table thead tr th:nth-child(2){border-right:none;justify-content:center;font-size:1.1rem}.pricing-matrix-section .feature-data-table tbody tr td:nth-child(2){font-size:0.8rem}.pricing-matrix-section .feature-data-table tbody:last-of-type tr:last-child td{border-bottom:2px solid #ff7e00;padding-bottom:3rem;padding:0.4rem 1rem}.pricing-matrix-section .feature-data-table tbody:last-of-type tr:last-child td:first-child{border-bottom-left-radius:10px 10px}.pricing-matrix-section .feature-data-table tr{display:grid;grid-template-columns:230px 1fr 1.5fr;min-height:3rem}.pricing-matrix-section .feature-data-table tr td{display:flex;align-items:center;margin:0px;font-size:0.2rem}.pricing-matrix-section .feature-data-table tr td.text-desc.remove-padding{padding:0px !important}.pricing-matrix-section .feature-data-table tr .start-free-trial-link{text-align:center;font-size:0.8rem;line-height:1rem}.pricing-matrix-section .feature-data-table tr .start-free-trial-link a{font-family:arial,"Helvetica Neue",helvetica,sans-serif;text-decoration:underline;color:#16b}.pricing-matrix-section .feature-data-table thead th:nth-child(2),.pricing-matrix-section .feature-data-table thead th:nth-child(3),.pricing-matrix-section .feature-data-table tbody td:nth-child(2),.pricing-matrix-section .feature-data-table tbody td:nth-child(3){text-align:center;width:100%;background-color:#ffffd4}.pricing-matrix-section .feature-data-table thead th:nth-child(2),.pricing-matrix-section .feature-data-table thead th:nth-child(3){border-top:none;margin-top:3rem}.pricing-matrix-section .feature-data-table thead:last-of-type th:nth-child(2),.pricing-matrix-section .feature-data-table thead:last-of-type th:nth-child(3){margin-top:-0.5rem}.pricing-matrix-section .feature-data-table thead:first-child th:nth-child(2),.pricing-matrix-section .feature-data-table thead:first-child th:nth-child(3){border-top:2px solid #ff7e00}.pricing-matrix-section .feature-data-table thead:first-child th:nth-child(3){border-top:5px solid #ff7e00;margin-top:1rem;font-size:1.1rem;border-top-left-radius:10px 10px;border-top-right-radius:10px 10px}.pricing-matrix-section .feature-data-table th:nth-child(2),.pricing-matrix-section .feature-data-table td:nth-child(2){border-right:none}.pricing-matrix-section .feature-data-table tbody:last-of-type tr:last-child td:last-child{margin-bottom:-23px;border-bottom-left-radius:10px 10px;border-bottom-right-radius:10px 10px}.pricing-matrix-section .feature-data-table tbody:last-of-type tr:last-child td{background-position:50% 12%}.pricing-matrix-section .feature-data-table .title{font-family:arial,"Helvetica Neue",helvetica,sans-serif;font-size:1.3rem;margin:0;margin-bottom:0.7rem;line-height:1.7rem;text-align:inherit}.pricing-matrix-section .feature-data-table .title.center-title{text-align:center !important}.pricing-matrix-section .feature-data-table .feature-desc{font-size:0.9rem;margin:0;padding-left:0.5rem;padding-right:0.5rem}.pricing-matrix-section .feature-data-table .best-banner{font-size:0.7rem;text-transform:uppercase;font-weight:bold;line-height:0.7rem;background-color:#ff7e00;color:white;padding:0.5rem;margin:-4rem -0.8rem 1rem;border-radius:5px}.pricing-matrix-section .feature-data-table td.included-feature,.pricing-matrix-section .feature-data-table td.included-feature-pro{background-image:url(/images/v2025/included.png);background-repeat:no-repeat;background-position:center}.pricing-matrix-section .feature-data-table td.not-included-feature{background-image:url(/images/v2025/not_included.png);background-repeat:no-repeat;background-position:center}.pricing-matrix-section .feature-data-table .checkmark-animate{animation-name:checkmark-animation;animation-duration:0.5s;animation-timing-function:ease-in-out}.people-love-geni-section{max-width:60rem;margin:0 auto;width:90%;background-image:url();background:url(/images/v2025/review-bg-1400X400.png);background-repeat:no-repeat;background-position:center;background-size:1400px 400px}.people-love-geni-section .section-title h2{text-align:center;margin:7rem auto 6rem}.people-love-geni-section .review-container{margin:0 auto;margin-top:2rem;position:relative;margin-bottom:2rem;max-width:50rem;width:100%;height:10rem}.people-love-geni-section .review-container .slide{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 0.5s ease-in-out}.people-love-geni-section .review-container .slide .description{font-size:1rem}.people-love-geni-section .review-container .slide.active{opacity:1}.people-love-geni-section .review-container .slide.inactive{opacity:0}.people-love-geni-section .review-container .review-not-translated{font-size:0.8rem;font-style:italic;margin-top:1rem;color:#888}.people-love-geni-section .review-container .nudge-animation{animation:nudge 0.8s ease-in-out}.people-love-geni-section .review-container [data-star-rating]{display:inline-block;position:relative;unicode-bidi:bidi-override}.people-love-geni-section .review-container [data-star-rating]::before{display:block;content:'★';color:white;font-size:2rem}.people-love-geni-section .review-container [data-star-rating]::after{white-space:nowrap;position:absolute;font-size:2rem;top:0;left:0;content:'★';width:0;color:#00b865;overflow:hidden;height:100%}.people-love-geni-section .review-container [data-star-rating^="full"]::after{width:100%}.people-love-geni-section .review-container [data-star-rating^="half"]::after{width:50%}.people-love-geni-section .review-container .review{width:100%;position:relative}.people-love-geni-section .review-container .review .rating-logo{width:12rem;position:absolute;inset-block-start:-3rem;inset-inline-end:0rem}.people-love-geni-section .review-container .review .rating{position:absolute;top:-2.5rem;background-color:white;display:flex;flex-direction:row;gap:0.5rem}.people-love-geni-section .review-container .review .title{font-family:"Roboto Slab",serif;font-size:1.2rem;padding:1rem 0 .75rem 0;font-weight:bold}.learn-more-about-geni{max-width:60rem;margin:0 auto;width:90%}.learn-more-about-geni .section-title{text-align:center}.learn-more-about-geni .section-title h2{margin:9rem auto 5rem}.learn-more-about-geni .learn-more-content{text-align:center}.learn-more-about-geni .learn-more-content .video-container #geni_in_1_min_video video{border-radius:10px;aspect-ratio:16 / 9;height:auto;width:100%}.most-popular-profiles-section .section-title h2{text-align:center;font-family:"Roboto Slab",serif;margin:9rem auto 4rem}.most-popular-profiles-section .most-popular-profiles-container{width:100%;background:#ffffd4}.most-popular-profiles-section .most-popular-profiles-content{width:100%;max-width:60rem;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;border-radius:10px;padding-bottom:2rem;padding-top:3rem;gap:1rem}.most-popular-profiles-section .most-popular-profiles-content .popular-profile{width:45%;line-height:1.2rem;padding:2rem;display:flex;flex-direction:row;align-items:center;border-radius:4rem;background-color:white;opacity:1}.most-popular-profiles-section .most-popular-profiles-content .popular-profile .popular-profile-image{margin-right:1rem;margin-left:1rem}.most-popular-profiles-section .most-popular-profiles-content .popular-profile .popular-profile-image img{border-radius:50%;width:100%;height:auto}.most-popular-profiles-section .most-popular-profiles-content .popular-profile .popular-profile-image .img-overlay{height:0.8rem}.most-popular-profiles-section .most-popular-profiles-content .popular-profile .popular-profile-image .img-overlay_caption{color:white;padding:0px;margin-top:-4px}.most-popular-profiles-section .most-popular-profiles-content .popular-profile .popular-profile-name{width:70%}.most-popular-profiles-section .most-popular-profiles-content .popular-profile .popular-profile-name a{color:#16b;font-size:1rem;width:100%}.most-popular-profiles-section .most-popular-profiles-content .slide-right-animate{animation-name:slide-right-animation;animation-duration:0.5s;animation-timing-function:ease-in-out}.most-popular-profiles-section .most-popular-profiles-content .slide-left-animate{animation-name:slide-left-animation;animation-duration:0.5s;animation-timing-function:ease-in-out}.geni-community-section .section-title h2{font-family:"Roboto Slab",serif;font-size:3.1rem;line-height:3.5rem;text-align:center;font-weight:bold;font-optical-sizing:auto;color:#101010;max-width:60rem;margin:9rem auto 4rem}.geni-community-section .geni-community-container{position:relative;max-width:60rem;width:90%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem}.geni-community-section .geni-community-container .geni-community-item{position:relative;width:100%;background-color:#dfebf6;height:auto;border-radius:10px;padding:2rem}.geni-community-section .geni-community-container .geni-community-item .blog-title{font-family:arial,"Helvetica Neue",helvetica,sans-serif;font-size:1.5rem;font-weight:400;margin-bottom:2rem;line-height:1.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.geni-community-section .geni-community-container .geni-community-item .blog-pair{display:grid;grid-template-columns:1fr;grid-gap:2rem}.geni-community-section .geni-community-container .geni-community-item .blog-pair .blog-image img{height:auto}.geni-community-section .geni-community-container .geni-community-item .blog-pair .blog-snippet{margin-bottom:0.3rem;font-size:1rem;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.geni-community-section .geni-community-container .geni-community-item .blog-cta{position:absolute;bottom:1rem;right:10%;font-size:0.9rem}.geni-community-section .geni-community-container .geni-community-item .blog-cta a{text-decoration:underline}.geni-community-section .geni-community-link{margin:0 auto;text-align:center;margin-top:2rem;margin-bottom:2rem;font-size:1rem;width:80%}.geni-community-section .geni-community-link a{text-decoration:underline;color:#16b}.geni-footer-section{background-color:#d9d9d9;margin-top:6rem}.geni-footer-section .footer-links-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;max-width:60rem;width:90%;margin:0 auto;padding:2rem 0}.geni-footer-section .footer-links-container ul li{padding-bottom:0.2rem}.geni-footer-section .footer-links-container ul li a:hover{text-decoration:underline;color:#16b}.geni-footer-section .footer-link-title{font-family:"Roboto Slab",serif;font-size:1.5rem;margin-bottom:1rem;display:inline-block;font-weight:bold}.geni-footer-section .footer-link-group ul{list-style:none;padding:0;margin:0 1rem}.geni-footer-section .footer-link-group ul li{font-size:0.8rem}.geni-footer-section .footer-link-group ul li a{color:#101010;text-decoration:none}.geni-footer-section .footer-link-group ul li a:hover{color:#16b;text-decoration:underline}.geni-footer-section .footer-link-group .footer-social-group{margin-top:2rem}.geni-footer-section .footer-link-group .footer-social-group ul{display:flex;gap:0.5rem}.geni-footer-section .terminating-container{background-color:black;margin-top:3rem}.geni-footer-section .terminating-container .footer-copyright-info{max-width:60rem;width:90%;margin:0 auto;text-align:center;font-size:0.8rem;padding:0.5rem 0;color:white}.geni-footer-section .terminating-container .footer-copyright-info .footer-added-info{color:white}.modal-cookie{position:fixed;top:auto;left:auto;bottom:2rem;right:2rem;max-width:400px;transform:translate(0, 0);background-color:#ffffd4;padding:0.5rem;border-radius:15px;box-shadow:0 2px 4px rgba(0,0,0,0.2);z-index:9999}.modal-cookie .cookie-description{padding:1rem 1.5rem 0.5rem;font-size:0.9rem;line-height:1.1rem}.modal-cookie .cookie-description a{text-decoration:underline}.modal-cookie .cookie-description a:visited{color:#101010}.modal-cookie .cookie-button{padding:.5rem 1rem;text-align:center}.modal-cookie .cookie-button button{padding:.5rem 1rem;background-color:white;border-radius:4px;border:1px solid #888}.modal-cookie .cookie-button button:hover{background-color:#16b;color:white}.modal-overlay-section .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(5px);z-index:9999}.modal-overlay-section .modal-content-join,.modal-overlay-section .modal-content-login,.modal-overlay-section .feature-information,.modal-overlay-section .modal-content-language-chooser{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:white;padding:20px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,0.2);z-index:9999}.modal-overlay-section .modal-content-cookie{max-width:350px;padding:2.5rem 1rem 1rem;top:auto;left:auto;bottom:0;right:2rem;transform:translate(0, 0)}.modal-overlay-section .feature-information{min-width:400px;max-width:40rem}.modal-overlay-section .feature-information .content-image img{float:right}.modal-overlay-section .feature-information .content-title h2{font-family:"Roboto Slab",serif;font-size:2.5rem;font-weight:400;text-align:inherit;margin-bottom:1rem}.modal-overlay-section .feature-information .content-description{font-size:1rem}.modal-overlay-section .feature-information .content-description h3{font-size:1.2rem;font-weight:bold;margin-top:2rem;margin-bottom:1rem}.modal-overlay-section .feature-information .content-description p{margin-bottom:1rem}.modal-overlay-section .modal-content-language-chooser{min-width:400px;max-width:50rem;width:100%}.modal-overlay-section .modal-content-language-chooser .content-title h2{font-family:"Roboto Slab",serif;font-weight:400;font-size:2rem;margin-bottom:3rem;margin-top:1.5rem;text-align:center}.modal-overlay-section .modal-content-language-chooser .content-languages{margin:0;gap:.5rem;height:64rem}.modal-overlay-section .modal-content-language-chooser .content-languages .language-grid{display:flex;flex-direction:column;flex-wrap:wrap;height:inherit}.modal-overlay-section .modal-content-language-chooser .content-languages .language-item{padding:5px 5px;text-align:center;width:33%}.modal-overlay-section .modal-content-language-chooser .content-languages .language-item>span{white-space:wrap;display:flex;align-items:center;flex-wrap:inherit}.modal-overlay-section .modal-content-language-chooser .content-languages .language-item>span>span a:visited,.modal-overlay-section .modal-content-language-chooser .content-languages .language-item>span>span a{color:#101010}.modal-overlay-section .modal-content-language-chooser .content-languages .language-item>span>span a:hover{color:#16b}.modal-overlay-section .modal-content-language-chooser .content-languages .language-item img{width:1rem;height:11px;margin:0 0.5rem}.modal-overlay-section .modal-content-language-chooser .content-languages a{width:10rem;font-size:1rem}@media only screen and (max-width: 1000px){.world-family-tree-info-section .world-family-tree-family-info{background-color:#fff;grid-template-columns:1fr;grid-template-areas:"crowd" "info-text"}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree-info-content{background-color:#effbd8;margin:0px;margin-top:-50px;margin-bottom:2rem;padding:0 4rem}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree-info-content h2{font-size:2.5rem;line-height:3rem}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree::after,.world-family-tree-info-section .world-family-tree-family-info .world-family-tree::before{background:none}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree-family-image .world-family-tree img{display:none}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree-family-image .world-family{position:relative;top:0px}.pricing-matrix-section{background-size:700px 350px;background-position-x:0;background-position-y:0}.pricing-matrix-section .pricing-and-feature-container{grid-template-columns:1fr}.pricing-matrix-section .pricing-and-feature-container .pricing{width:70%;margin:0 auto;max-width:768px}.pricing-matrix-section .pricing-and-feature-container .pricing .section-title h2{margin-top:2rem}.pricing-matrix-section .pricing-and-feature-container .pricing .title:nth-child(1){margin-top:2rem}.pricing-matrix-section .pricing-and-feature-container .pricing-matrix{width:80%;margin:0 auto;max-width:768px}.people-love-geni-section{background-position-x:50%}.modal-overlay-section .modal-content-language-chooser{max-width:40rem}.modal-cookie{right:0;left:50%;bottom:-4rem;transform:translate(-50%, -50%)}.modal-overlay-section .modal-content-language-chooser .content-languages{height:94rem}.modal-overlay-section .modal-content-language-chooser .content-languages .language-item{width:50%}}@media only screen and (max-width: 950px){.hero-content{gap:1rem}.hero-content .hero-cta-signup{margin:5px}.hero-content .tree-preview .tree-preview-mask{width:400px;height:400px;border:10px solid white}}@media only screen and (max-width: 850px){.feature-section .feature-container{display:grid;grid-template-columns:1fr;max-width:60rem;margin:0 auto;gap:0rem;width:100%}.feature-section .feature-container .feature-content{width:88%;margin:0 auto;height:auto;padding-top:2rem}.feature-section .feature-container .feature-content .feature-title{margin:0 1.5rem}.feature-section .feature-container .feature-content:first-child{border-top:#d9d9d9 1px solid;border-top-right-radius:10px;border-top-left-radius:10px}.feature-section .feature-container .feature-content:nth-child(2){border-top-right-radius:0px;border-top-left-radius:0px;border-top:none}.feature-section .feature-container .feature-content:nth-child(7){border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-bottom:none}.feature-section .feature-container .feature-content:last-child{border-bottom:#d9d9d9 1px solid;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.feature-section .more-features{margin:2rem auto 4rem}}@media only screen and (max-width: 768px){.hero{height:1000px}.hero .hero-content{grid-template-columns:1fr;grid-template-areas:"signup-form" "tree-preview";grid-gap:0.5rem}.hero .hero-content .hero-content .tree-preview{margin:10px auto 10px;max-width:400px}.hero .hero-content .hero-content .tree-preview .tree-preview-mask{width:375px;height:375px;border:10px}.hero .hero-content .tree-preview .tree-preview-image{top:-131px;left:-128px}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree-info-content{padding:2rem 2rem}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree-info-content h2{margin:3.5rem 0rem 2rem}.popular-section .section-title h2{text-align:center;margin:6rem auto 7rem}.popular-section .popular-content-grid{grid-template-columns:1fr;gap:1rem}.popular-section .heart-icon{margin-top:-83px}.popular-section .heart-content h3,.popular-section .translation-content h3{text-align:center;margin-top:1rem;line-height:1.5rem}.popular-section .heart-icon img,.popular-section .translation-icon img{width:150px}.pricing-matrix-section .pricing-and-feature-container{grid-template-columns:1fr}.pricing-matrix-section .pricing-and-feature-container .pricing-matrix{width:90% !important}.most-popular-profiles-section .most-popular-profiles-content{flex-direction:column}.most-popular-profiles-section .most-popular-profiles-content .popular-profile{width:80%;margin:0 auto}.geni-community-section .geni-community-container{grid-template-columns:1fr;gap:5rem}.geni-community-section .geni-community-container .geni-community-item .blog-pair{grid-template-columns:1fr;height:auto}.geni-footer-section .footer-links-container{grid-template-columns:1fr 1fr;gap:1rem}.geni-footer-section .footer-links-container ul li{font-size:1rem}.modal-cookie{width:90%;max-width:500px}}@media only screen and (max-width: 620px){.modal-overlay-section .modal-content-language-chooser{max-width:80%}.modal-overlay-section .modal-content-language-chooser .content-languages{width:100%;height:auto}.modal-overlay-section .modal-content-language-chooser .content-languages .language-item{width:100%}.modal-overlay-section .modal-content-language-chooser .content-languages .language-item>span{margin:0 4rem}}@media only screen and (max-width: 500px){.world-family-tree-count-section .world-family-tree-count{font-size:3rem}.world-family-tree-info-section .world-family-tree-family-info .world-family-tree-info-content{padding:0 2rem}.people-love-geni-section{background:none}.people-love-geni-section .review-container .review .rating{top:-3.5rem}.people-love-geni-section .review-container .review .rating-logo{position:relative;top:0}.pricing-matrix-section .pricing-and-feature-container .feature-data-table tr td:nth-child(2),.pricing-matrix-section .pricing-and-feature-container .feature-data-table tr td:nth-child(3){padding:0.4rem 0rem}.pricing-matrix-section .pricing-and-feature-container .feature-data-table thead th:nth-child(2),.pricing-matrix-section .pricing-and-feature-container .feature-data-table thead th:nth-child(3){padding:2rem .3rem}.modal-overlay-section .feature-information{min-width:370px}.geni-footer-section .footer-links-container .footer-link-group:nth-child(3){grid-column:span 2}}@media only screen and (max-width: 400px){.hero{height:1000px}.hero .hero-content .tree-preview .tree-preview-image img{width:80%;height:80%}.hero .hero-content .tree-preview .tree-preview-mask{width:300px;height:300px}}@keyframes popular-icon-animation{0%{transform:translateY(30%);scale:1}50%{transform:translateY(0);scale:1.5}100%{scale:1}}@keyframes tree-animation{0%{scale:1}50%{scale:1.5}100%{transform:translateY(0);scale:1}}@keyframes fade-animation{0%{opacity:0}100%{opacity:1}}@keyframes best-banner-animation{0%{transform:translateY(-30%);scale:0.8}50%{transform:translateY(10%);scale:1.1}100%{transform:translateY(0);scale:1}}@keyframes slide-right-animation{0%{transform:translateX(150%);scale:0.8;opacity:1}100%{transform:translateX(0);scale:1}}@keyframes slide-left-animation{0%{transform:translateX(-150%);scale:0.8;opacity:1}100%{transform:translateX(0);scale:1}}@keyframes checkmark-animation{0%{background-size:30%}100%{background-size:contain}}@keyframes nudge{0%{opacity:25%;transform:translateY(0)}25%{opacity:50%;transform:translateY(-15px)}50%{transform:translateY(0)}75%{transform:translateY(5px)}100%{transform:translateY(0)}}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0;font:inherit;color:#101010}html{color-scheme:dark light;hanging-punctuation:first last}body{min-height:100svh;font-family:arial,"Helvetica Neue",helvetica,sans-serif}img,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li{text-wrap:pretty}ul{list-style:none}a{text-decoration:none;color:inherit}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}button.pill-join,button.pill-join-get-started,button.pill-login{display:block;font-size:1rem;border:1px solid black;border-radius:4px;padding:0.5rem 1rem;color:white;background-color:#16b;margin:2rem 0}.button-pill-login{font-size:1rem;border:1px solid black;border-radius:4px;padding:0.5rem 1rem;color:white;background-color:#16b;margin:2rem 0}a.button-pill-login:visited,.button-pill-login a:visited{color:white}.css-close-button,.close-cookie{position:absolute;display:block;inset-block-start:0.5rem !important;inset-inline-end:0.5rem !important}.css-close-button .bar:first-child,.close-cookie .bar:first-child{transform:translateY(8px) rotate(45deg)}.css-close-button .bar:last-child,.close-cookie .bar:last-child{transform:translateY(0px) rotate(-45deg)}.social-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);z-index:1000;backdrop-filter:blur(3px)}.sign-up-free-trial-hdr{margin-top:15px;font-size:22px}.hero-cta-signup,.login-modal,.login-wrapper,.login-drop-wrapper,.login-startpage-wrapper,.login-wrapper-public-lightbox{background-color:white;border-radius:15px;margin:5px 30px 30px;max-width:400px;grid-area:signup-form;font-optical-sizing:auto}.hero-cta-signup h1,.login-modal h1,.login-wrapper h1,.login-drop-wrapper h1,.login-startpage-wrapper h1,.login-wrapper-public-lightbox h1{font-weight:bold;font-style:normal;font-variation-settings:"wdth" 100;font-size:1.5rem;text-align:center;margin:1.5rem 0 16px}.hero-cta-signup .social-join-type,.login-modal .social-join-type,.login-wrapper .social-join-type,.login-drop-wrapper .social-join-type,.login-startpage-wrapper .social-join-type,.login-wrapper-public-lightbox .social-join-type{font-family:arial,"Helvetica Neue",helvetica,sans-serif;font-size:1rem}.hero-cta-signup .social-login-buttons,.login-modal .social-login-buttons,.login-wrapper .social-login-buttons,.login-drop-wrapper .social-login-buttons,.login-startpage-wrapper .social-login-buttons,.login-wrapper-public-lightbox .social-login-buttons{display:flex;flex-direction:column;align-items:center;gap:10px}.hero-cta-signup .social-login-buttons a.btn-join,.login-modal .social-login-buttons a.btn-join,.login-wrapper .social-login-buttons a.btn-join,.login-drop-wrapper .social-login-buttons a.btn-join,.login-startpage-wrapper .social-login-buttons a.btn-join,.login-wrapper-public-lightbox .social-login-buttons a.btn-join{display:grid;grid-template-columns:20% auto;gap:1rem;width:250px;padding:6px;border-radius:5px;background-color:white;color:#101010;font-size:.8rem;text-align:center;cursor:pointer;border:1px solid #d9d9d9;align-items:center;text-decoration:none}.hero-cta-signup .social-login-buttons a.btn-join img,.login-modal .social-login-buttons a.btn-join img,.login-wrapper .social-login-buttons a.btn-join img,.login-drop-wrapper .social-login-buttons a.btn-join img,.login-startpage-wrapper .social-login-buttons a.btn-join img,.login-wrapper-public-lightbox .social-login-buttons a.btn-join img{margin:0 auto;height:1.2rem}.hero-cta-signup .or-divider,.login-modal .or-divider,.login-wrapper .or-divider,.login-drop-wrapper .or-divider,.login-startpage-wrapper .or-divider,.login-wrapper-public-lightbox .or-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 38px}.hero-cta-signup .or-divider .divider-line,.login-modal .or-divider .divider-line,.login-wrapper .or-divider .divider-line,.login-drop-wrapper .or-divider .divider-line,.login-startpage-wrapper .or-divider .divider-line,.login-wrapper-public-lightbox .or-divider .divider-line{width:100%;height:2px;background-color:#d9d9d9}.hero-cta-signup .sign-up-form,.login-modal .sign-up-form,.login-wrapper .sign-up-form,.login-drop-wrapper .sign-up-form,.login-startpage-wrapper .sign-up-form,.login-wrapper-public-lightbox .sign-up-form{position:relative;font-family:arial,"Helvetica Neue",helvetica,sans-serif;background-color:white;width:100%}.hero-cta-signup .sign-up-form h3,.login-modal .sign-up-form h3,.login-wrapper .sign-up-form h3,.login-drop-wrapper .sign-up-form h3,.login-startpage-wrapper .sign-up-form h3,.login-wrapper-public-lightbox .sign-up-form h3{font-size:1.3rem;color:black;text-align:center;margin-top:0.5rem}.hero-cta-signup .sign-up-form form div.form-fields,.login-modal .sign-up-form form div.form-fields,.login-wrapper .sign-up-form form div.form-fields,.login-drop-wrapper .sign-up-form form div.form-fields,.login-startpage-wrapper .sign-up-form form div.form-fields,.login-wrapper-public-lightbox .sign-up-form form div.form-fields{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"first-name last-name" "birth-year gender" "email email" "gedcom-import gedcom-import" "submit-button submit-button" "have-account have-account";flex-direction:row;column-gap:10px;row-gap:22px;width:100%;margin:0 auto;margin-top:1.5rem}.hero-cta-signup .sign-up-form form div.form-fields .form-group,.login-modal .sign-up-form form div.form-fields .form-group,.login-wrapper .sign-up-form form div.form-fields .form-group,.login-drop-wrapper .sign-up-form form div.form-fields .form-group,.login-startpage-wrapper .sign-up-form form div.form-fields .form-group,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .form-group{position:relative}.hero-cta-signup .sign-up-form form div.form-fields .form-group label,.login-modal .sign-up-form form div.form-fields .form-group label,.login-wrapper .sign-up-form form div.form-fields .form-group label,.login-drop-wrapper .sign-up-form form div.form-fields .form-group label,.login-startpage-wrapper .sign-up-form form div.form-fields .form-group label,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .form-group label{font-size:0.8rem;position:absolute;left:.75rem;top:4px;padding-inline:.3em;transition:transform 500ms;pointer-events:none;transform-origin:left;color:#101010}.hero-cta-signup .sign-up-form form div.form-fields .form-group input::placeholder,.login-modal .sign-up-form form div.form-fields .form-group input::placeholder,.login-wrapper .sign-up-form form div.form-fields .form-group input::placeholder,.login-drop-wrapper .sign-up-form form div.form-fields .form-group input::placeholder,.login-startpage-wrapper .sign-up-form form div.form-fields .form-group input::placeholder,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .form-group input::placeholder{opacity:0}.hero-cta-signup .sign-up-form form div.form-fields .form-group input:focus+label,.hero-cta-signup .sign-up-form form div.form-fields .form-group input:not(:placeholder-shown)+label,.login-modal .sign-up-form form div.form-fields .form-group input:focus+label,.login-modal .sign-up-form form div.form-fields .form-group input:not(:placeholder-shown)+label,.login-wrapper .sign-up-form form div.form-fields .form-group input:focus+label,.login-wrapper .sign-up-form form div.form-fields .form-group input:not(:placeholder-shown)+label,.login-drop-wrapper .sign-up-form form div.form-fields .form-group input:focus+label,.login-drop-wrapper .sign-up-form form div.form-fields .form-group input:not(:placeholder-shown)+label,.login-startpage-wrapper .sign-up-form form div.form-fields .form-group input:focus+label,.login-startpage-wrapper .sign-up-form form div.form-fields .form-group input:not(:placeholder-shown)+label,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .form-group input:focus+label,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .form-group input:not(:placeholder-shown)+label{transform:translateY(-115%) translateX(-0.7rem) scale(0.8);color:black}.hero-cta-signup .sign-up-form form div.form-fields .form-group.first-name,.login-modal .sign-up-form form div.form-fields .form-group.first-name,.login-wrapper .sign-up-form form div.form-fields .form-group.first-name,.login-drop-wrapper .sign-up-form form div.form-fields .form-group.first-name,.login-startpage-wrapper .sign-up-form form div.form-fields .form-group.first-name,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .form-group.first-name{grid-area:first-name}.hero-cta-signup .sign-up-form form div.form-fields .form-group.last-name,.login-modal .sign-up-form form div.form-fields .form-group.last-name,.login-wrapper .sign-up-form form div.form-fields .form-group.last-name,.login-drop-wrapper .sign-up-form form div.form-fields .form-group.last-name,.login-startpage-wrapper .sign-up-form form div.form-fields .form-group.last-name,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .form-group.last-name{grid-area:last-name}.hero-cta-signup .sign-up-form form div.form-fields .form-group.email,.login-modal .sign-up-form form div.form-fields .form-group.email,.login-wrapper .sign-up-form form div.form-fields .form-group.email,.login-drop-wrapper .sign-up-form form div.form-fields .form-group.email,.login-startpage-wrapper .sign-up-form form div.form-fields .form-group.email,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .form-group.email{grid-area:email}.hero-cta-signup .sign-up-form form div.form-fields input[type=text],.hero-cta-signup .sign-up-form form div.form-fields input[type=email],.login-modal .sign-up-form form div.form-fields input[type=text],.login-modal .sign-up-form form div.form-fields input[type=email],.login-wrapper .sign-up-form form div.form-fields input[type=text],.login-wrapper .sign-up-form form div.form-fields input[type=email],.login-drop-wrapper .sign-up-form form div.form-fields input[type=text],.login-drop-wrapper .sign-up-form form div.form-fields input[type=email],.login-startpage-wrapper .sign-up-form form div.form-fields input[type=text],.login-startpage-wrapper .sign-up-form form div.form-fields input[type=email],.login-wrapper-public-lightbox .sign-up-form form div.form-fields input[type=text],.login-wrapper-public-lightbox .sign-up-form form div.form-fields input[type=email]{padding:2px 10px 4px;font-size:0.8rem;outline:0;border-width:0 0 1px;border-color:#d9d9d9;width:8rem}.hero-cta-signup .sign-up-form form div.form-fields input[type=email],.login-modal .sign-up-form form div.form-fields input[type=email],.login-wrapper .sign-up-form form div.form-fields input[type=email],.login-drop-wrapper .sign-up-form form div.form-fields input[type=email],.login-startpage-wrapper .sign-up-form form div.form-fields input[type=email],.login-wrapper-public-lightbox .sign-up-form form div.form-fields input[type=email]{width:18rem}.hero-cta-signup .sign-up-form form div.form-fields input::placeholder,.login-modal .sign-up-form form div.form-fields input::placeholder,.login-wrapper .sign-up-form form div.form-fields input::placeholder,.login-drop-wrapper .sign-up-form form div.form-fields input::placeholder,.login-startpage-wrapper .sign-up-form form div.form-fields input::placeholder,.login-wrapper-public-lightbox .sign-up-form form div.form-fields input::placeholder{color:#d9d9d9}.hero-cta-signup .sign-up-form form div.form-fields .radio-gender,.login-modal .sign-up-form form div.form-fields .radio-gender,.login-wrapper .sign-up-form form div.form-fields .radio-gender,.login-drop-wrapper .sign-up-form form div.form-fields .radio-gender,.login-startpage-wrapper .sign-up-form form div.form-fields .radio-gender,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .radio-gender{grid-area:gender;display:flex;align-items:center;flex-wrap:nowrap}.hero-cta-signup .sign-up-form form div.form-fields .radio-gender .gender-label,.login-modal .sign-up-form form div.form-fields .radio-gender .gender-label,.login-wrapper .sign-up-form form div.form-fields .radio-gender .gender-label,.login-drop-wrapper .sign-up-form form div.form-fields .radio-gender .gender-label,.login-startpage-wrapper .sign-up-form form div.form-fields .radio-gender .gender-label,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .radio-gender .gender-label{font-size:0.8rem;color:#101010;padding:0 8px}.hero-cta-signup .sign-up-form form div.form-fields .birth-year-wrapper,.login-modal .sign-up-form form div.form-fields .birth-year-wrapper,.login-wrapper .sign-up-form form div.form-fields .birth-year-wrapper,.login-drop-wrapper .sign-up-form form div.form-fields .birth-year-wrapper,.login-startpage-wrapper .sign-up-form form div.form-fields .birth-year-wrapper,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .birth-year-wrapper{position:relative;font-family:Arial;width:6rem}.hero-cta-signup .sign-up-form form div.form-fields .birth-year-wrapper select,.login-modal .sign-up-form form div.form-fields .birth-year-wrapper select,.login-wrapper .sign-up-form form div.form-fields .birth-year-wrapper select,.login-drop-wrapper .sign-up-form form div.form-fields .birth-year-wrapper select,.login-startpage-wrapper .sign-up-form form div.form-fields .birth-year-wrapper select,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .birth-year-wrapper select{display:none}.hero-cta-signup .sign-up-form form div.form-fields .birth-year-wrapper select:valid ~ label,.login-modal .sign-up-form form div.form-fields .birth-year-wrapper select:valid ~ label,.login-wrapper .sign-up-form form div.form-fields .birth-year-wrapper select:valid ~ label,.login-drop-wrapper .sign-up-form form div.form-fields .birth-year-wrapper select:valid ~ label,.login-startpage-wrapper .sign-up-form form div.form-fields .birth-year-wrapper select:valid ~ label,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .birth-year-wrapper select:valid ~ label{font-family:arial,"Helvetica Neue",helvetica,sans-serif;display:block;transform:translateY(-100%) translateX(-0.7rem) scale(0.8);color:#101010}.hero-cta-signup .sign-up-form form div.form-fields .select-selected:after,.login-modal .sign-up-form form div.form-fields .select-selected:after,.login-wrapper .sign-up-form form div.form-fields .select-selected:after,.login-drop-wrapper .sign-up-form form div.form-fields .select-selected:after,.login-startpage-wrapper .sign-up-form form div.form-fields .select-selected:after,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .select-selected:after{position:absolute;content:"";top:9px;right:-11px;width:0;height:0;border:6px solid transparent;border-color:#d9d9d9 transparent transparent transparent}.hero-cta-signup .sign-up-form form div.form-fields .select-selected.select-arrow-active:after,.login-modal .sign-up-form form div.form-fields .select-selected.select-arrow-active:after,.login-wrapper .sign-up-form form div.form-fields .select-selected.select-arrow-active:after,.login-drop-wrapper .sign-up-form form div.form-fields .select-selected.select-arrow-active:after,.login-startpage-wrapper .sign-up-form form div.form-fields .select-selected.select-arrow-active:after,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .select-selected.select-arrow-active:after{border-color:transparent transparent #fff transparent;top:7px}.hero-cta-signup .sign-up-form form div.form-fields .select-items div,.hero-cta-signup .sign-up-form form div.form-fields .select-selected,.login-modal .sign-up-form form div.form-fields .select-items div,.login-modal .sign-up-form form div.form-fields .select-selected,.login-wrapper .sign-up-form form div.form-fields .select-items div,.login-wrapper .sign-up-form form div.form-fields .select-selected,.login-drop-wrapper .sign-up-form form div.form-fields .select-items div,.login-drop-wrapper .sign-up-form form div.form-fields .select-selected,.login-startpage-wrapper .sign-up-form form div.form-fields .select-items div,.login-startpage-wrapper .sign-up-form form div.form-fields .select-selected,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .select-items div,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .select-selected{color:#101010;font-family:arial,"Helvetica Neue",helvetica,sans-serif;font-size:0.8rem;padding:3px 16px 3px;border:1px solid transparent;border-color:transparent transparent #d9d9d9 transparent;cursor:pointer;user-select:none;text-align:center}.hero-cta-signup .sign-up-form form div.form-fields .select-items div,.login-modal .sign-up-form form div.form-fields .select-items div,.login-wrapper .sign-up-form form div.form-fields .select-items div,.login-drop-wrapper .sign-up-form form div.form-fields .select-items div,.login-startpage-wrapper .sign-up-form form div.form-fields .select-items div,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .select-items div{background-color:white;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9}.hero-cta-signup .sign-up-form form div.form-fields .select-selected,.login-modal .sign-up-form form div.form-fields .select-selected,.login-wrapper .sign-up-form form div.form-fields .select-selected,.login-drop-wrapper .sign-up-form form div.form-fields .select-selected,.login-startpage-wrapper .sign-up-form form div.form-fields .select-selected,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .select-selected{font-family:arial,"Helvetica Neue",helvetica,sans-serif;background-color:white;color:#101010}.hero-cta-signup .sign-up-form form div.form-fields .select-items,.login-modal .sign-up-form form div.form-fields .select-items,.login-wrapper .sign-up-form form div.form-fields .select-items,.login-drop-wrapper .sign-up-form form div.form-fields .select-items,.login-startpage-wrapper .sign-up-form form div.form-fields .select-items,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .select-items{position:absolute;background-color:#3d3535;top:100%;left:0;right:0;z-index:99;max-height:200px;overflow-y:scroll}.hero-cta-signup .sign-up-form form div.form-fields .select-items div:hover,.hero-cta-signup .sign-up-form form div.form-fields .same-as-selected,.login-modal .sign-up-form form div.form-fields .select-items div:hover,.login-modal .sign-up-form form div.form-fields .same-as-selected,.login-wrapper .sign-up-form form div.form-fields .select-items div:hover,.login-wrapper .sign-up-form form div.form-fields .same-as-selected,.login-drop-wrapper .sign-up-form form div.form-fields .select-items div:hover,.login-drop-wrapper .sign-up-form form div.form-fields .same-as-selected,.login-startpage-wrapper .sign-up-form form div.form-fields .select-items div:hover,.login-startpage-wrapper .sign-up-form form div.form-fields .same-as-selected,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .select-items div:hover,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .same-as-selected{background-color:#cfe0f1 !important}.hero-cta-signup .sign-up-form form div.form-fields .select-hide,.login-modal .sign-up-form form div.form-fields .select-hide,.login-wrapper .sign-up-form form div.form-fields .select-hide,.login-drop-wrapper .sign-up-form form div.form-fields .select-hide,.login-startpage-wrapper .sign-up-form form div.form-fields .select-hide,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .select-hide{display:none}.hero-cta-signup .sign-up-form form div.form-fields .gedcom-import-wrapper,.login-modal .sign-up-form form div.form-fields .gedcom-import-wrapper,.login-wrapper .sign-up-form form div.form-fields .gedcom-import-wrapper,.login-drop-wrapper .sign-up-form form div.form-fields .gedcom-import-wrapper,.login-startpage-wrapper .sign-up-form form div.form-fields .gedcom-import-wrapper,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .gedcom-import-wrapper{grid-area:gedcom-import;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 10px;cursor:pointer;color:#101010;font-size:0.8rem}.hero-cta-signup .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"],.login-modal .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"],.login-wrapper .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"],.login-drop-wrapper .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"],.login-startpage-wrapper .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"],.login-wrapper-public-lightbox .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"]{appearance:none;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;padding:0.1rem;border:1px solid #101010}.hero-cta-signup .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"]::before,.login-modal .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"]::before,.login-wrapper .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"]::before,.login-drop-wrapper .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"]::before,.login-startpage-wrapper .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"]::before,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"]::before{content:"";width:6px;height:6px;clip-path:polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);transform:scale(0);background-color:#16b}.hero-cta-signup .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"]:checked::before,.login-modal .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"]:checked::before,.login-wrapper .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"]:checked::before,.login-drop-wrapper .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"]:checked::before,.login-startpage-wrapper .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"]:checked::before,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .gedcom-import-wrapper input[type="checkbox"]:checked::before{transform:scale(2)}.hero-cta-signup .sign-up-form form div.form-fields .pill-join-get-started,.login-modal .sign-up-form form div.form-fields .pill-join-get-started,.login-wrapper .sign-up-form form div.form-fields .pill-join-get-started,.login-drop-wrapper .sign-up-form form div.form-fields .pill-join-get-started,.login-startpage-wrapper .sign-up-form form div.form-fields .pill-join-get-started,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .pill-join-get-started{grid-area:submit-button;padding:7px 20px;border-radius:5px;font-size:1rem;max-width:80%;margin:4px auto;cursor:pointer}.hero-cta-signup .sign-up-form form div.form-fields .already-have-account,.login-modal .sign-up-form form div.form-fields .already-have-account,.login-wrapper .sign-up-form form div.form-fields .already-have-account,.login-drop-wrapper .sign-up-form form div.form-fields .already-have-account,.login-startpage-wrapper .sign-up-form form div.form-fields .already-have-account,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .already-have-account{grid-area:have-account;font-size:0.8rem;text-align:center;margin-top:-20px}.hero-cta-signup .sign-up-form form div.form-fields .already-have-account a,.login-modal .sign-up-form form div.form-fields .already-have-account a,.login-wrapper .sign-up-form form div.form-fields .already-have-account a,.login-drop-wrapper .sign-up-form form div.form-fields .already-have-account a,.login-startpage-wrapper .sign-up-form form div.form-fields .already-have-account a,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .already-have-account a{text-decoration:underline}.hero-cta-signup .sign-up-form form div.form-fields .already-have-account a:hover,.login-modal .sign-up-form form div.form-fields .already-have-account a:hover,.login-wrapper .sign-up-form form div.form-fields .already-have-account a:hover,.login-drop-wrapper .sign-up-form form div.form-fields .already-have-account a:hover,.login-startpage-wrapper .sign-up-form form div.form-fields .already-have-account a:hover,.login-wrapper-public-lightbox .sign-up-form form div.form-fields .already-have-account a:hover{color:#16b}.hero-cta-signup .sign-up-form form.embedded,.login-modal .sign-up-form form.embedded,.login-wrapper .sign-up-form form.embedded,.login-drop-wrapper .sign-up-form form.embedded,.login-startpage-wrapper .sign-up-form form.embedded,.login-wrapper-public-lightbox .sign-up-form form.embedded{width:80%;margin:0 auto}.hero-cta-signup .sign-up-form .terms-and-privacy,.login-modal .sign-up-form .terms-and-privacy,.login-wrapper .sign-up-form .terms-and-privacy,.login-drop-wrapper .sign-up-form .terms-and-privacy,.login-startpage-wrapper .sign-up-form .terms-and-privacy,.login-wrapper-public-lightbox .sign-up-form .terms-and-privacy{font-size:0.7rem;color:#888;text-align:center;margin:0.5rem 2rem;line-height:unset}.hero-cta-signup .sign-up-form .terms-and-privacy a,.login-modal .sign-up-form .terms-and-privacy a,.login-wrapper .sign-up-form .terms-and-privacy a,.login-drop-wrapper .sign-up-form .terms-and-privacy a,.login-startpage-wrapper .sign-up-form .terms-and-privacy a,.login-wrapper-public-lightbox .sign-up-form .terms-and-privacy a{color:#16b;text-decoration:underline}.login-wrapper-public-lightbox{background-color:#eee;margin:15px 0 0 0}.login-wrapper-public-lightbox .or-divider{margin-bottom:0px;margin-top:5px}.login-lightbox .content form#apple_form_login_public_header,.login-lightbox .content form#google_form_login_public_header{width:0px;height:0px;margin:0px;padding:0px;border-bottom:0px}.login-lightbox .content form.social-spacing{padding-top:5px}.login-page-modal .login-wrapper{background-color:inherit;margin:10px 30px}.login-page-modal .or-divider{margin:10px}.login-page-modal form#form_login .bd{margin:0.2rem 2rem 0.5rem}.login-drop-wrapper,.login-startpage-wrapper{margin:1rem;background-color:inherit}.login-drop-wrapper .or-divider,.login-startpage-wrapper .or-divider{margin:10px 38px -6px}.login-drop-wrapper .social-login-buttons a.btn-join,.login-startpage-wrapper .social-login-buttons a.btn-join{width:100%;gap:0.2rem}.login-startpage-wrapper{margin:0 auto;width:270px;padding-top:25px}.login-startpage-wrapper .or-divider{margin:10px 38px}.login-startpage-wrapper h3{font-size:1.2rem;text-align:center}.social-login-startpage-container{margin:0 auto;background:white;width:350px;border-radius:10px}.social-login-startpage-container .start_page_form{margin-top:0px}.start_page.xlengthy.startpage-outside-container-with-social{background:url(/images/start_page_bkgd1_extended.gif) repeat-x #efece7}.start_page .inner.inner-startpage-with-social-login{height:auto}.start_page .inner.inner-startpage-with-social-login .start_page_form{padding-bottom:1rem}li.drop-menu .login_form{background:#f2f4f6}li.drop-menu .login_form .hd h3{font-size:1rem;text-align:center}li.drop-menu .login_form form .inner{border:none;padding:3px 10px 10px}div.sign-up-form div.join-error{color:red;position:absolute;top:-0.8rem;left:50%;transform:translate(-50%, -50%)}.modal-overlay-section .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(5px);z-index:9999}.modal-overlay-section .modal-content-join .login-modal form .login-element,.modal-overlay-section .modal-content-login .login-modal form .login-element{display:grid;grid-template-columns:1fr 180px;column-gap:1rem;align-items:center;margin-bottom:0.5rem}.modal-overlay-section .modal-content-join .login-modal form .login-element label,.modal-overlay-section .modal-content-login .login-modal form .login-element label{font-size:1rem;text-align:right}.modal-overlay-section .modal-content-join .login-modal form .login-element input,.modal-overlay-section .modal-content-login .login-modal form .login-element input{padding:0.5rem;border:1px solid #d9d9d9;font-size:1rem;width:90%}.modal-overlay-section .modal-content-join .login-modal form .login-element input::placeholder,.modal-overlay-section .modal-content-login .login-modal form .login-element input::placeholder{opacity:0.5}.modal-overlay-section .modal-content-join .modal-content-login,.modal-overlay-section .modal-content-login .modal-content-login{width:380px}.modal-overlay-section .modal-content-join .login-modal,.modal-overlay-section .modal-content-login .login-modal{margin:5px;width:100%}.modal-overlay-section .modal-content-join .login-modal .login-button,.modal-overlay-section .modal-content-login .login-modal .login-button{display:block;text-align:center;margin-top:1.5rem}.modal-overlay-section .modal-content-join .login-modal .button-pill-login,.modal-overlay-section .modal-content-login .login-modal .button-pill-login{margin:2rem auto 0;text-decoration:none}.modal-overlay-section .modal-content-join .login-modal .dont-have-an-account,.modal-overlay-section .modal-content-login .login-modal .dont-have-an-account{font-size:0.8rem;text-align:center;margin-top:16px}.modal-overlay-section .modal-content-join .login-modal .dont-have-an-account a,.modal-overlay-section .modal-content-login .login-modal .dont-have-an-account a{text-decoration:underline}.modal-overlay-section .modal-content-join .login-modal .dont-have-an-account a:hover,.modal-overlay-section .modal-content-login .login-modal .dont-have-an-account a:hover{color:#16b}.modal-overlay-section .modal-content-join .login-modal .forgot-password a,.modal-overlay-section .modal-content-login .login-modal .forgot-password a{font-size:0.8rem;text-align:inherit;color:#16b}.modal-overlay-section .modal-content-join .login-modal .security-code,.modal-overlay-section .modal-content-login .login-modal .security-code{margin-top:1rem}.modal-overlay-section .modal-content-join .login-modal .security-code .mfa-trust,.modal-overlay-section .modal-content-login .login-modal .security-code .mfa-trust{display:flex;column-gap:5px}.modal-overlay-section .modal-content-join .login-modal .security-code .mfa-trust input,.modal-overlay-section .modal-content-login .login-modal .security-code .mfa-trust input{width:0.8rem}.modal-overlay-section .modal-content-join .login-modal .security-code .mfa-trust label[for='mfa_trust'],.modal-overlay-section .modal-content-login .login-modal .security-code .mfa-trust label[for='mfa_trust']{font-size:0.8rem !important}.inner .hd.finish-setup-page h3{padding-top:0.5rem}.inner .hd .finish-setup-container{width:400px;margin:2rem 4rem;border:1px solid #ccc;border-radius:1rem;padding:2rem 3rem}.inner .hd .finish-setup-container #gender-error,.inner .hd .finish-setup-container #birth_year-error{color:red}.inner .hd .finish-setup-container label{font-size:1rem;display:block;font-weight:bold}.inner .hd .finish-setup-container label .gender{font-weight:normal}.inner .hd .finish-setup-container label input[type=radio]{font-weight:normal;margin:0 10px}.inner .hd .finish-setup-container .birth-year-container{margin:1rem 0}.inner .hd .finish-setup-container .birth-year-container select{display:block;width:20rem}.inner .hd .finish-setup-container .gender-container{margin:1rem 0 2rem}.inner .hd .finish-setup-container .gender-container .gender{font-weight:normal;font-size:0.8rem}.inner .hd .finish-setup-container .gedcom-import-container{margin:0px 0.65rem 1.5rem}.inner .hd .finish-setup-container .gedcom-import-container label{font-size:0.8rem;font-weight:normal}.inner .hd .finish-setup-container .complete-registration-button{text-align:center;padding-bottom:1rem}.inner .hd .finish-setup-container .account-already{text-align:center}#form_login_lb .hd h3,#form_register_lb .hd h3{text-align:center}#form_login_lb p.join-prompt,#form_login_lb p.login-prompt,#form_register_lb p.join-prompt,#form_register_lb p.login-prompt{text-align:center}@media only screen and (max-width: 768px){.hero .hero-content .hero-cta-signup{font-family:arial,"Helvetica Neue",helvetica,sans-serif;margin:30px auto 10px;width:80%;max-width:400px}.modal-content-join .hero-cta-signup .sign-up-form form{width:100%}}@media only screen and (max-width: 580px){.inner .hd .finish-setup-container{margin:2rem 0rem;width:300px}}@media only screen and (max-width: 400px){.hero .hero-content .hero-cta-signup,.hero .hero-content .tree-preview{margin:10px auto 10px}.hero .hero-content .hero-cta-signup input[type=email],.hero .hero-content .tree-preview input[type=email]{width:12rem !important}.hero .hero-content .hero-cta-signup input[type=text],.hero .hero-content .tree-preview input[type=text]{width:7rem !important}.inner .hd .finish-setup-container{padding:2rem 1rem}}