:root{--paper:#f8f6fb;--ink:#231833;--muted:#625674;--purple:#5933a2;--line:#e5deef;--white:#fff;--shadow:0 16px 42px #2d175515;color-scheme:light;font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8652dc;outline-offset:4px}
.wrap{width:min(1160px,calc(100% - 56px));margin-inline:auto}
.mast{background:#fff;border-bottom:1px solid var(--line)}
.bar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;gap:10px;line-height:1}
.brand b{display:block;font-size:27px;letter-spacing:-.07em}
.brand small{font:700 10px monospace;letter-spacing:.18em;color:var(--purple)}
.brand-mark{background:#ede3ff;color:var(--purple);border-radius:13px;width:41px;height:41px;display:grid;place-items:center;font-size:23px}
nav{display:flex;gap:28px;color:var(--muted);font-size:14px}
nav a{display:flex;align-items:center;min-height:44px}
nav a:hover,.textlink:hover{color:var(--purple)}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:12px;padding:11px 17px;min-height:46px;font-size:14px;font-weight:700;color:var(--ink);background:#fff;transition:background .2s,box-shadow .2s,transform .2s}
.pill:hover{transform:translateY(-2px);box-shadow:0 7px 18px #43277323}
.pill:active{transform:translateY(0)}
.outline{border-color:#dcd1ec;color:#47267d}
.dark{color:white;background:var(--ink)}
.hero .dark{background:#502b92}
.arrow{width:18px;height:18px;display:inline-block;flex:none;vertical-align:middle}
a:not(.pill) .arrow{margin-inline-start:5px}
.textlink{padding:0;border:0;background:transparent;font-size:14px;font-weight:700;color:#543482;text-decoration:underline;text-underline-offset:5px}
.hero-shell{background:radial-gradient(ellipse at 18% 8%,#eee5ff 0,transparent 52%),var(--paper)}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(27px,6vw,88px);align-items:center;padding-block:58px 56px}
.intro{animation:intro .65s ease-out both}
@keyframes intro{from{opacity:0;transform:translateY(13px)}}
.eyebrow{font-size:12px;font-weight:bold;color:var(--purple);margin:0 0 12px}
.intro .eyebrow{display:inline-flex;gap:8px;align-items:center;background:#efe7fb;padding:9px 12px;border-radius:30px}
.dot,.stage-badge i{width:7px;height:7px;border-radius:50%;background:#7951b5}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(42px,6.35vw,88px);letter-spacing:-.062em;line-height:1.13;margin-bottom:18px}
h1 em{font-style:normal;color:var(--purple)}
.lede{font-size:17px;line-height:1.95;color:var(--muted);max-width:420px}
.buttons{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:21px}
.demo{min-width:0}
.stage{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:clamp(365px,39vw,490px);border:1px solid #d4c1f1;border-radius:27px;padding:17px 19px;background:radial-gradient(ellipse at 50% 47%,#f8eafe,#d9c4fa 67%,#c5acf0);box-shadow:var(--shadow)}
.stage-top,.stage-bottom{z-index:3;display:flex;justify-content:space-between;align-items:center;gap:8px}
.stage-badge{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:30px;background:#ffffffce;font-size:11px;font-weight:bold;color:#432872}
.edition{font:700 10px monospace;letter-spacing:.13em;color:#442668}
#sound{display:grid;place-items:center;border-radius:50%;width:44px;height:44px;border:1px solid #fff;background:#ffffffb8;color:#492981}
#sound[aria-pressed=false]{opacity:.58}
#gift{background:#fff;color:#38245c;box-shadow:0 6px 22px #38245c20}
.gift-replay,.stage[data-step=letter] .gift-next{display:none}
.stage[data-step=letter] .gift-replay{display:inline-block}
.visual{position:absolute;inset:35px 0 41px;display:grid;place-items:center;perspective:950px;pointer-events:none}
.orbit{position:absolute;border:1px solid #fff9;border-radius:50%;aspect-ratio:1;width:min(68%,350px)}
.orbit-inner{width:min(51%,270px);border-style:dashed}
.shadow{position:absolute;top:69%;width:min(55%,260px);height:50px;background:#4c247851;border-radius:50%;filter:blur(15px);transform:scaleY(.52)}
.present{position:relative;width:190px;height:132px;transform-style:preserve-3d;transform:translateY(24px) scale(var(--box-scale,1));animation:float 4s ease-in-out infinite}
@keyframes float{50%{transform:translateY(16px) scale(var(--box-scale,1))}}
.box-model{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-21deg) rotateY(-30deg);transition:transform .72s cubic-bezier(.18,.7,.24,1)}
.stage:not([data-step=closed]) .box-model{transform:rotateX(-18deg) rotateY(-17deg)}
.box-face,.box-lid{position:absolute;inset:0;border:1px solid #8240b85c;backface-visibility:visible}
.front{transform:translateZ(75px);background:linear-gradient(150deg,#f5a8d0,#c16ab1);display:grid;place-content:center;justify-items:center;color:#fff2f8;text-shadow:0 1px 3px #68295c5c}
.front b{font:700 22px Georgia,serif;letter-spacing:.15em}
.front i{font-style:normal;font-size:13px;margin-top:7px}
.back{transform:rotateY(180deg) translateZ(75px);background:#9f5c9c}
.side{width:150px;left:20px;right:auto;background:linear-gradient(120deg,#af62aa,#834682)}
.right{transform:rotateY(90deg) translateZ(95px)}
.left{transform:rotateY(-90deg) translateZ(95px)}
.base{height:150px;top:-9px;transform:translateY(66px) rotateX(90deg);background:#935187}
.box-lid{width:190px;height:150px;transform-origin:center top;transform:translateZ(-75px) rotateX(90deg);transform-style:preserve-3d;background:repeating-linear-gradient(130deg,#ffffff24 0 9px,transparent 9px 17px),linear-gradient(120deg,#ee9bc8,#ba6cbb);border:2px solid #fff5;transition:transform .82s cubic-bezier(.18,.78,.24,1)}
.stage:not([data-step=closed]) .box-lid{transform:translateZ(-75px) rotateX(-20deg)}
.box-lid::before,.box-lid::after{content:"";position:absolute;background:#fff0bb}
.box-lid::before{inset:0 auto 0 calc(50% - 8px);width:16px}
.box-lid::after{inset:calc(50% - 8px) 0 auto;height:16px}
.bow{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(6px);width:56px;height:28px}
.bow i{position:absolute;width:31px;height:22px;top:3px;border:5px solid #fff4c9;border-radius:60% 45%;transform:rotate(24deg);filter:drop-shadow(0 1px 0 #c68583)}
.bow i:nth-child(2){right:0;transform:rotate(-24deg)}
.bow b{position:absolute;top:9px;left:23px;width:11px;height:11px;border-radius:50%;background:#ffe69f}
.cake-reveal{position:absolute;z-index:2;top:26%;width:min(45%,218px);opacity:0;transform:translateY(56px) scale(.55);filter:drop-shadow(0 6px 8px #5c285435);transition:transform .68s cubic-bezier(.17,.75,.25,1.18),opacity .3s}
.stage:not([data-step=closed]) .cake-reveal{opacity:1;transform:translateY(-30%) scale(1);transition-delay:.21s}
.stage[data-step=letter] .flames{opacity:0}
.flames{transition:opacity .25s}
.spark{position:absolute;color:#fff6ff;text-shadow:0 0 13px #a378d2;pointer-events:none;font-size:23px}
.one{left:17%;top:30%}.two{right:17%;top:27%}.three{right:17%;bottom:23%}
.confetti{position:absolute;inset:0;overflow:hidden;z-index:4}
.confetti i{position:absolute;left:50%;top:53%;width:7px;height:10px;background:var(--piece);border-radius:2px;opacity:0}
.stage[data-step=cake] .confetti i{animation:burst 1s var(--delay) ease-out both}
@keyframes burst{15%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--turn));opacity:0}}
.demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;list-style:none;padding:6px;margin:10px 0 0;background:#fff;border:1px solid var(--line);border-radius:14px}
.demo-steps li{display:flex;align-items:center;justify-content:center;gap:6px;min-height:35px;font-size:11px;color:#635876;border-radius:8px;white-space:nowrap}
.demo-steps b{font:700 10px monospace}
.demo-steps [aria-current]{background:#eee4fe;color:#462780;font-weight:bold}
.occasion{padding-block:58px 62px;border-top:1px solid var(--line)}
h2{font-size:clamp(30px,4.5vw,52px);letter-spacing:-.05em;margin-bottom:22px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card{display:flex;flex-direction:column;align-items:flex-start;min-height:232px;border:1px solid var(--line);border-radius:20px;padding:20px;background:white;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card.rose{border-color:#d5c2f0}
.number{padding:5px 8px;border-radius:20px;background:#f2eef8;color:#554468;font-size:11px;font-weight:bold}
.icon{margin-block:15px 9px;width:51px;height:51px;border-radius:15px;background:#eee1ff;color:#663a9c;display:grid;place-items:center}
.mint .icon{background:#e1efe6;color:#315941}.lilac .icon{background:#f8e5ec;color:#7f3458}
.icon svg{width:30px;height:30px}
.card h3{margin-bottom:7px;font-size:23px}
.card p,.how p,.order p{color:var(--muted);line-height:1.75;font-size:14px}
.card a{font-size:13px;color:var(--purple);font-weight:700;margin-top:auto;display:inline-flex;align-items:center;min-height:40px}
.how{border-top:1px solid var(--line);padding-block:45px;display:grid;grid-template-columns:.7fr 1.3fr;gap:23px}
.how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;padding:0;margin:0}
.how li b{width:30px;height:30px;border-radius:9px;background:#ede3fc;color:#503083;display:grid;place-items:center;margin-bottom:10px}
.how li p{margin:5px 0}
.order{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:clamp(20px,5vw,55px);background:#eee6fb;border:1px solid var(--line);border-radius:22px;margin-bottom:40px}
.order .quiet{font-size:13px}
form{display:grid;gap:8px}
label{font-size:13px;font-weight:bold}
input,textarea{width:100%;min-width:0;min-height:45px;padding:10px 12px;background:#fff;border:1px solid #cfc3df;border-radius:10px;color:var(--ink);font-size:16px;resize:vertical}
form>.pill{justify-self:start;margin-top:5px}
#summary{margin-top:8px}
#summary textarea{margin-block:5px}
footer{display:flex;justify-content:space-between;align-items:center;min-height:92px;border-top:1px solid var(--line);font-size:13px}
footer p{margin:0}
dialog{border:1px solid var(--line);border-radius:23px;width:min(430px,calc(100% - 28px));padding:28px;background:white;color:var(--ink);text-align:center;box-shadow:0 20px 90px #21123865;animation:intro .35s ease-out}
dialog::backdrop{background:#26143b8c;backdrop-filter:blur(4px)}
dialog .seal{display:grid;place-items:center;width:53px;height:53px;margin:0 auto 14px;border-radius:17px;background:#eee4fd;color:var(--purple);font-size:30px}
dialog p{line-height:1.8;color:var(--muted)}dialog h2{font-size:32px}#close-letter{display:block;margin:15px auto 0;min-height:44px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.observe{opacity:0;transform:translateY(18px);transition:opacity .55s,transform .55s}
.observe.in-view,.observe:focus-within{opacity:1;transform:none}
@media(max-width:830px){.wrap{width:calc(100% - 36px)}.hero{gap:23px}.stage{--box-scale:.88}.how{grid-template-columns:1fr}}
@media(max-width:680px){
.wrap{width:calc(100% - 28px)}.bar{display:grid;grid-template-columns:1fr auto;row-gap:3px;padding-block:9px 0}
.bar nav{grid-row:2;grid-column:1/-1;gap:19px;border-top:1px solid var(--line)}
.hero,.order{grid-template-columns:minmax(0,1fr)}
.hero{padding-block:28px 38px}
.stage{height:340px;--box-scale:.83;padding:13px}
.cards,.how ol{grid-template-columns:1fr}.card{min-height:0}
.occasion{padding-block:38px 44px}
}
@media(max-width:365px){.stage{height:309px;--box-scale:.75}.edition{font-size:8px}#gift{font-size:12px;padding-inline:9px}.demo-steps li{font-size:10px;gap:3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.observe{opacity:1;transform:none}}
.stage-top{grid-row:1}.stage-bottom{grid-row:3}
.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.peach .icon{background:#fae9de;color:#8d473b}
.demo-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:auto;border:0;background:none;color:var(--purple);font-weight:bold;font-size:13px;padding:0}
.demo-link:hover{text-decoration:underline;text-underline-offset:4px}
.stage[data-occasion=graduation]{background:radial-gradient(ellipse at 50% 46%,#f1f6e4,#c9e5cd 67%,#aac9b1);border-color:#afcbbb}
.stage[data-occasion=pregnancy]{background:radial-gradient(ellipse at 50% 46%,#fff5e7,#f1d0c2 67%,#e4b4ac);border-color:#e5c3b7}
.stage[data-occasion=reveal]{background:radial-gradient(ellipse at 50% 46%,#fff2fb,#e3cef4 66%,#c4c7ee)}
.stage:not([data-occasion=birthday]) .cake-reveal{display:none}
.occasion-art{display:none;position:absolute;z-index:2;top:24%;width:min(46%,218px);opacity:0;transform:translateY(55px) scale(.55);filter:drop-shadow(0 6px 8px #5c285435);transition:transform .68s cubic-bezier(.17,.75,.25,1.18),opacity .3s}
.stage[data-occasion=graduation] .graduation-art,.stage[data-occasion=pregnancy] .pregnancy-art,.stage[data-occasion=reveal] .reveal-art{display:block}
.stage:not([data-step=closed]) .occasion-art{opacity:1;transform:translateY(-20%) scale(1);transition-delay:.2s}
.stage[data-occasion=graduation] .front{background:linear-gradient(145deg,#7caa8d,#54866b)}
.stage[data-occasion=graduation] .side{background:linear-gradient(120deg,#52826b,#355f4b)}
.stage[data-occasion=graduation] .box-lid{background:repeating-linear-gradient(130deg,#ffffff24 0 9px,transparent 9px 17px),linear-gradient(120deg,#90bca2,#66987b)}
.stage[data-occasion=pregnancy] .front{background:linear-gradient(145deg,#e6a88b,#c47d6a)}
.stage[data-occasion=pregnancy] .side{background:linear-gradient(120deg,#c48b76,#aa6458)}
.stage[data-occasion=pregnancy] .box-lid{background:repeating-linear-gradient(130deg,#ffffff24 0 9px,transparent 9px 17px),linear-gradient(120deg,#eabb9c,#c8846f)}
.balloon{transition:opacity .28s,transform .28s;transform-box:fill-box;transform-origin:center}
.stage[data-step=letter] .blue-balloon{opacity:0;transform:scale(1.35)}
.stage[data-step=letter] .pink-balloon{transform:scale(1.1)}
select{width:100%;min-width:0;min-height:45px;padding:10px 12px;background:#fff;border:1px solid #cfc3df;border-radius:10px;color:var(--ink);font:inherit;font-size:16px}
select:focus-visible{outline:3px solid #8652dc;outline-offset:4px}
#reveal-choice label{display:block;margin-bottom:7px}
@media(max-width:680px){.cards{grid-template-columns:1fr}}
:root{--paper:#f8f7f2;--ink:#242125;--muted:#5e5861;--purple:#693152;--line:#e5ded5;--white:#fff;--shadow:0 22px 55px #31203520}
.mast{background:var(--paper)}
.bar{min-height:74px}
.brand-mark{background:#f0dce6;color:#6d3456;border-radius:50%;width:39px;height:39px}
.brand b{font-size:28px}
.brand small{color:#70415c}
.outline{border-color:#dcd2cc;color:var(--ink);background:transparent}
.pill{border-radius:100px}
.hero-shell{background:var(--paper)}
.hero{grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5.8vw,85px);padding-block:48px 58px}
.intro .eyebrow{background:transparent;padding:0;gap:8px;border-radius:0;align-items:center;margin-bottom:19px}
.dot{width:7px;height:7px;background:#a34873}
.studio-id{font:700 9px monospace;letter-spacing:.14em;color:#6a5b61;border-inline-start:1px solid #c9b8bf;padding-inline-start:9px}
h1{font-size:clamp(45px,6vw,84px);margin-bottom:14px;line-height:1.13}
h1 em{color:#853d68}
.lede{font-size:16px;margin-bottom:20px}
.hero .dark,.order .dark{background:#2e202c}
.occasion-picker{border-top:1px solid var(--line);padding-top:16px;margin-top:15px}
.picker-label{display:block;font-size:12px;font-weight:bold;color:#51444d;margin-bottom:8px}
.picker-options{display:flex;flex-wrap:wrap;gap:6px}
.picker-options button{border:1px solid #dfd5d6;border-radius:100px;color:#4e3a48;background:#fff9;font-size:12px;font-weight:700;min-height:44px;padding:7px 12px;transition:background .2s,color .2s,border-color .2s}
.picker-options button[aria-pressed=true]{background:#f0dce7;border-color:#bf88a8;color:#5e2949}
.picker-options button:hover{border-color:#a26e8c}
#demo-detail{font-size:13px;line-height:1.65;color:var(--muted);min-height:43px;margin:8px 0 0}
.buttons{margin-top:8px}
.textlink{color:#65324f}
.demo{padding:10px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.demo-topline{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 7px 11px;font-size:11px;font-weight:bold;color:#524651}
.demo-topline span:first-child{display:flex;align-items:center;gap:6px}
.demo-topline span:last-child{font:700 10px monospace;letter-spacing:.12em}
.demo-topline i{width:7px;height:7px;border-radius:50%;background:#965476;box-shadow:0 0 0 3px #f4e4ed}
.stage{border-radius:16px;height:clamp(335px,37vw,476px);border:0;box-shadow:none;isolation:isolate;background:#251924 radial-gradient(ellipse at 50% 47%,#8a5878 0,#50314e 39%,#291d2a 73%)}
.stage[data-occasion=graduation]{background:#202b26 radial-gradient(ellipse at 50% 47%,#668c72,#3a574a 41%,#222d29 75%)}
.stage[data-occasion=pregnancy]{background:#352520 radial-gradient(ellipse at 50% 47%,#a27363,#69483d 42%,#392823 75%)}
.stage[data-occasion=reveal]{background:#292233 radial-gradient(ellipse at 50% 47%,#886d9b,#554260 42%,#2e2638 75%)}
.stage::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#fff5 .65px,transparent .7px);background-size:14px 14px;mask-image:radial-gradient(ellipse,#000,transparent 70%);pointer-events:none}
.orbit{border-color:#fff4}.orbit-inner{border-color:#fff3}
.shadow{background:#110710b0}
.stage-badge{background:#ffffffed;color:#42293f}
#sound{background:#ffffff20;border-color:#ffffff66;color:#fff}
.edition-block{display:grid;gap:4px;color:#fff;min-width:0}
.edition-label{font-size:10px;color:#ffeff7}
.edition{color:#fff;font-size:9px;letter-spacing:.08em}
#gift{color:#3e2136}
.demo-steps{margin:8px 0 0;padding:0;border:0;border-radius:0;gap:4px}
.demo-steps li{background:#f7f3ef;border-radius:7px}
.demo-steps [aria-current]{background:#f1dfe9;color:#5f294b}
.present{animation-duration:3.9s}
.front{background:linear-gradient(145deg,#ffc5df 0,#d681b4 45%,#a9518e 100%);border-color:#f5afd7}
.side{background:linear-gradient(145deg,#ba76ae,#753f76)}
.occasion{padding-block:50px}
.section-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}
.section-intro h2{margin-bottom:0}
.section-intro>p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:4px}
.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.card{padding:9px 9px 12px;min-height:0;border-radius:17px;border-color:var(--line)}
.card.rose{border-color:#e5d9da}
.card-art{position:relative;width:100%;min-height:129px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#efdae7;color:#6f3558}
.mint .card-art{background:#dceadd;color:#375b46}
.peach .card-art{background:#f7e1d4;color:#82493c}
.lilac .card-art{background:#e8dff3;color:#654782}
.card-art::before{content:"";position:absolute;width:92px;height:92px;border:1px solid #fff;border-radius:50%}
.card-art .icon{z-index:1;background:#fff8;color:inherit;margin:0;width:64px;height:64px;transform:rotate(-8deg);box-shadow:0 4px 14px #3c2c3d16;transition:transform .26s}
.card:hover .icon{transform:translateY(-3px) rotate(0)}
.card-art .icon svg{width:35px;height:35px}
.card-index,.card-en{position:absolute;font:700 9px monospace;letter-spacing:.09em}
.card-index{top:9px;right:9px}.card-en{bottom:9px;left:9px}
.card h3,.card p,.card .demo-link{margin-inline:7px}
.card h3{margin-top:13px;font-size:19px}
.card p{font-size:13px}
.card .demo-link{color:#65324f}
.order{background:#f0e7e9;border-color:#e7d9dd}
.how li b{background:#eee0e8;color:#65324f}
@media(max-width:960px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:830px){.hero{gap:21px}.stage{height:355px}}
@media(max-width:680px){
.hero{grid-template-columns:minmax(0,1fr);padding-block:26px 30px;gap:20px}
.intro .eyebrow{margin-bottom:11px}
h1{font-size:clamp(38px,9.8vw,56px)}
.lede{margin-bottom:14px}.occasion-picker{margin-top:10px;padding-top:10px}
#demo-detail{min-height:0;margin-bottom:10px}.buttons{margin-top:10px}
.stage{height:326px}.section-intro{display:block}.section-intro>p{margin-top:8px}
.occasion{padding-block:32px 36px}.cards{gap:8px}
.card{padding:7px 7px 8px}.card-art{min-height:101px}
.card-art::before{width:72px;height:72px}
.card-art .icon{width:47px;height:47px;border-radius:12px}
.card-art .icon svg{width:28px;height:28px}
.card h3{font-size:16px;margin-top:10px}
.card p{font-size:12px;line-height:1.55}
}
@media(max-width:370px){.picker-options button{padding-inline:8px;font-size:11px}.stage{height:304px}.edition-label{display:none}.edition{font-size:8px}.card-en{font-size:8px}}

.demo-followup{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 10px;padding:4px 7px 0;color:var(--muted);font-size:12px}
.demo-followup a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}