.showcase{padding:85px 8vw 95px;background:#092c21;color:#f7f4e9;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;overflow:hidden;position:relative}
.showcase h2{font-size:clamp(40px,5.2vw,72px);line-height:.97;letter-spacing:-.055em;margin:0 0 22px;text-wrap:balance}
.showcase p:not(.eyebrow){max-width:430px;line-height:1.6;color:#c2daca}
.showcase .button{background:#b8fa62;color:#103d2d;margin-top:18px}.showcase .button span{color:#103d2d}
.card-stage{position:relative;perspective:1100px;padding:25px 15px}
.card-stage:before{content:'';position:absolute;inset:12% -5%;background:radial-gradient(ellipse,#66eb8c55,transparent 65%);filter:blur(20px);pointer-events:none}
.showcase-card{transform:rotate(-5deg) rotateY(-8deg);transition:transform .5s ease;position:relative;z-index:1}
.showcase-card:hover{transform:rotate(0) rotateY(0)}
.heart-card{position:relative;isolation:isolate;text-align:center;overflow:hidden;min-width:0;max-width:100%;color:#f7f4e9;background:radial-gradient(ellipse at 30% 0%,#387951 0%,#174b37 36%,#092d22 80%);border:1px solid #a9dbad70;border-radius:18px;padding:40px 35px;box-shadow:0 30px 65px #0005,inset 0 1px #f4ffd54d}
.heart-card:before{content:'';position:absolute;inset:12px;border:1px solid #daf9b943;border-radius:9px;pointer-events:none}
.heart-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,transparent 25%,#dbffc512 43%,transparent 62%);pointer-events:none}
.card-brand{font-size:9px;letter-spacing:.24em;font-weight:bold;color:#d4efbf;margin:0 0 24px!important}
.gem-heart{width:120px;height:112px;display:block;margin:12px auto 25px;filter:drop-shadow(0 12px 20px #0004)}
.heart-card blockquote{font-family:Georgia,serif;font-size:clamp(26px,3.4vw,39px);font-weight:normal;line-height:1.2;letter-spacing:-.025em;margin:18px auto 25px;max-width:420px;overflow-wrap:anywhere;white-space:pre-wrap}
.heart-card p{font-size:16px;margin:16px 0 0;overflow-wrap:anywhere}
.heart-card small{font-size:11px;letter-spacing:.07em;display:block;color:#bdd7bf;overflow-wrap:anywhere}
.sample-label{display:block;text-align:center;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#b6d4bb;margin-top:23px;position:relative}
.maker-copy{background:radial-gradient(ellipse at top left,#b8fa62,#47d58a 40%,#19a968);padding:65px 6vw}
.maker-copy h1{font-size:clamp(42px,5vw,70px)}
.maker-copy .card-stage{padding:20px 0 0;max-width:465px;margin:auto}
.maker-copy .heart-card{padding:30px 28px}.maker-copy .heart-card blockquote{font-size:27px}.maker-copy .gem-heart{width:90px;height:85px;margin:5px auto 14px}
.maker-copy .sample-label{color:#103d2d}.heart-form{padding:6vw}.heart-form form{margin-top:0}
.heart-form .counter{text-align:right;font-size:11px;font-weight:normal;color:#5c6c62;margin-top:6px}
.heart-form textarea{min-height:145px}.result{max-width:700px;margin-top:55px}.result .heart-card{margin-bottom:35px}
.conversation-main{max-width:1100px;margin:0 auto;padding:55px 6vw 90px;text-align:center}
.conversation-main h1{font-size:clamp(45px,6vw,78px);line-height:.95;letter-spacing:-.055em;margin:0 auto 20px;max-width:800px;text-wrap:balance}
.conversation-main>.lead{font-size:17px;max-width:530px}.category-picker{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:30px 0}
.category-picker button{background:transparent;border:1px solid #b5c5b9;border-radius:30px;color:#103d2d;padding:11px 17px;cursor:pointer;font:600 13px Arial,sans-serif}
.category-picker button[aria-pressed=true]{background:#103d2d;color:#b8fa62;border-color:#103d2d}
.conversation-card{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:620px;min-height:390px;margin:0 auto 25px;padding:42px;cursor:pointer;width:100%;font:inherit}
.conversation-card .gem-heart{width:80px;height:75px;margin:0 auto 16px}.conversation-card .question{font-family:Georgia,serif;font-size:clamp(25px,3.5vw,38px);line-height:1.2;margin:10px 0 22px;max-width:510px;text-wrap:balance}
.conversation-card .category{color:#b8fa62;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin:5px 0 12px}
.conversation-card .hint{font-size:11px;color:#c2daca;line-height:1.5}.conversation-progress{font-size:12px;color:#4f6a59;min-height:1.4em;margin:16px 0}
.conversation-main .actions{margin-bottom:18px}.conversation-main button:disabled{opacity:.4;cursor:default;transform:none;box-shadow:none}
.conversation-main .exit-note{font-size:12px;color:#516b5b;line-height:1.6;max-width:450px;margin:26px auto}
.conversation-main .back-link{display:inline-block;margin-top:20px;font-size:13px}
@media(max-width:700px){.showcase{grid-template-columns:1fr;padding:65px 7vw;gap:25px}.showcase-card{transform:rotate(-3deg)}.showcase h2{font-size:43px}.card-stage{padding:15px 5px}.heart-card{padding:35px 26px}.heart-card blockquote{font-size:28px}.maker-copy{padding:50px 7vw}.heart-form{padding:45px 7vw}.conversation-main{padding:38px 5vw 75px}.conversation-card{min-height:380px;padding:30px 25px}.category-picker{gap:7px}.category-picker button{padding:10px 13px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.showcase-card,.showcase-card:hover{transform:none}}
.motion-paused .showcase-card{transform:none}
.maker-copy .heart-card .card-brand,.showcase .heart-card .card-brand{font-size:9px;line-height:1.5;color:#d4efbf}
.how{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;background:radial-gradient(ellipse at 95% 50%,#d3edc9,transparent 65%),#f3f3e5;overflow:hidden}
.how-copy{min-width:0}.how .card-stage{min-width:0}.how .sample-label{color:#426247;line-height:1.6}
.how .heart-card{transform:rotate(5deg) rotateY(-7deg)}
.how .heart-card:hover{transform:rotate(0deg) rotateY(0deg)}
.how .heart-card .card-brand{font-size:9px}.how .heart-card blockquote{font-size:clamp(26px,3vw,38px)}
.test{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 95% 110%,#267952,transparent 65%),#092c21;color:#f7f4e9}
.test:before{content:'';position:absolute;width:440px;height:440px;right:-90px;top:40px;border-radius:50%;border:1px solid #b8fa6235;box-shadow:0 0 0 45px #b8fa6206,0 0 0 90px #b8fa6205,0 0 0 135px #b8fa6204;z-index:-1;pointer-events:none}
.test .eyebrow{color:#b8fa62}.test p:not(.eyebrow){color:#c9dfcc}.test .button{background:#b8fa62;color:#103d2d}.test .button span{color:#103d2d}
.showcase-card:after{inset:-50%;background:linear-gradient(115deg,transparent 35%,#eaffc91c 49%,transparent 62%);z-index:2}
@media(prefers-reduced-motion:no-preference){
 html:not(.motion-paused) .showcase .card-stage,html:not(.motion-paused) .how-card-stage{animation:gift-suspend 7s ease-in-out infinite}
 html:not(.motion-paused) .how-card-stage{animation-delay:-3s}
 html:not(.motion-paused) .showcase-card:after{animation:gift-light 9s ease-in-out infinite}
 html:not(.motion-paused) .card-stage .gem-heart{animation:gem-breathe 5s ease-in-out infinite}
 html:not(.motion-paused) .test:before{animation:conversation-orbit 10s ease-in-out infinite alternate}
}
@keyframes gift-suspend{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes gift-light{0%,30%{transform:translateX(-65%)}70%,100%{transform:translateX(65%)}}
@keyframes gem-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
@keyframes conversation-orbit{from{transform:translateY(0) scale(.92);opacity:.6}to{transform:translateY(-30px) scale(1.08);opacity:1}}
@media(max-width:700px){.how{grid-template-columns:1fr;gap:45px}.how .card-stage{max-width:440px;width:100%;margin:auto}.how .heart-card{transform:rotate(3deg)}.test:before{right:-280px;opacity:.5}.how .button{max-width:100%;gap:14px}}
@media(prefers-reduced-motion:reduce){.how .heart-card,.how .heart-card:hover{transform:none}}
.motion-paused .how .heart-card{transform:none}
.test{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}
.conversation-invite,.conversation-sample{min-width:0}
.conversation-teaser{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:385px;text-decoration:none;transform:rotate(3deg);transition:transform .35s ease,box-shadow .35s ease}
.conversation-teaser:hover,.conversation-teaser:focus-visible{transform:rotate(0deg) translateY(-6px);box-shadow:0 35px 65px #0006}
.conversation-teaser .gem-heart{width:95px;height:90px;margin:0 auto 24px}
.teaser-mood{font-size:10px;letter-spacing:.18em;color:#b8fa62;margin-bottom:18px}
.teaser-question{font-family:Georgia,serif;font-size:clamp(27px,3vw,38px);line-height:1.2;text-wrap:balance}
.teaser-action{font:12px Arial,sans-serif;color:#cfe6cb;margin-top:28px}
.test .conversation-sample .sample-label{font-size:10px;line-height:1.6;max-width:none}
.next-steps{margin:45px 0 0;padding:30px;background:#e9efdf;border:1px solid #ccdac5;border-radius:12px;color:#103d2d;text-align:left}
.next-steps .eyebrow{font-size:10px;margin-bottom:12px}.next-steps h2{font:700 clamp(25px,3vw,34px)/1.05 Arial,sans-serif;letter-spacing:-.04em;margin:0 0 12px}
.next-steps>p:not(.eyebrow){font-size:14px;line-height:1.5;margin:0 0 22px;max-width:570px}
.next-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}.next-links a{display:block;padding:18px;background:#f7f4e9;border:1px solid #cfdbc7;border-radius:6px;text-decoration:none;transition:transform .2s ease,background .2s ease}
.next-links a:hover{transform:translateY(-3px);background:#f6ffeb}.next-links strong{display:block;font-size:14px;margin-bottom:8px}.next-links span{font-size:12px;line-height:1.5;display:block;color:#48614d}
.guide-pivot{font-size:14px;line-height:1.6}.guide-pivot a{font-weight:bold}.conversation-main .next-steps{max-width:700px;margin:35px auto 0}
@media(max-width:700px){.test{grid-template-columns:1fr;gap:38px}.conversation-sample{max-width:440px;width:100%;margin:auto}.conversation-teaser{min-height:345px;transform:rotate(2deg)}.next-steps{padding:24px 20px}.next-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.conversation-teaser,.conversation-teaser:hover,.next-links a:hover{transform:none}}
.motion-paused .conversation-teaser,.motion-paused .next-links a:hover{transform:none}
.conversation-card .question,.conversation-card .category,.conversation-card .hint{transition:opacity .16s ease}
.conversation-card.is-drawing .question,.conversation-card.is-drawing .category,.conversation-card.is-drawing .hint{opacity:0}
.conversation-card.is-drawing .gem-heart{position:relative;z-index:3;filter:drop-shadow(0 12px 25px #b8fa6240)}
.category-picker button:disabled{cursor:wait;opacity:.65}.conversation-main #next[aria-disabled=true]{cursor:wait}
.email-details{font-size:12px;line-height:1.55;color:#48614d;margin:9px 0 16px}.email-details a{font-weight:bold;text-underline-offset:3px}.marketing-choice{align-items:flex-start;font-size:12px;line-height:1.5;margin:18px 0}.marketing-choice input{min-width:17px;min-height:17px;accent-color:#103d2d}.heart-form button:disabled{opacity:.6;cursor:wait}