:root{color:#282125;font-synthesis:none;background:#fcf7f2;font-family:Zen Kaku Gothic New,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}nav,header{justify-content:space-between;align-items:center;height:74px;padding:0 clamp(20px,5vw,80px);display:flex}.logo{letter-spacing:-.06em;text-transform:lowercase;color:inherit;background:0 0;font-size:21px;font-weight:900}.nav-link{background:0 0;font-size:14px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:50px;max-width:1220px;min-height:660px;margin:auto;padding:70px clamp(20px,5vw,80px) 100px;display:grid}.eyebrow{letter-spacing:.15em;color:#8a6b61;margin:0 0 16px;font-size:11px;font-weight:700}.hero h1,.screen h1{letter-spacing:-.09em;margin:0 0 25px;font-size:clamp(44px,6vw,78px);line-height:1.13}.hero h1 em,.promise em{color:#ca624a;font-style:normal}.lead{color:#685b59;margin-bottom:35px;line-height:2}.primary{color:#fff;background:#30272a;border-radius:100px;padding:17px 24px;font-weight:700;transition:all .2s;box-shadow:0 8px 20px #392b2a22}.primary:hover{background:#ca624a;transform:translateY(-2px)}.primary span{margin-left:20px;font-size:18px}.hero small,.paywall small{color:#837676;margin-top:14px;font-size:11px;display:block}.hero-art{background:#f0d4c5;border-radius:48% 52% 42% 58%/55% 45%;place-items:center;height:420px;display:grid;position:relative;overflow:hidden}.orb{border-radius:50%;position:absolute}.orb-a{background:#bd675d;width:230px;height:230px;top:15%;left:7%}.orb-b{background:#f9ebcc;width:190px;height:190px;bottom:8%;right:5%}.hero-art .animal-card{position:relative;transform:rotate(-7deg)scale(1.05)}.sticker{text-align:center;background:#fff4d9;border:1px solid #282125;border-radius:50%;padding:14px;font-size:12px;font-weight:700;position:absolute;top:9%;right:7%;transform:rotate(12deg)}.animal-card{background:var(--animal);color:#fff;text-align:center;border-radius:110px 110px 32px 32px;width:220px;min-height:270px;padding:22px;box-shadow:12px 15px #282125}.animal-card p{margin:6px 0;font-size:11px}.animal-card h3{letter-spacing:-.05em;margin:0;font-size:20px}.animal-art{place-items:center;height:178px;display:grid;position:relative}.animal-art .ear{z-index:0;background:#fff1df;border-radius:90% 15% 75%;width:70px;height:75px;position:absolute;top:20px}.animal-art .left{left:38px;transform:rotate(-22deg)}.animal-art .right{right:38px;transform:scaleX(-1)rotate(-22deg)}.face{z-index:2;background:#fff1df;border-radius:48% 48% 45% 45%;justify-content:space-around;align-items:center;width:130px;height:122px;padding:25px;display:flex;position:relative}.face b{background:#282125;border-radius:50%;width:12px;height:12px}.animal-art span{z-index:3;color:var(--animal);font-size:25px;position:absolute;bottom:22px}.promise{color:#fff;background:#282125;grid-template-columns:1fr 1fr;gap:70px;padding:90px max(7vw,30px);display:grid}.promise h2{letter-spacing:-.08em;margin:0;font-size:40px}.promise p:last-child{color:#cdbfbd;max-width:500px;line-height:2}footer{color:#766a67;justify-content:space-between;padding:26px 7vw;font-size:11px;display:flex}.flow{background:#fffaf6;min-height:100vh}.flow header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4;background:#fffaf6dd;border-bottom:1px solid #eee3dd;position:sticky;top:0}.flow header span{font-size:12px}.progress{background:#eaded8;border-radius:10px;width:min(30vw,280px);height:4px;overflow:hidden}.progress i{background:#ca624a;height:100%;transition:all .4s;display:block}.screen{max-width:830px;margin:auto;padding:70px 25px 100px}.intro{text-align:center;margin-bottom:48px}.screen h1{margin-bottom:13px;font-size:clamp(34px,5vw,58px)}.intro>p:last-child{color:#756a67;line-height:1.8}.relations{flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:42px;display:flex}.relations button{color:#695e5a;background:#f4ebe5;border-radius:100px;padding:12px 18px}.relations .selected{color:#fff;background:#ca624a}.profile{background:#fff;border:1px solid #eee3dd;border-radius:20px;margin:17px 0;padding:26px}.field-grid{grid-template-columns:1fr 1fr 1fr;gap:15px;display:grid}.field{color:#5c504d;gap:8px;font-size:12px;display:grid}.field input,.field select{color:#282125;background:#fffaf6;border:1px solid #ddd0c9;border-radius:9px;width:100%;padding:12px}.next{min-width:270px;margin:36px auto 0;display:block}.next:disabled{cursor:not-allowed;background:#cabdb9;transform:none}.question-list{gap:13px;display:grid}.question{border-bottom:1px solid #ede3dd;padding:0 0 25px}.question small{color:#a46b5c;font-size:11px}.question h3{letter-spacing:-.03em;font-size:17px}.scale{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.scale button{color:#6c625f;background:#f6eee9;border-radius:8px;padding:10px 5px;font-size:11px}.scale button.active{color:#fff;background:#ca624a}.results{text-align:center;max-width:610px;margin:auto}.animals{justify-content:center;align-items:center;gap:20px;margin:30px 0 44px;display:flex}.animals>span{font-size:28px}.animals .animal-card{margin:-42px;transform:scale(.68)}.score b{letter-spacing:-.1em;color:#ca624a;font-size:90px}.score span{color:#867672}.metric-row{grid-template-columns:repeat(3,1fr);gap:9px;margin:33px 0;display:grid}.metric-row div{background:#f8ece5;border-radius:12px;padding:14px}.metric-row span{color:#766a67;font-size:11px;display:block}.metric-row b{font-size:24px}.teaser{text-align:left;color:#fff;background:#292125;border-radius:20px;padding:25px;position:relative;overflow:hidden}.teaser:after{content:"✦";color:#ffffff1c;font-size:120px;position:absolute;bottom:-30px;right:25px}.teaser p{letter-spacing:.13em;color:#e7a993;font-size:10px}.teaser h3{letter-spacing:-.04em}.teaser small{color:#d2c2bd;line-height:1.7}.paywall{background:#fff;border:1px solid #eee3dd;border-radius:25px;grid-template-columns:1fr 310px;display:grid;overflow:hidden}.preview{background:linear-gradient(135deg,#eac6ba,#f4dfb8);padding:42px}.preview h2{letter-spacing:-.07em;font-size:34px}.preview p{line-height:1.8}.locked{background:#fff9;border-radius:12px;padding:16px;font-size:12px;line-height:2.2}.paywall aside{padding:30px}.paywall aside h3{letter-spacing:-.06em;margin:0;font-size:24px}.price{margin:20px 0;font-size:30px;font-weight:700}.price small{font-size:10px;display:inline}.paywall ul{color:#655956;padding-left:17px;font-size:12px;line-height:2}.paywall .primary{width:100%;margin-top:20px;padding:14px;font-size:12px}.paywall aside>small{line-height:1.6}@media (width<=640px){.hero{grid-template-columns:1fr;gap:25px;padding-top:45px}.hero-art{grid-row:1;height:300px}.hero-art .animal-card{transform:rotate(-7deg)scale(.75)}.promise,.paywall{grid-template-columns:1fr}.promise{gap:15px;padding:60px 25px}.field-grid{grid-template-columns:1fr}.scale{grid-template-columns:repeat(5,1fr)}.scale button{min-height:48px;font-size:9px}.screen{padding-top:50px}.paywall aside{padding:28px}.animals{gap:0}.metric-row{gap:5px}.metric-row div{padding:12px 6px}footer{line-height:2;display:block}.flow header .logo{font-size:16px}}.animal-photo{object-fit:contain;filter:drop-shadow(0 6px 10px #2821251f);width:100%;height:100%}.share{margin:30px 0 6px}.share-row{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:12px;display:flex}.share-btn{color:#fff;background:#30272a;border-radius:100px;padding:12px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s}.share-btn:hover{transform:translateY(-2px)}.share-btn.x{background:#111}.share-btn.line{background:#06c755}.share-btn.copy{color:#695e5a;background:#f4ebe5}.subscribe{background:#fff;border:1px solid #eee3dd;border-radius:16px;max-width:420px;margin:26px auto 0;padding:20px}.subscribe.done{color:#3b7d59;font-size:14px;line-height:1.7}.subscribe-row{gap:8px;margin:10px 0 6px;display:flex}.subscribe-row input{color:#282125;background:#fffaf6;border:1px solid #ddd0c9;border-radius:9px;flex:1;padding:12px}.subscribe small{color:#9a8d89;font-size:11px}footer a{color:#8a6b61;text-decoration:none}footer a:hover{text-decoration:underline}.paywall small a{color:#a0574a}.subscribe small.err{color:#c0392b}
