/* Figma greetings landing. Shared typography, theme and shell stay in documents.css. */
.greetings-page { --greetings-surface:var(--bg-color); --greetings-hero:#e8eefb; }
html[data-theme=dark] .greetings-page { --greetings-hero:#293033; }
.greetings-main { background:var(--bg-color); }
.greetings-main .section-titles { max-width:800px; margin:0 auto 40px; }
.greetings-main .section-sub-title { max-width:650px; }
.greetings-main .section-title { text-wrap:balance; }
.greetings-main .greetings-section { padding-block:80px; }
.greetings-main .greetings-section-action { display:flex; justify-content:center; margin-top:32px; }
.greetings-main .greetings-section-action .btn-start { gap:12px; width:auto; max-width:100%; }
.greetings-main .greetings-hero { position:relative; isolation:isolate; overflow:clip; padding-bottom:88px; background:var(--greetings-hero) url('../images/greetings/hero-wide.webp') center bottom / auto 100% no-repeat; }
html[data-theme=dark] .greetings-main .greetings-hero { background-image:url('../images/greetings/hero-wide-dark.webp'); }
.greetings-main .greetings-hero::after { content:''; display:block; position:absolute; pointer-events:none; z-index:2; width:max(2200px,160%); height:500px; left:50%; transform:translateX(-50%); bottom:-420px; border-radius:50% 50% 0 0; background:var(--bg-color); }
.greetings-main .greetings-hero .container { position:relative; z-index:1; }
.greetings-main .greetings-hero .documents-hero__heading { max-width:750px; }
.greetings-main .greetings-hero .section-sub-title { max-width:540px; }
.greetings-main .greetings-hero .documents-hero__heading h1 { display:inline; }
.greetings-main .greetings-hero-title-line { display:flex; align-items:center; justify-content:center; gap:6px; }
.greetings-main .greetings-letter h3,.greetings-main .greetings-letter p { color:#1f1f1f; }
.greetings-main .greetings-hero .documents-hero__second { position:relative; }
.greetings-main .greetings-hero .documents-toggle { margin:0 6px; flex-shrink:0; }
.greetings-main .greetings-hero-scene { position:relative; width:calc(100% - 40px); max-width:1160px; height:365px; margin:44px auto 0; z-index:1; }
.greetings-hero-mobile-art { display:none; }
.greetings-main .greetings-hero-note,.greetings-main .greetings-hero-song { position:absolute; padding:16px; width:248px; background:var(--greetings-surface); border-radius:10px; font-size:14px; line-height:18px; }
.greetings-main .greetings-hero-note { left:0; top:56px; }
.greetings-main .greetings-hero-note p,.greetings-main .greetings-hero-song p { margin:14px 0; color:var(--text-color3); }
.greetings-main .greetings-mini-chip { display:inline-flex; padding:6px 10px; border:1px solid var(--border); border-radius:999px; font-size:12px; line-height:16px; color:var(--accent-color); background:var(--main-container2); }
.greetings-main .greetings-hero-postcard { position:absolute; left:24%; top:44px; width:36%; padding:12px; border-radius:12px; background:var(--greetings-surface); transform:rotate(-6deg); box-shadow:12px -15px 0 -5px var(--main-container2); }
.greetings-main .greetings-hero-postcard img { display:block; width:100%; height:auto; border-radius:7px; }
.greetings-main .greetings-hero-video { position:absolute; left:59%; top:0; width:19%; height:300px; border:6px solid var(--greetings-surface); border-radius:18px; transform:rotate(4deg); overflow:hidden; background:#222; }
.greetings-main .greetings-hero-video img { width:100%; height:100%; object-fit:cover; }
.greetings-main .greetings-hero-video figcaption { position:absolute; inset:0; display:flex; justify-content:space-between; flex-direction:column; padding:12px; color:white; font-size:13px; background:linear-gradient(#0005,transparent 30%,transparent 70%,#0008); }
.greetings-main .greetings-hero-video figcaption { overflow-wrap:anywhere; }
.greetings-main .greetings-hero-song { right:0; top:196px; width:238px; }
.greetings-main .greetings-scene-label { position:absolute; top:-35px; left:20%; padding:10px 12px; border-radius:999px; color:var(--text-color); background:var(--greetings-surface); font-size:14px; line-height:18px; white-space:nowrap; }
.greetings-main .greetings-scene-label::before { content:'•'; color:#e92ea5; padding-right:5px; }
.greetings-main .greetings-hero-wishes { top:252px; left:4%; }
.greetings-main .greetings-wave { height:28px; margin-top:10px; background:repeating-linear-gradient(90deg,#c94cdf 0 2px,transparent 2px 6px); clip-path:polygon(0 35%,10% 15%,20% 30%,30% 0,40% 30%,50% 10%,60% 20%,70% 5%,80% 30%,90% 15%,100% 35%,100% 65%,90% 85%,80% 70%,70% 95%,60% 80%,50% 90%,40% 70%,30% 100%,20% 70%,10% 85%,0 65%); }

.greetings-main .greetings-format-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:center; gap:10px; }
.greetings-main .greetings-format-column { display:grid; gap:10px; min-width:0; }
.greetings-main .greetings-format { overflow:hidden; position:relative; padding:12px; border-radius:12px; border:1px solid var(--border); background:#e9f8ff; }
.greetings-main .greetings-format--photo,.greetings-main .greetings-format--video { background:linear-gradient(#28bcfc1a,#28bcfc1a),var(--bg-color); }
.greetings-main .greetings-format--text { background:linear-gradient(#72d3361a,#72d3361a),var(--bg-color); }
.greetings-main .greetings-format--audio { background:linear-gradient(#8a6bec1a,#8a6bec1a),var(--bg-color); }
.greetings-main .greetings-format--postcard { background:linear-gradient(#ee259d1a,#ee259d1a),var(--bg-color); }
.greetings-format::before { content:''; position:absolute; pointer-events:none; z-index:0; background:var(--format-art) center/contain no-repeat; }
.greetings-format--photo::before,.greetings-format--video::before { --format-art:url('../images/greetings/format-photo-bg.webp'); width:1200px; height:1200px; left:calc(50% - 912px); top:calc(50% - 333px); transform:rotate(150deg) scaleY(-1); }
.greetings-format--text::before { --format-art:url('../images/greetings/format-text.webp'); inset:0; background-size:100% 100%; }
.greetings-format--postcard::before { --format-art:url('../images/greetings/format-postcard-bg.webp'); width:1400px; height:626px; left:-634px; top:-42px; transform:rotate(-41.48deg); }
.greetings-main .greetings-format-art { position:relative; height:140px; }
.greetings-main .greetings-format-art>img { position:absolute; width:240px; height:240px; object-fit:contain; top:-30px; right:0; }
.greetings-main .greetings-format--audio .greetings-format-art>img:first-child { width:500px; height:500px; left:47px; right:auto; top:-142px; }
.greetings-main .greetings-format--audio .greetings-format-art .greetings-microphone { width:300px; height:300px; right:-88px; top:-11px; }
.greetings-main .greetings-format-copy { position:relative; z-index:1; padding:20px; text-align:center; border-radius:10px; background:var(--greetings-surface); }
.greetings-main .greetings-format-copy h3 { font-size:24px; line-height:28px; font-weight:600; }
.greetings-main .greetings-format-copy p { margin:8px 0 20px; font-size:18px; line-height:24px; color:var(--text-color3); }
.greetings-main .greetings-format-copy button { width:100%; font-weight:600; min-height:48px; color:var(--accent-color); background:#5489f01a; border:1px solid #5489f01a; }
.greetings-main .greetings-format-copy button:hover,
.greetings-main .greetings-format-copy button:focus-visible { background:#1f1f1f; border-color:#1f1f1f; color:#fff; }
.greetings-main .greetings-art-note { position:absolute; top:10px; left:15px; padding:12px; display:grid; gap:10px; width:75%; border:1px solid #a099ff; border-radius:7px; background:var(--greetings-surface); color:var(--text-color); font-size:16px; line-height:20px; }
.greetings-main .greetings-art-note small { font-size:11px; line-height:14px; }
.greetings-main .greetings-art-note small span { float:right; }
.greetings-main .greetings-format--photo .greetings-art-note { width:58%; transform:rotate(-3deg); border-color:var(--lblue-add); }
.greetings-main .greetings-format--text .greetings-art-note { left:12%; width:76%; border-color:var(--lime-add); }
.greetings-main .greetings-format--text .greetings-mini-chip:first-child { color:var(--lime-add); background:#72d3361a; }
.greetings-main .greetings-format--text .greetings-mini-chip:last-child { color:var(--text-color3); }
.greetings-main .greetings-format--audio .greetings-art-note { border-color:var(--violet-add); }
.greetings-main .greetings-format--postcard .greetings-format-art { height:345px; }
.greetings-main .greetings-format--postcard .greetings-format-art>img { top:175px; width:100%; height:280px; }
.greetings-main .greetings-letter { position:relative; z-index:1; margin:20px 25px; padding:20px 15px; text-align:center; color:#1f1f1f; background:#fff; border-radius:6px; }
.greetings-main .greetings-letter span { color:#f5209b; font-size:24px; }
.greetings-main .greetings-letter h3 { margin:12px 0; font-family:Georgia,serif; font-size:27px; line-height:28px; font-weight:400; }
.greetings-main .greetings-letter p { font-size:14px; line-height:18px; }
.greetings-main .greetings-format-art .greetings-microphone { right:-80px; }
.greetings-main .greetings-format-art .greetings-video-photo { right:30px; top:10px; width:115px; height:120px; border:6px solid white; border-radius:6px; object-fit:cover; transform:rotate(10deg); }
.greetings-main .greetings-format--video .greetings-format-art>img:first-child { right:auto; left:0; width:180px; height:150px; }
.greetings-main .greetings-social-proof { display:flex; align-items:center; justify-content:center; gap:22px; border:1px solid var(--border); padding:14px; border-radius:999px; background:var(--main-container2); font-size:14px; }
.greetings-main .greetings-social-proof>span { font-size:24px; }.greetings-main .greetings-social-proof b { color:var(--accent-color); font-size:24px; }
.greetings-main .greetings-social-proof { gap:12px; background:var(--main-container6); }
.greetings-avatars { display:flex; padding-left:8px; min-width:0; }
.greetings-avatars img { width:56px; height:56px; border-radius:50%; border:2px solid var(--main-container6); margin-left:-15px; object-fit:cover; }
.greetings-avatars img:first-child { margin-left:-8px; }
.greetings-main #formats .section-title { max-width:580px; }
.greetings-main #formats .section-sub-title { max-width:450px; }
.greetings-main #formats .section-titles { margin-bottom:24px; }
.greetings-letter-art { position:relative; z-index:1; width:290px; max-width:100%; height:260px; margin:10px auto 0; background:url('../images/greetings/format-letter.webp') center/contain no-repeat; mask:url('../images/greetings/letter-paper.svg') center top/100% 90% no-repeat; }
html[data-theme=dark] .greetings-letter-art { background-image:url('../images/greetings/format-letter-dark.webp'); }
.greetings-main .documents-process { padding-top:80px; padding-bottom:130px; }
.greetings-main .documents-process .section-titles { margin:0; align-items:flex-start; text-align:left; }
.greetings-main .greetings-dark-section { position:relative; isolation:isolate; padding:70px 0 130px; background:#161616; color:white; }
.greetings-main .greetings-dark-section .section-title { color:white; }
.greetings-main .greetings-dark-section .section-sub-title { color:#c5c5c8; }
.greetings-main .greetings-dark-section .section-tag { color:#fff; }
.greetings-main .greetings-benefits { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); grid-template-rows:280px 100px 280px; gap:10px; position:relative; margin:40px 0 100px; }
.greetings-main .greetings-benefit { position:relative; overflow:hidden; min-width:0; border:1px solid #ffffff1a; border-radius:12px; background-color:#161616; background-repeat:no-repeat; padding:24px 32px; display:flex; flex-direction:column; justify-content:flex-end; }
.greetings-main .greetings-benefit { isolation:isolate; }
.greetings-benefit::before { content:''; position:absolute; z-index:-1; pointer-events:none; background:center/contain no-repeat; }
.greetings-main .greetings-benefit--personal { grid-column:1/4; grid-row:1; background-image:radial-gradient(ellipse at left top,#30218b88,transparent 60%); }
.greetings-benefit--personal::before { width:760px; height:760px; left:calc(50% - 322.44px); top:calc(50% - 655.94px); transform:scaleY(-1); background-image:url('../images/greetings/benefit-blue-bg.webp'); }
.greetings-main .greetings-benefit--edit { grid-column:2/4; grid-row:2/4; }
.greetings-benefit--edit::before { width:1100px; height:1100px; left:-122px; top:-697px; background-image:url('../images/greetings/benefit-orange-bg.webp'); }
.greetings-main .greetings-benefit--tone { grid-column:4/6; grid-row:1/3; background-image:radial-gradient(ellipse at center top,#4a1d7877,transparent 65%); }
.greetings-benefit--tone::before { width:1400px; height:700px; left:-8.17px; top:-174.82px; transform:rotate(28.98deg) scaleY(-1); background-image:url('../images/greetings/benefit-purple-bg.webp'); }
.greetings-main .greetings-benefit--share { grid-column:4/7; grid-row:3; }
.greetings-benefit--share::before { width:1600px; height:800px; left:calc(50% - 524.5px); top:calc(50% - 325.07px); transform:rotate(49.45deg); background-image:url('../images/greetings/benefit-green-bg.webp'); }
.greetings-main .greetings-dark-section>.container>.section-titles .section-title { max-width:650px; }
.greetings-main .greetings-benefit h3 { color:white; font-size:24px; line-height:28px; margin-bottom:16px; }
.greetings-main .greetings-benefit ul { padding:0; margin:0; display:grid; gap:8px; color:#c5c5c8; font-size:16px; line-height:22px; list-style:none; }
.greetings-main .greetings-benefit li::before { content:'— '; }
.greetings-main .greetings-benefit-scene { flex:1; position:relative; min-height:100px; margin-bottom:22px; }
.greetings-main .greetings-benefit-photo { position:absolute; width:125px; height:165px; right:-14px; top:-12px; object-fit:cover; border:6px solid #242424; border-radius:6px; transform:rotate(6deg); }
.greetings-main .greetings-benefit-small-star { position:absolute; width:90px; height:90px; top:-40px; left:70px; object-fit:contain; }
.greetings-main .greetings-benefit-note { position:absolute; max-width:205px; padding:12px; background:#161616; border:1px solid #ffffff1a; border-radius:6px; font-size:13px; line-height:18px; top:0; right:115px; }
.greetings-main .greetings-benefit-note b { font-weight:500; }.greetings-main .greetings-benefit-note p { color:#b2b2b7; margin-top:6px; }
.greetings-main .greetings-benefit--edit .greetings-benefit-note { left:0; right:auto; top:76px; }
.greetings-main .greetings-benefit--edit .greetings-mini-chip { position:absolute; top:20px; left:20px; }
.greetings-main .greetings-benefit--tone .greetings-benefit-note { right:-5px; max-width:205px; }
.greetings-main .greetings-benefit--tone .greetings-mini-chip { position:absolute; top:90px; left:0; }
.greetings-main .greetings-benefit--tone .greetings-mini-chip:last-child { top:165px; left:40px; }
.greetings-main .greetings-benefit .greetings-mini-chip { background:#161616; color:white; border-color:#ffffff20; }
.greetings-main .greetings-four-dots { display:block; width:12px; height:12px; border-radius:50%; background:var(--accent-color); box-shadow:16px 0 #ffffff1a,0 16px #ffffff1a,16px 16px #ffffff1a; }
.greetings-main .greetings-benefit-decor { position:absolute; pointer-events:none; object-fit:contain; z-index:-1; }
.greetings-main .greetings-benefit-decor--ribbon { width:350px; height:350px; left:-140px; top:230px; }
.greetings-main .greetings-benefit-decor--star { width:200px; height:200px; right:0; top:20px; }
.greetings-main .greetings-benefit-decor--silver { width:290px; height:290px; right:-100px; top:220px; }
.greetings-main .greetings-dark-section .compare-body { margin-top:0; padding:0; }
.greetings-main .greetings-dark-section .compare-table { color:white; background:#161616; border-color:#ffffff20; }
.greetings-main .greetings-dark-section .compare-head { background:#0e0e0e; }.greetings-main .greetings-dark-section .compare-row { border-color:#ffffff20; }
.greetings-main .greetings-dark-section .compare-text,.greetings-main .greetings-dark-section .compare-head-title { color:white; }
.greetings-main .greetings-dark-section .compare-chip:not(.compare-chip--blue) { color:white; }
.greetings-main .greetings-dark-section .compare-col--accent { border-color:var(--accent-color); }
.greetings-main .greetings-dark-section .compare-row .icon { width:20px; height:20px; flex:0 0 20px; }
.greetings-main .greetings-example-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; align-items:center; padding-top:20px; }
.greetings-main .greetings-examples-section { background:var(--bg-color); }
.greetings-main .greetings-example-card { position:relative; min-width:0; display:flex; flex-direction:column; gap:16px; border:1px solid var(--border); border-radius:12px; padding:12px; text-align:center; background:var(--greetings-surface); }
.greetings-main .greetings-example-card>img { width:100%; height:auto; aspect-ratio:1; object-fit:cover; border-radius:8px; }
.greetings-main .greetings-example-card:nth-child(2)>img,.greetings-main .greetings-example-card:nth-child(3)>img { aspect-ratio:3/4; }
.greetings-main .greetings-example-card h3 { font-size:18px; line-height:24px; }
.greetings-main .greetings-example-card p { font-size:14px; line-height:20px; color:var(--text-color3); }
.greetings-main .greetings-example-card button { color:var(--accent-color); background:var(--main-container2); font-size:14px; width:100%; }
.greetings-main .greetings-example-tag { position:absolute; top:-18px; left:50%; transform:translateX(-50%); padding:8px 10px; border:1px solid var(--border); border-radius:999px; font-size:12px; line-height:16px; white-space:nowrap; color:var(--accent-color); background:var(--greetings-surface); }
.greetings-main .greetings-final { position:relative; isolation:isolate; padding:80px 0 190px; background:#161616 url('../images/greetings/final-bg-wide.webp') center bottom / auto 100% no-repeat; color:#fff; }
.greetings-main .greetings-final .section-title { max-width:620px; font-size:44px; line-height:48px; color:white; }
.greetings-main .greetings-final .section-sub-title { color:#c5c5c8; max-width:590px; }
.greetings-main .greetings-final .section-titles { margin-bottom:30px; }.greetings-main .greetings-final .section-tag { color:white; }
.greetings-main .greetings-final .section-tag span,.greetings-main .greetings-dark-section .section-tag span { color:white; }
.greetings-main .greetings-final .section-title .text-blue { display:block; }
.greetings-main .btn-start .documents-action-icon { color:inherit; }
.greetings-main .greetings-final-chips { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.greetings-main .greetings-final-chips span { padding:10px 16px; border-radius:999px; border:1px solid #ffffff1a; background:#0e0e0e; font-size:16px; line-height:20px; }
.greetings-main .greetings-final .btn-start { background:white; color:#161616; }
.greetings-final-mobile-art { display:none; }
.greetings-main .greetings-final { margin-top:clamp(24px,5vw,100px); }
.greetings-main .greetings-dark-section .compare-body { position:relative; isolation:isolate; }
.greetings-main .greetings-dark-section .compare-col--accent .compare-text { white-space:normal; }
@media(max-width:1199px) {
 .greetings-main .greetings-hero-note { width:22%; }.greetings-main .greetings-hero-song { width:22%; }
 .greetings-main .greetings-benefit { padding:22px; }.greetings-main .greetings-benefit h3 { font-size:22px; }
 .greetings-main .greetings-benefits { grid-template-rows:320px 100px 320px; }
 .greetings-main .greetings-format-copy { padding:18px 12px; }.greetings-main .greetings-format-copy h3 { font-size:21px; }.greetings-main .greetings-format-copy p { font-size:16px; line-height:22px; }
 .greetings-main .greetings-letter { margin-inline:8px; }.greetings-main .greetings-art-note { font-size:13px; line-height:17px; }
 .greetings-main .greetings-benefit-note { right:75px; }.greetings-main .greetings-benefit-photo { width:100px; }
}
@media(max-width:767px) {
 .greetings-main .greetings-section { padding-block:48px; }.greetings-main .section-titles { margin-bottom:28px; }
 .greetings-main .greetings-hero { padding-bottom:20px; background-image:url('../images/greetings/mobile-hero-waves.webp'); background-size:100% 840px; background-position:center bottom; }
 .greetings-main .greetings-hero::after { width:900px; height:160px; bottom:-136px; }
 html[data-theme=dark] .greetings-main .greetings-hero { background-image:url('../images/greetings/mobile-hero-waves-dark.webp'); }
 .greetings-main .greetings-hero .documents-hero__actions { width:100%; }.greetings-main .greetings-hero .documents-hero__actions>a { width:100%; }
 .greetings-main .greetings-hero-scene { width:100%; max-width:440px; height:510px; min-height:0; margin-top:20px; }
 .greetings-main .greetings-hero-postcard { width:84%; left:8%; top:72px; padding:8px; }
 .greetings-main .greetings-hero-video { width:44%; left:51%; top:278px; height:222px; }
 .greetings-main .greetings-hero-note,.greetings-main .greetings-hero-wishes { display:none; }
 .greetings-main .greetings-hero-song { position:absolute; width:42%; left:4%; right:auto; top:302px; margin:0; font-size:12px; padding:10px; line-height:16px; }
 .greetings-main .greetings-hero-song .greetings-scene-label { display:none; }
 .greetings-hero-mobile-art { display:block; position:absolute; inset:0; pointer-events:none; }
 .greetings-hero-mobile-art::before,.greetings-hero-mobile-art::after { content:''; position:absolute; background:center/contain no-repeat; }
 .greetings-hero-mobile-art::before { width:300px; height:300px; left:-124px; bottom:-130px; background-image:url('../images/greetings/mobile-hero-envelope.webp'); }
 .greetings-hero-mobile-art::after { width:300px; height:278px; right:-192px; top:-23px; background-image:url('../images/greetings/mobile-hero-card.webp'); }
 .greetings-main .greetings-hero-note p,.greetings-main .greetings-hero-song p { margin-block:8px; }
 .greetings-main .greetings-scene-label { font-size:11px; line-height:14px; padding:8px; left:10%; top:-26px; }
 .greetings-main .greetings-hero-wishes { left:3%; top:240px; }.greetings-main .greetings-hero-song .greetings-scene-label { top:-28px; }
 .greetings-main .greetings-hero .documents-hero__heading .section-big-title { font-size:30px; line-height:34px; }

 .greetings-main .greetings-format-grid { grid-template-columns:1fr; max-width:440px; margin:auto; gap:12px; }.greetings-main .greetings-format-column { gap:12px; }
 .greetings-main .greetings-format-art { height:160px; }.greetings-main .greetings-format-copy h3 { font-size:24px; line-height:28px; }.greetings-main .greetings-format-copy p { font-size:18px; line-height:24px; }
 .greetings-main .greetings-art-note { font-size:16px; line-height:20px; }.greetings-main .greetings-social-proof { margin-block:4px 12px; }
 .greetings-main .documents-process { padding:48px 0 90px; }.greetings-main .documents-process .section-titles { margin-bottom:28px; }
 .greetings-main .greetings-dark-section { padding:40px 0 70px; }
 .greetings-main .greetings-benefits { display:flex; flex-direction:column; margin:30px 0 64px; gap:12px; }
 .greetings-main .greetings-benefit { min-height:350px; padding:24px; }.greetings-main .greetings-benefit-scene { min-height:145px; }.greetings-main .greetings-benefit h3 { font-size:24px; }
 .greetings-main .greetings-benefit--tone { order:2; }.greetings-main .greetings-benefit--edit { order:3; }.greetings-main .greetings-benefit--share { order:4; }
 .greetings-main .greetings-benefit-decor { display:none; }.greetings-main .greetings-benefit-photo { width:125px; }.greetings-main .greetings-benefit--tone .greetings-mini-chip:last-child { top:140px; left:0; }
 .greetings-main .greetings-dark-section .compare-table { grid-template-columns:60% 40%; }.greetings-main .greetings-dark-section .compare-col { min-width:0; }
 .greetings-main .greetings-dark-section .compare-row { padding:16px 12px; font-size:14px; line-height:20px; min-height:100px; }
 .greetings-main .greetings-dark-section .compare-text { font-size:14px; line-height:20px; }
 .greetings-main .greetings-example-grid { display:flex; align-items:stretch; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; padding:22px 2px 12px; }
 .greetings-main .greetings-example-card { flex:0 0 282px; scroll-snap-align:start; }.greetings-main .greetings-example-card button { margin-top:auto; }.greetings-main .greetings-example-card>img { aspect-ratio:1; }
 .greetings-main .greetings-final { padding:100px 0 340px; background-image:none; }.greetings-main .greetings-final .section-title { font-size:30px; line-height:34px; }
 .greetings-main .greetings-final>.container { position:relative; z-index:1; }
 .greetings-final-mobile-art { display:block; position:absolute; inset:0; overflow:clip; pointer-events:none; z-index:0; background:url('../images/greetings/mobile-cta-waves.webp') center bottom/100% 618px no-repeat; }
 .greetings-final-mobile-art span { position:absolute; background:center/contain no-repeat; }
 .greetings-final-mobile-art .greetings-final-tulips { width:360px; height:450px; left:calc(50% - 305px); bottom:-140px; transform:rotate(-12.11deg); background-image:url('../images/greetings/mobile-cta-tulips.webp'); }
 .greetings-final-mobile-art .greetings-final-gift { width:220px; height:220px; left:calc(50% + 38px); bottom:-57px; transform:rotate(8.86deg); background-image:url('../images/greetings/mobile-cta-gift.webp'); }
 .greetings-final-mobile-art .greetings-final-star { width:88px; height:88px; left:calc(50% + 75px); bottom:191px; background-image:url('../images/greetings/mobile-cta-star.webp'); }
 .greetings-final-mobile-art .greetings-final-lime { width:60px; height:60px; left:calc(50% - 53px); bottom:224px; transform:rotate(17.33deg); background-image:url('../images/greetings/mobile-cta-lime.webp'); }
 .greetings-final-mobile-art::before,.greetings-final-mobile-art::after { content:''; position:absolute; background:center/contain no-repeat; }
 .greetings-final-mobile-art::before { width:60px; height:60px; top:4px; left:calc(50% - 129px); background-image:url('../images/greetings/mobile-cta-star.webp'); }
 .greetings-final-mobile-art::after { width:120px; height:120px; top:0; right:-50px; transform:rotate(17.33deg); background-image:url('../images/greetings/mobile-cta-lime.webp'); }
 .greetings-main .greetings-final-chips { gap:8px; }.greetings-main .greetings-final-chips span { font-size:14px; padding:8px 12px; }
}
@media(max-width:374px) { .greetings-main .greetings-benefit-note { max-width:160px; }.greetings-main .greetings-format-copy { padding-inline:10px; } }

/* Greetings landing: shared shell and typography, page-local compositions. */
.greetings-main { color:var(--text-color); }
.greetings-main [hidden] { display:none !important; }
.greetings-main [id] { scroll-margin-top:100px; }
.greetings-main .documents-toggle { border:0; padding:0; cursor:pointer; }
.greetings-main .section-sub-title { color:var(--text-color3); }
.greetings-main .greetings-composer-section { position:relative; isolation:isolate; padding:40px 0 80px; }
.greetings-composer-section::before { content:''; position:absolute; z-index:-1; pointer-events:none; width:min(1363px,100%); height:613px; left:50%; bottom:-50px; transform:translateX(-50%); background:url('../images/greetings/composer-glow.svg') center/contain no-repeat; }
.greetings-main .greetings-composer-section .section-titles { gap:12px; margin-bottom:32px; }
.greetings-main .greetings-composer-section .section-sub-title { max-width:506px; }
.greetings-main .greetings-composer { max-width:965px; margin:auto; }
.greetings-main .greetings-format-picker { padding:0; margin:0; border:0; min-width:0; }
.greetings-format-picker legend,.greetings-transfer-note { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.greetings-main .greetings-format-options { display:flex; align-items:center; width:max-content; max-width:100%; height:48px; padding:4px; margin:auto; border:1px solid var(--border); border-radius:28px; background:var(--bg-color); overflow-x:auto; scrollbar-width:none; }
.greetings-format-options::-webkit-scrollbar { display:none; }
.greetings-format-options label { position:relative; flex:0 0 auto; cursor:pointer; }
.greetings-format-options input { position:absolute; width:1px; height:1px; opacity:0; }
.greetings-main .greetings-format-options span { display:flex; align-items:center; justify-content:center; height:38px; padding:0 20px; border:1px solid transparent; border-radius:28px; color:var(--text-color); font-size:16px; line-height:20px; font-weight:500; white-space:nowrap; }
.greetings-main .greetings-format-options input:checked+span { background:var(--main-container6); border-color:var(--border); color:var(--accent-color); }
.greetings-format-options input:focus-visible+span { outline:2px solid var(--accent-color); outline-offset:-2px; }
.greetings-main .greetings-compose-grid { display:grid; grid-template-columns:minmax(0,500fr) minmax(0,379fr); gap:28px; margin-top:20px; padding:28px; border:1px solid var(--border); border-radius:12px; background:var(--bg-color); }
.greetings-fields,.greetings-prompt-panel { min-width:0; }
.greetings-main .greetings-field-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:28px; }
.greetings-main .greetings-field { display:flex; flex-direction:column; gap:10px; min-width:0; font-size:16px; line-height:20px; font-weight:500; }
.greetings-field-title,.greetings-prompt-title { display:flex; align-items:center; gap:8px; }
.greetings-field-title::before { content:''; width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:var(--accent-color); }
.greetings-prompt-title { gap:4px; }
.greetings-main .greetings-field input,.greetings-main .greetings-field select,.greetings-main .greetings-field textarea { width:100%; min-width:0; padding:15px; border:1px solid var(--border); border-radius:8px; color:var(--text-color); background:var(--bg-color); font:400 16px/20px Inter,sans-serif; }
.greetings-main .greetings-field input,.greetings-main .greetings-field select { height:52px; }
.greetings-main .greetings-field textarea { resize:vertical; min-height:92px; }
.greetings-field input::placeholder,.greetings-field textarea::placeholder { color:var(--text-color3); opacity:1; }
.greetings-field input:focus-visible,.greetings-field select:focus-visible,.greetings-field textarea:focus-visible { outline:2px solid var(--accent-color); outline-offset:2px; }
.greetings-main #g-details-note { display:flex; align-items:flex-start; gap:8px; padding:10px; margin-top:8px; border:1px solid #5489f01a; border-radius:6px; background:#5489f01a; color:var(--text-color); font-size:14px; line-height:18px; }
.greetings-info-icon,.greetings-sparkles-icon,.greetings-copy-icon { display:inline-block; width:20px; height:20px; flex:0 0 20px; background:var(--accent-color); mask:center/contain no-repeat; }
.greetings-info-icon { mask-image:url('../images/greetings/info.svg'); }
.greetings-sparkles-icon { mask-image:url('../images/documents/action-sparkles.svg'); }
.greetings-copy-icon { width:24px; height:24px; mask-image:url('../images/icons/copy.svg'); }
.greetings-main .greetings-prompt-panel { display:flex; flex-direction:column; gap:28px; padding-left:28px; border-left:1px solid var(--border); position:relative; }
.greetings-prompt-panel>.greetings-field { flex:1; }
.greetings-main #g-prompt-preview { flex:1; min-height:192px; }
.greetings-main .greetings-prompt-actions { display:grid; grid-template-columns:48px minmax(0,1fr); gap:10px; }
.greetings-main #g-copy { width:48px; height:48px; padding:0; background:var(--main-container6); border:1px solid var(--border); border-radius:6px; }
.greetings-main #g-copy:hover { background:var(--primary-cont-hov); }
.greetings-prompt-actions .btn-start { min-height:48px; width:100%; padding:12px 16px; }
.greetings-copy-status { font-size:13px; line-height:18px; color:var(--accent-color); }
.greetings-copy-status:empty { display:none; }
@media(max-width:1023px) and (min-width:768px) { .greetings-main .greetings-compose-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; padding:20px; }.greetings-main .greetings-prompt-panel { padding-left:20px; }.greetings-main .greetings-field-pair { grid-template-columns:1fr; gap:20px; } }
@media(max-width:767px) {
 .greetings-main .greetings-composer-section { padding:60px 0; }
 .greetings-composer-section::before { height:850px; bottom:0; background-size:auto 70%; }
 .greetings-main .greetings-composer-section .section-titles { gap:8px; margin-bottom:20px; }
 .greetings-main .greetings-composer-section .section-title { font-size:26px; line-height:30px; }
 .greetings-main .greetings-composer-section .section-sub-title { font-size:16px; line-height:20px; }
 .greetings-main .greetings-format-options { width:100%; background:var(--main-container6); }
 .greetings-main .greetings-format-options span { padding:0 12px; font-size:14px; line-height:18px; }
 .greetings-main .greetings-format-options input:checked+span { background:var(--bg-color); }
 .greetings-main .greetings-compose-grid { grid-template-columns:minmax(0,1fr); padding:20px 16px; gap:20px; border-radius:10px; }
 .greetings-main .greetings-field-pair { grid-template-columns:minmax(0,1fr); gap:20px; margin-bottom:20px; }
 .greetings-main .greetings-field input,.greetings-main .greetings-field select { height:48px; padding-block:13px; }
 .greetings-main #g-details { min-height:112px; }
 .greetings-main .greetings-prompt-panel { border-left:0; border-top:1px solid var(--border); padding:20px 0 0; gap:10px; }
 .greetings-main #g-prompt-preview { min-height:144px; }
 .greetings-main .greetings-prompt-actions { grid-template-columns:48px minmax(0,1fr); gap:8px; }
}
@media(prefers-reduced-motion:reduce) { .greetings-main *,.greetings-main *::before,.greetings-main *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

.greetings-main .greetings-hero-note b,.greetings-main .greetings-hero-song b,.greetings-main .greetings-benefit h3,.greetings-main .greetings-final-chips>span { display:flex; align-items:center; gap:6px; }
.greetings-main .greetings-hero-note .documents-emoji,.greetings-main .greetings-hero-song .documents-emoji { width:24px; height:24px; }
.greetings-main .greetings-final-chips .documents-emoji { width:16px; height:16px; }
.greetings-note-sparkle { display:inline-block; width:12px; height:12px; background:var(--accent-color); mask:url("../images/documents/action-sparkles.svg") center/contain no-repeat; }
.greetings-benefit--tone .greetings-note-sparkle { background:var(--violet-add); }
.greetings-heart { display:inline-block; width:12px; height:12px; background:var(--pinky-add); mask:url("../images/icons/heart.svg") center/contain no-repeat; }
.greetings-main .greetings-hero-note .greetings-mini-chip { color:var(--violet-add); background:#8a6bec1a; }
.greetings-main .greetings-hero-postcard .greetings-scene-label::before { color:var(--accent-color); }
.greetings-main .greetings-hero-wishes::before { color:var(--violet-add); }
.greetings-main .greetings-benefit--tone .greetings-mini-chip:first-of-type { border-color:var(--pinky-add); }
/* Decorative players reproduce the design; only the examples contain media. */
.greetings-preview-track{display:flex;align-items:center;gap:8px;width:100%;color:var(--violet-add)}
.greetings-preview-play{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#dc65d8,#7436db)}
.greetings-preview-play::after{content:'';width:14px;height:14px;background:white;mask:url('../images/audio/play-icon.svg') center/contain no-repeat}
.greetings-preview-track small{font:400 10px/14px Inter,sans-serif;color:var(--text-color3);white-space:nowrap}
.greetings-preview-track .greetings-wave{flex:1;min-width:0;margin:0;height:28px;background:repeating-linear-gradient(90deg,var(--violet-add) 0 2px,transparent 2px 6px)}
.greetings-preview-progress{flex:1;height:4px;background:linear-gradient(to right,var(--accent-color) 35%,var(--main-container2) 35%);border-radius:4px}
.greetings-main .greetings-hero-song .greetings-preview-play{background:#ee259d1a;border:1px solid #ee259d26}
.greetings-hero-song .greetings-preview-play::after{background:var(--pinky-add)}
.greetings-main .greetings-hero-song .greetings-wave{background:repeating-linear-gradient(90deg,var(--pinky-add) 0 2px,transparent 2px 6px)}
.greetings-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#0006;backdrop-filter:blur(8px)}
.greetings-video-play::after{content:'';width:24px;height:24px;background:white;mask:url('../images/audio/play-icon.svg') center/contain no-repeat}
.greetings-video-bottom{display:grid;grid-template-columns:1fr auto;gap:12px 6px;align-items:center;font-size:12px}
.greetings-video-progress{grid-column:1/-1;height:3px;border-radius:3px;background:linear-gradient(to right,white 33%,#fff5 33%)}
.greetings-tile-icon{display:inline-grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:4px;background:linear-gradient(135deg,#f489cf,#9b20d8)}
.greetings-tile-icon::after{content:'';width:18px;height:18px;background:white;mask:url('../images/icons/mail-outline.svg') center/contain no-repeat}
.greetings-tile-icon--mic{background:linear-gradient(135deg,#fa94cf,#ed259d)}
.greetings-tile-icon--mic::after{mask-image:url('../images/audio/export-mic.svg')}
.greetings-art-note .documents-emoji{display:inline-block;width:16px;height:16px;vertical-align:middle}
.greetings-green-heart{filter:hue-rotate(255deg)}
.greetings-main .greetings-format--video .greetings-video-photo{width:142px;height:167px;border:0;border-radius:0;top:0;right:20px;transform:none;object-fit:contain}
.greetings-format--video .greetings-preview-track{position:absolute;width:198px;right:12px;top:92px;background:var(--greetings-surface);padding:6px 10px;border-radius:50px}
.greetings-main .greetings-format--audio .greetings-art-note{width:270px;max-width:85%;left:12px;top:12px;gap:6px;border-color:var(--violet-add)}
.greetings-main .greetings-format--photo .greetings-art-note{top:20px;left:18px}
.greetings-main .greetings-format--video::before{left:calc(50% - 472px);top:calc(50% - 263px);transform:rotate(90.72deg) scaleY(-1)}
.greetings-main .greetings-format--video .greetings-format-art>img:first-child{width:212px;height:212px;top:-40px;left:-20px;transform:rotate(-23deg)}
/* Match the fixed illustration geometry independently of the text below it. */
.greetings-main .greetings-benefit-scene{position:absolute;inset:0 0 auto;height:220px;margin:0;min-height:0}
.greetings-main .greetings-four-dots{position:absolute;top:24px;left:24px}
.greetings-main .greetings-benefit--tone .greetings-four-dots{box-shadow:16px 0 var(--accent-color),0 16px #ffffff1a,16px 16px #ffffff1a}
.greetings-main .greetings-benefit--edit .greetings-four-dots{box-shadow:16px 0 var(--accent-color),0 16px var(--accent-color),16px 16px #ffffff1a}
.greetings-main .greetings-benefit--share .greetings-four-dots{box-shadow:16px 0 var(--accent-color),0 16px var(--accent-color),16px 16px var(--accent-color)}
.greetings-main .greetings-benefit-photo{width:142px;height:auto;right:20px;top:20px;padding:6px;background:#161616;border:1px solid #ffffff1a;border-radius:8px;display:grid;gap:6px;transform:rotate(6deg);margin:0}
.greetings-benefit-photo img{display:block;width:100%;height:128px;object-fit:cover;border-radius:4px}
.greetings-benefit-photo figcaption{font:400 12px/16px Inter,sans-serif;text-align:center;color:white;white-space:nowrap}
.greetings-main .greetings-benefit--edit .greetings-benefit-photo{width:154px;top:20px;right:30px;transform:rotate(5deg)}
.greetings-benefit--edit .greetings-benefit-photo img{height:166px}
.greetings-main .greetings-benefit--share .greetings-benefit-photo{width:124px;right:20px;top:19px;transform:none}
.greetings-benefit--share .greetings-benefit-photo img{height:120px}
.greetings-benefit--share .greetings-benefit-photo figcaption{color:#ffffff99}
.greetings-benefit-photo .greetings-video-play{width:32px;height:32px;top:64px}
.greetings-benefit-photo .greetings-video-play::after{width:18px;height:18px}
.greetings-main .greetings-benefit-note{width:198px;max-width:198px;left:auto;right:180px;top:34px;padding:12px;font-size:14px;line-height:18px;z-index:1}
.greetings-main .greetings-benefit-note b{display:flex;align-items:center;gap:6px;font-weight:400;white-space:nowrap}
.greetings-main .greetings-benefit-note p{font-size:14px;line-height:18px;color:#ffffff99;margin-top:8px}
.greetings-main .greetings-benefit--tone .greetings-benefit-note{left:auto;right:20px;top:19px}
.greetings-main .greetings-benefit--tone .greetings-benefit-note b{color:#ffffff99}
.greetings-main .greetings-benefit--tone .greetings-benefit-note p{color:white}
.greetings-main .greetings-benefit--edit .greetings-benefit-note{left:32px;right:auto;top:104px;width:210px;max-width:210px}
.greetings-main .greetings-benefit--edit .greetings-mini-chip{left:70px;top:54px}
.greetings-main .greetings-benefit--tone .greetings-mini-chip{left:52px;top:100px;border-color:var(--pinky-add)}
.greetings-main .greetings-benefit--tone .greetings-mini-chip:last-child{left:122px;top:174px;border-color:#ffffff1a}
.greetings-tone-icon{color:var(--lime-add)}
.greetings-main .greetings-benefit-small-star{width:130px;height:130px;left:105px;top:12px;transform:rotate(-39.66deg)}
.greetings-benefit-corner-star,.greetings-benefit-center-star{position:absolute;object-fit:contain;pointer-events:none}
.greetings-benefit--personal .greetings-benefit-corner-star{width:108px;height:108px;right:-30px;top:192px;transform:rotate(-19.83deg)}
.greetings-benefit--edit .greetings-benefit-corner-star{width:120px;height:120px;left:30px;top:120px;transform:rotate(13.98deg)}
.greetings-benefit--share .greetings-benefit-corner-star{width:140px;height:140px;right:-20px;top:185px;transform:rotate(-17.12deg)}
.greetings-benefit-center-star{width:200px;height:200px;left:150px;top:-50px;transform:rotate(-3.7deg)}
.greetings-share-chips{position:absolute;right:160px;top:30px;display:grid;justify-items:end;gap:10px;z-index:1}
.greetings-share-chips>span{display:flex;align-items:center;gap:6px;border:1px solid #ffffff1a;background:#161616;border-radius:30px;padding:8px 12px;color:white;font:400 12px/16px Inter,sans-serif}
.greetings-share-chips i{width:14px;height:14px;flex:0 0 14px}
.greetings-download-icon{background:var(--lime-add);mask:url('../images/icons/download.svg') center/contain no-repeat}
.greetings-main .greetings-benefit h3,.greetings-main .greetings-benefit ul{position:relative;z-index:1}
.greetings-main .greetings-dark-section{padding-bottom:180px}
.greetings-dark-section>.container{position:relative;z-index:1}
.greetings-main .greetings-dark-section>.documents-comparison-bg{z-index:0;bottom:0}
.greetings-main .greetings-dark-section .compare-body{isolation:auto}
.greetings-main .greetings-final-chips>span{background:rgba(0,0,0,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:white}
.greetings-main .greetings-final .btn-start{transition:background-color .2s,color .2s}
.greetings-main .greetings-final .btn-start:hover,.greetings-main .greetings-final .btn-start:focus-visible{background:var(--accent-color);color:var(--bg-color)}
.greetings-main .greetings-final .btn-start .icon{background:currentColor}
/* The examples use the site's native video and audio controls. */
.greetings-example-card video{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;background:#161616}
.greetings-example-card audio{width:100%}
.greetings-main .audio-example-card__track{display:flex;align-items:center;gap:12px;width:100%;padding:0 8px;box-sizing:border-box}
.greetings-main .audio-play{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--main-container6);color:var(--accent-color);cursor:pointer}
.greetings-main .audio-play>span{width:16px;height:16px;background:currentColor;mask:url('../images/audio/play-icon.svg') center/contain no-repeat}
.greetings-main .audio-play[aria-pressed=true]>span{mask:none;width:10px;height:12px;background:linear-gradient(to right,currentColor 0 35%,transparent 35% 65%,currentColor 65%)}
.greetings-main .audio-play:hover,.greetings-main .audio-repeat:hover{background:var(--primary-cont-hov)}
.greetings-main .audio-seek{appearance:none;-webkit-appearance:none;flex:1;min-width:0;width:100%;height:24px;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;color:var(--accent-color)}
.greetings-main .audio-seek::-webkit-slider-runnable-track{height:6px;border-radius:100px;background:linear-gradient(to right,var(--accent-color) 0 var(--audio-progress,0%),var(--border) var(--audio-progress,0%) 100%)}
.greetings-main .audio-seek::-moz-range-track{height:6px;border-radius:100px;background:var(--border)}
.greetings-main .audio-seek::-moz-range-progress{height:6px;border-radius:100px;background:var(--accent-color)}
.greetings-main .audio-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-4px;border:0;border-radius:50%;background:var(--accent-color)}
.greetings-main .audio-seek::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--accent-color)}
.greetings-main .audio-seek:focus-visible,.greetings-main .audio-play:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}
.greetings-main .audio-example-card__track time{flex:none;min-width:32px;font-size:14px;line-height:18px;font-variant-numeric:tabular-nums;color:var(--text-color3)}
.greetings-main .audio-player-ready audio{display:none}
.greetings-main .audio-example-card:not(.audio-player-ready) .audio-example-card__track,.greetings-main .audio-example-card:not(.audio-player-ready) .audio-repeat{display:none}
.greetings-main .audio-repeat{padding:12px;border:1px solid var(--border);border-radius:6px;cursor:pointer}
.greetings-audio-duration{position:absolute;top:30px;right:24px;padding:4px 6px;border-radius:4px;color:white;background:#0006;font-size:12px}
.greetings-audio-duration:empty{display:none}
@media(max-width:1023px) and (min-width:768px){
.greetings-main .greetings-benefits{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:12px}
.greetings-main .greetings-benefit{grid-column:auto;grid-row:auto;min-height:400px;padding:24px}
.greetings-main .greetings-benefit-note{left:24px;top:70px;right:auto}
.greetings-main .greetings-benefit--tone .greetings-benefit-note{left:auto;right:20px;top:20px}
.greetings-main .greetings-benefit--personal .greetings-benefit-small-star{left:70px;top:0}
.greetings-main .greetings-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}
}
@media(max-width:767px){
.greetings-main .greetings-dark-section{padding-bottom:100px}
.greetings-main .greetings-benefit{min-height:400px;padding:24px}
.greetings-main .greetings-benefit-scene{min-height:0}
.greetings-main .greetings-benefit-photo{width:120px;right:12px;top:16px}
.greetings-benefit-photo img{height:106px}
.greetings-main .greetings-benefit-note{left:24px;right:auto;top:80px;width:180px;max-width:180px}
.greetings-main .greetings-benefit--personal .greetings-benefit-small-star{left:60px;top:5px;width:100px;height:100px}
.greetings-main .greetings-benefit--edit .greetings-benefit-photo{width:138px;right:16px}
.greetings-main .greetings-benefit--edit .greetings-benefit-photo img{height:144px}
.greetings-main .greetings-benefit--edit .greetings-benefit-note{left:24px;top:108px;width:195px}
.greetings-main .greetings-benefit--tone .greetings-benefit-note{right:16px;left:auto;top:20px;width:180px}
.greetings-main .greetings-benefit--tone .greetings-mini-chip{left:24px;top:130px}
.greetings-main .greetings-benefit--tone .greetings-mini-chip:last-child{left:110px;top:192px}
.greetings-share-chips{right:auto;left:24px;top:130px;gap:8px}
.greetings-main .greetings-hero-song .greetings-preview-track{gap:4px}
.greetings-main .greetings-hero-song .greetings-preview-play{width:22px;height:22px;flex-basis:22px}
.greetings-main .greetings-hero-song .greetings-preview-track small{font-size:8px}
.greetings-main .greetings-hero-video figcaption{font-size:10px;padding:8px}
.greetings-video-bottom{font-size:9px;gap:8px 4px}
.greetings-main .greetings-format-art{height:148px}
.greetings-main .greetings-format--postcard .greetings-format-art{height:345px}
.greetings-main .greetings-final-chips>span{font-size:12px;padding:8px 10px;gap:4px}
}
.greetings-main .greetings-format-art>img{max-width:none}
.greetings-main .greetings-hero-note p,.greetings-main .greetings-hero-song p{font-size:14px;line-height:18px}
.greetings-main .greetings-art-note small span{padding:3px 8px;border-radius:20px;background:#28bcfc1a;color:var(--accent-color)}
.greetings-main .greetings-format--text .greetings-art-note small span{padding:0;background:none;color:var(--text-color3)}
.greetings-main .greetings-final-title-line{display:flex;align-items:center;justify-content:center;gap:8px}
.greetings-main .greetings-final .documents-toggle{flex:0 0 68px}
.greetings-main .greetings-format--video .greetings-preview-play{background:linear-gradient(135deg,#61d3ff,#3134e9)}
@media(max-width:767px){.greetings-main .greetings-hero-song p{font-size:12px;line-height:16px}.greetings-main .greetings-final .documents-toggle{flex-basis:50px;width:50px;height:30px}.greetings-main .greetings-final .documents-toggle::after{width:22px;height:22px}}
.greetings-main .greetings-benefit-small-star{width:108px;height:108px;left:105px;top:5px;transform:rotate(-19.83deg)}
.greetings-benefit--personal .greetings-benefit-corner-star{width:130px;height:130px;right:-45px;top:170px;transform:rotate(-39.66deg)}
.greetings-main .greetings-format-art>img{max-height:none}
.greetings-main .greetings-preview-track .greetings-wave{display:flex;align-items:center;justify-content:space-between;gap:2px;clip-path:none;background:none;overflow:hidden}
.greetings-wave i{width:2px;height:var(--bar-height);flex:0 0 2px;border-radius:1px;background:var(--violet-add)}
.greetings-hero-song .greetings-wave i{background:var(--pinky-add)}
.greetings-hero-song .greetings-wave i:nth-child(n+10){background:var(--border)}
@media(max-width:767px){
.greetings-main .greetings-hero-title-line{width:calc(100% + 20px);margin-inline:-10px;gap:4px}
.greetings-main .greetings-hero .documents-hero__heading .section-big-title{font-size:clamp(24px,8vw,30px);white-space:nowrap}
.greetings-main .greetings-hero .documents-toggle{margin:0;width:clamp(44px,14vw,53px)}
.greetings-main .greetings-hero-song b{font-size:12px;line-height:16px;gap:6px}
.greetings-main .greetings-hero-song .greetings-tile-icon{width:24px;height:24px;flex-basis:24px}
.greetings-main .greetings-hero-song .greetings-tile-icon::after{width:14px;height:14px}
}
.greetings-main .greetings-format--text::before{inset:auto;width:1200px;height:1200px;left:calc(50% - 945.29px);top:calc(50% - 415.48px);transform:rotate(162.38deg);background-size:contain}
.greetings-main #formats .section-title,.greetings-main .greetings-dark-section>.container>.section-titles .section-title{text-wrap:initial}
@media(max-width:767px){.greetings-main .greetings-hero-song b{font-size:11px;white-space:nowrap}.greetings-main .greetings-hero-song .greetings-tile-icon{width:20px;height:20px;flex-basis:20px}}
/* Exact Figma tone chips: 16px artwork, 6px gap and 14/18 type. */
.greetings-main .greetings-benefit--tone .greetings-mini-chip{display:inline-flex;align-items:center;gap:6px;padding:8px;min-height:36px;width:95px;font:400 14px/18px Inter,sans-serif;white-space:nowrap}
.greetings-main .greetings-benefit--tone .greetings-mini-chip:last-child{width:120px}
.greetings-main .greetings-benefit--tone .greetings-heart{width:16px;height:16px;flex:0 0 16px;background:var(--pinky-add);mask-image:url('../images/greetings/tone-heart.svg')}
.greetings-main .greetings-benefit--tone .greetings-tone-icon{display:block;width:16px;height:16px;flex:0 0 16px;background:var(--lime-add);mask:url('../images/greetings/tone-text.svg') center/10.666px 8.666px no-repeat}
.greetings-main .greetings-benefit--edit .greetings-mini-chip{display:inline-flex;align-items:center;gap:6px;width:100px;min-height:36px;padding:8px;font:400 14px/18px Inter,sans-serif;color:#fff;background:#161616;border-color:#ffffff1a}
.greetings-main .greetings-benefit--edit .greetings-heart{width:16px;height:16px;flex:0 0 16px;mask-image:url('../images/greetings/tone-heart.svg')}

/* Translated headings and scene captions may span more lines. */
html:not([lang=ru]) .greetings-main .greetings-letter-art{background:var(--greetings-surface)}
.greetings-letter-translation{display:grid;justify-items:center;align-content:start;gap:12px;padding:24px 20px 35px;text-align:center;font-size:14px;line-height:18px;color:var(--text-color)}
.greetings-letter-translation b{font:400 26px/28px Georgia,serif}
.greetings-letter-translation .greetings-heart{width:20px;height:20px;background:var(--pinky-add)}
html:not([lang=ru]) .greetings-main .greetings-benefit-note b{white-space:normal}
html:not([lang=ru]) .greetings-main .greetings-benefit{overflow:clip}
html:not([lang=ru]) .greetings-main .greetings-example-tag{max-width:95%;text-align:center;white-space:normal}
html:not([lang=ru]) .greetings-main .greetings-format-copy button{height:auto;padding-block:12px;white-space:normal}
@media(max-width:767px){
 html:not([lang=ru]) .greetings-main .greetings-hero-title-line{width:100%;margin-inline:0;gap:8px}
 html:not([lang=ru]) .greetings-main .greetings-hero .documents-hero__heading .section-big-title{white-space:normal;min-width:0;line-height:1.15}
 html:not([lang=ru]) .greetings-main .greetings-hero-song b{white-space:normal}
}
/* Clip the header fill to the accent column's rounded border. */
.greetings-main .compare-col--accent{overflow:hidden}
.greetings-inline-video{position:relative;width:100%;aspect-ratio:3/4}
.greetings-main .greetings-example-card .greetings-video-preview{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:8px;overflow:hidden;background:#161616;cursor:pointer}
.greetings-video-preview>img{display:block;width:100%;height:100%;object-fit:cover}
.greetings-video-preview:focus-visible{outline:3px solid var(--accent-color);outline-offset:3px}
.greetings-inline-video video{display:block;height:100%}
.greetings-main .greetings-video-error{position:absolute;inset:auto 8px 8px;padding:8px;border-radius:6px;background:var(--bg-color);color:var(--text-color);font-size:12px}