:root{color-scheme:dark;--bg:#06171b;--text:#f0f7f5;--muted:#9bb1b4;--mint:#66e2ca;--line:#234044;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,p{margin:0}.skip-link{position:fixed;left:12px;top:-60px;padding:12px;background:var(--mint);color:var(--bg);z-index:20}.skip-link:focus{top:12px}.section-width{max-width:1280px;margin:0 auto;padding-left:36px;padding-right:36px}.landing-header{max-width:1440px;margin:auto;height:104px;padding:0 36px;display:flex;gap:24px;align-items:center;justify-content:space-between;border-bottom:1px solid #173136}.landing-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.landing-brand span{display:grid;gap:5px}.landing-brand b{font-size:18px;letter-spacing:-.5px}.landing-brand i{font-weight:400;font-style:normal;color:#68858b;padding:0 4px}.landing-brand em{color:var(--mint);font-style:normal}.landing-brand small{font-size:10px;letter-spacing:1.7px;color:#9ab1b4}.landing-header nav{display:flex;gap:26px;color:var(--muted);font-size:13px;font-weight:600}.landing-header nav a:hover,.text-link:hover,.landing-footer a:hover{color:var(--mint)}.header-login{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px 17px;font-size:12px;font-weight:650}.header-login:hover{border-color:#66e2ca80;background:#10282c}.hero{padding-top:100px;padding-bottom:72px;display:grid;grid-template-columns:1fr 1.22fr;gap:40px;align-items:center;position:relative}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:2.1px;color:var(--mint);line-height:1.5}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px #66e2ca80}h1{font-size:clamp(44px,5.05vw,70px);line-height:1.06;letter-spacing:-3.5px;font-weight:760;margin:25px 0 25px}h1 span,h2 span{color:var(--mint)}.hero-intro{color:#b4c6c7;font-size:16px;line-height:1.85;max-width:415px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:var(--mint);color:#072124;font-size:13px;font-weight:750;border-radius:12px;padding:18px 23px;transition:background .2s,transform .2s;white-space:nowrap}.primary-link:hover{background:#8bebd7;transform:translateY(-2px)}.primary-link span{font-size:19px;line-height:1}.text-link{font-size:12px;font-weight:650;display:flex;gap:12px;white-space:nowrap}.login-note{font-size:11px;color:#8ca5a8;margin-top:16px;line-height:1.7}.hero-footnote{font-size:11px;color:#80999d;margin-top:46px;letter-spacing:.2px}.hero-footnote span{color:var(--mint);margin-right:12px}.tree-preview{border:1px solid #335057;border-radius:20px;background:linear-gradient(140deg,#10272c,#0b1c24 70%);box-shadow:0 18px 100px #020b0d70;overflow:hidden;position:relative}.tree-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 45% 65%,#4dd8be0c,transparent 65%);pointer-events:none}.preview-top,.preview-bottom{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #284147;padding:17px 20px;position:relative}.preview-top span{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;color:#b0c1c3;font-weight:650}.preview-live i{width:5px;height:5px;border-radius:50%;background:#6ddebf;box-shadow:0 0 8px #66e2ca80}.preview-canvas{aspect-ratio:640/460;position:relative;background-image:radial-gradient(#718e9238 .7px,transparent .7px);background-size:18px 18px}.preview-lines{position:absolute;inset:0;width:100%;height:100%}.line-base{stroke:#38505b}.line-maternal{stroke:#78e5c3;stroke-dasharray:1;animation:grow-line 1.8s ease-out both,pulse-maternal 5s 2s ease-in-out infinite}.line-paternal{stroke:#a8a0f1;stroke-dasharray:1;animation:grow-line 2.2s .15s ease-out both,pulse-maternal 5s 2.2s ease-in-out infinite}[data-branch=maternal] .paternal,[data-branch=maternal] .line-paternal,[data-branch=paternal] .maternal,[data-branch=paternal] .line-maternal{opacity:.28;animation:none}.preview-person{position:absolute;display:flex;align-items:center;gap:9px;background:#13272d;border:1px solid #35484f;border-radius:10px;padding:10px;color:var(--text);text-align:left;transition:opacity .3s,border-color .3s,box-shadow .3s}.preview-person div:last-of-type{display:grid;gap:5px}.preview-person small{font-size:6px;letter-spacing:.6px;color:#b5cfce}.preview-person b{font-size:12px;font-weight:650}.preview-person span{font-size:7px;color:#97b0b4;white-space:nowrap}.portrait{height:38px;width:35px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:21px;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff09;color:#c9dedd;background-image:linear-gradient(145deg,#ffffff10,transparent)}.shade-sage{background-color:#3b5350}.shade-sand{background-color:#5c5144;color:#e4d5bc}.shade-lilac{background-color:#524765;color:#d1c6ea}.shade-blue{background-color:#344b64;color:#c6d8ec}.shade-mint{background-color:#22564f;color:#a2ecd8}.grandparent{width:26%;height:14%;top:8%;padding:8px}.grandparent .portrait{width:27px;height:34px;font-size:18px}.grandparent b{font-size:10px}.grandparent span{font-size:6px}.grandparent.one{left:1.5%}.grandparent.two{left:28.5%}.grandparent.three{left:55.5%}.grandparent.four{left:82.5%}.grandparent{width:23%}.grandparent.one{left:3%}.grandparent.two{left:27%}.grandparent.three{left:51%}.grandparent.four{left:75%}.parent{width:32%;height:16%;top:43%}.mother{left:15%}.father{left:53%}.self{width:42%;height:19%;left:29%;top:73%;border-color:#63debe9c;box-shadow:0 0 0 3px #5fe3c810,0 0 36px #63debe10;background:#16342f}.self .portrait{height:46px;width:44px}.self .portrait svg{width:28px;height:28px}.self b{font-size:17px}.self i{font-size:16px;position:absolute;right:12px;top:12px;color:#82eacb;font-style:normal}.parent:hover,.parent[aria-pressed=true]{border-color:var(--mint);box-shadow:0 0 25px #66e2ca12}.father:hover,.father[aria-pressed=true]{border-color:#afa7f4}.memory-token{position:absolute;bottom:2%;right:3%;display:flex;align-items:center;gap:7px;color:#97b8b3}.memory-token>span{color:var(--mint);font-size:17px}.memory-token div{display:grid;gap:3px}.memory-token b{font-size:6px;font-weight:500}.memory-token small{font-size:6px;color:#718b8e}.preview-bottom{border-top:1px solid #284147;border-bottom:0;font-size:9px;color:#97b0b4;padding:14px 18px}.intro-strip{display:flex;justify-content:space-between;gap:20px;color:#94abae;font-size:10px;font-weight:650;letter-spacing:1.8px;border-top:1px solid #20383d;border-bottom:1px solid #20383d;padding-top:25px;padding-bottom:25px}.possibilities{padding-top:100px;padding-bottom:95px}.section-heading{position:relative}.section-heading h2,h2{font-size:clamp(35px,4vw,51px);line-height:1.12;letter-spacing:-1.8px;margin:17px 0 24px;font-weight:700}.section-heading>p{max-width:370px;color:var(--muted);line-height:1.8;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.feature-card{position:relative;padding:27px;background:linear-gradient(145deg,#0d252a,#0a1b20);border:1px solid #263e43;border-radius:16px;min-height:365px}.feature-number{font-size:11px;color:#74918f}.feature-card h3{font-size:19px;letter-spacing:-.3px;margin-bottom:13px}.feature-card p{font-size:13px;color:#9fb6b8;line-height:1.8}.mini-tree{height:150px;display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-content:center;gap:21px 8px;position:relative;max-width:235px;margin:auto}.mini-tree:before{content:"";position:absolute;border:1px solid #5dbda68c;width:51%;height:34px;left:24%;top:30%;border-top:0;border-radius:0 0 8px 8px}.mini-tree:after{content:"";position:absolute;height:51px;width:1px;background:#5dbda68c;left:50%;top:54%}.mini-tree i{font-style:normal;padding:9px 13px;background:#173431;color:#b5d8ca;border:1px solid #4a817752;border-radius:7px;font-size:10px;z-index:1}.mini-tree i:nth-child(n+3){grid-column:1/3}.mini-tree i:last-child{border-color:#6ed8b9;color:#79e5c9}.mini-album{height:150px;position:relative;display:grid;place-items:center}.mini-album i{position:absolute;width:165px;height:108px;border:1px solid #62716b;border-radius:8px;transform:rotate(-8deg);background:#223d38;opacity:.3}.mini-album i:nth-child(2){transform:rotate(7deg);background:#524652}.mini-album i:first-child{opacity:1;transform:rotate(-3deg);z-index:2;background:radial-gradient(ellipse at 90% 10%,#b5a78850,transparent 60%),linear-gradient(140deg,#385649,#152e2d);display:flex;flex-direction:column;justify-content:center;padding:15px;color:#d1dbc5;box-shadow:0 8px 22px #0004}.mini-album span{font-size:6px;letter-spacing:1.3px;font-style:normal;margin-bottom:8px}.mini-album b{font-size:13px;line-height:1.4;font-style:normal}.mini-album small{font-size:8px;margin-top:8px;font-style:normal}.mini-life{height:150px;display:grid;align-content:center;gap:18px;padding-left:20px;position:relative}.mini-life:before{content:"";position:absolute;left:12px;top:25px;bottom:29px;width:1px;background:#567278}.mini-life i{display:flex;align-items:center;gap:17px;font-style:normal;position:relative}.mini-life i:before{content:"";width:5px;height:5px;border:1px solid var(--mint);border-radius:50%;background:#132b2e;position:absolute;left:-11px}.mini-life small{font-size:10px;color:var(--mint)}.mini-life span{font-size:11px;color:#c4d4d3}.start-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:70px;padding-bottom:85px;border-top:1px solid #20383d}.start-section .primary-link{margin-top:12px}.start-steps{list-style:none;padding:0;margin:0;display:grid;gap:30px}.start-steps li{display:flex;gap:22px}.start-steps li>span{height:39px;width:39px;flex-shrink:0;display:grid;place-items:center;border:1px solid #395653;border-radius:12px;color:var(--mint);font-size:11px}.start-steps h3{font-size:16px;font-weight:600;margin:2px 0 9px}.start-steps p{font-size:13px;line-height:1.8;color:var(--muted)}.questions{padding-top:65px;padding-bottom:80px;border-top:1px solid #20383d;display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.faq-list details{border-bottom:1px solid #2c4347;padding:21px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:14px;font-weight:550;line-height:1.65;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px}.faq-list summary:after{content:"+";color:var(--mint);font-size:20px;font-weight:300}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--muted);font-size:13px;line-height:1.85;padding:16px 30px 0 0}.final-call{text-align:center;padding-top:70px;padding-bottom:75px;border-radius:24px;background:radial-gradient(ellipse at 50% 100%,#215d4b32,transparent 72%);border:1px solid #25433d;margin-bottom:60px}.final-call p{font-size:36px;font-weight:600;line-height:1.3;letter-spacing:-1px;margin:23px 0 27px}.final-call p span{color:var(--mint)}.landing-footer{padding-top:24px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8aa2a5;font-size:11px;border-top:1px solid #20383d}@keyframes grow-line{from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes pulse-maternal{0%,100%{opacity:.65}50%{opacity:1}}@media(min-width:1100px){.section-heading>p{position:absolute;right:0;bottom:10px}.questions .section-heading>p{position:static}}@media(max-width:1050px){.landing-header nav{gap:16px}.hero{gap:26px;padding-top:70px;grid-template-columns:1fr 1.1fr}h1{letter-spacing:-2px}.hero-actions{gap:16px;flex-wrap:wrap}.feature-card{padding:21px}.hero-intro{font-size:14px}.landing-header nav{display:none}.tree-preview{margin-left:-5px}.header-login{font-size:11px}}@media(max-width:760px){.section-width{padding-left:23px;padding-right:23px}.landing-header{height:83px;padding:0 22px;gap:12px}.landing-brand{gap:8px}.landing-brand img{width:29px;height:29px}.landing-brand b{font-size:15px}.landing-brand small{font-size:7px;letter-spacing:1.2px}.header-login{font-size:10px;padding:11px 12px;gap:8px;max-width:126px;line-height:1.5}.hero{grid-template-columns:1fr;gap:38px;padding-top:47px;padding-bottom:40px}.hero h1{font-size:59px;margin-top:20px;letter-spacing:-2.7px}.hero-intro{font-size:15px;max-width:500px;line-height:1.8}.hero-actions{gap:24px;margin-top:25px}.hero-footnote{display:none}.tree-preview{margin-left:0}.preview-top{padding:15px 16px}.preview-top span{font-size:8px}.intro-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;font-size:8px;letter-spacing:1px;padding-top:20px;padding-bottom:20px}.possibilities{padding-top:57px;padding-bottom:54px}h2,.section-heading h2{font-size:38px}.feature-grid{grid-template-columns:1fr;margin-top:27px;gap:14px}.feature-card{padding:22px;min-height:300px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.feature-number{grid-column:1}.feature-card h3,.feature-card p{grid-column:1/3}.mini-tree,.mini-album,.mini-life{grid-column:2;grid-row:1/3;height:110px;width:100%}.feature-card h3{margin-top:8px;font-size:20px}.feature-card p{font-size:14px}.mini-album i{width:130px;height:91px}.mini-tree{gap:12px 8px}.mini-tree i{font-size:8px;padding:6px 8px}.mini-tree:after{top:51%;height:44px}.mini-tree:before{top:29%;height:23px}.mini-life{gap:13px}.start-section,.questions{grid-template-columns:1fr;gap:30px;padding-top:48px;padding-bottom:48px}.start-section h2{margin-bottom:20px}.start-steps{gap:23px}.questions .section-heading h2{margin-bottom:0}.final-call{margin:0 18px 35px;padding:40px 20px;border-radius:17px}.final-call p{font-size:29px}.landing-footer{flex-wrap:wrap;justify-content:center;text-align:center;padding-top:22px;padding-bottom:24px;font-size:10px}.landing-footer span{flex-basis:100%;order:3}.preview-person{padding:7px;gap:6px}.preview-person small{font-size:5px;letter-spacing:.25px}.preview-person b{font-size:9px}.preview-person span{font-size:5px}.portrait{height:27px;width:25px;font-size:15px}.grandparent .portrait{height:23px;width:18px;font-size:12px;border-radius:5px}.grandparent b{font-size:8px}.grandparent span{font-size:5px}.grandparent{padding:5px;gap:4px;border-radius:7px}.preview-person div:last-of-type{gap:3px}.self .portrait{width:30px;height:31px}.self b{font-size:13px}.self .portrait svg{width:21px;height:21px}.self i{font-size:10px;top:8px;right:8px}.preview-bottom{font-size:8px;padding:12px 14px}.memory-token{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.line-maternal,.line-paternal{stroke-dashoffset:0}}
.demo-invitation{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-bottom:1px solid #20383d;padding-top:65px;padding-bottom:65px}.demo-invitation h2{font-size:38px}.demo-invitation p{font-size:14px;color:var(--muted);line-height:1.8;max-width:420px;margin-bottom:20px}.pushkin-preview{display:flex;align-items:center;gap:23px;border:1px solid #3c5952;border-radius:16px;background:linear-gradient(140deg,#17352e,#0b2228);padding:25px;position:relative;transition:border-color .2s}.pushkin-preview:hover{border-color:var(--mint)}.pushkin-preview img{width:100px;height:128px;object-fit:cover;object-position:top;border-radius:10px}.pushkin-preview small{font-size:8px;color:var(--mint);letter-spacing:1px}.pushkin-preview h3{font-size:20px;line-height:1.4;margin:10px 0}.pushkin-preview p{font-size:12px;margin-bottom:10px}.pushkin-preview span{font-size:10px;color:#99b6b0}.pushkin-preview>b{position:absolute;right:20px;top:20px;color:var(--mint);font-weight:400}.mini-album i:first-child{animation:album-float 6s ease-in-out infinite}.mini-tree i:last-child{animation:card-soft-glow 5s ease-in-out infinite}.preview-person.self{animation:card-soft-glow 5s 2s ease-in-out infinite}@keyframes album-float{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-5px)}}@keyframes card-soft-glow{0%,100%{box-shadow:0 0 20px #66e2ca05}50%{box-shadow:0 0 27px #66e2ca13}}@media(max-width:760px){.demo-invitation{grid-template-columns:1fr;gap:28px;padding-top:45px;padding-bottom:45px}.demo-invitation h2{font-size:34px}.pushkin-preview{padding:22px;gap:18px}.pushkin-preview img{width:86px;height:110px}.pushkin-preview h3{font-size:18px}.pushkin-preview>b{right:15px;top:15px}}