:root{--yoy-pink:#ff3f70;--yoy-deep:#ef2558;--yoy-ink:#111;--yoy-soft:#fff8f9;--yoy-line:#eadfe2}.yoy-blog,.yoy-blog *{box-sizing:border-box}.yoy-blog{font-family:Inter,Arial,sans-serif;color:var(--yoy-ink);background:#fffdfd;min-height:100vh}.yoy-blog a{text-decoration:none;color:inherit}.yoy-blog__nav{height:86px;display:flex;align-items:center;gap:34px;padding:0 4.2%;border-bottom:1px solid #eee7e8;background:#fff;position:relative;z-index:10}.yoy-blog__brand{width:66px;font-weight:1000;line-height:.76;font-size:18px;display:grid;grid-template-columns:auto 13px;letter-spacing:-1.5px}.yoy-blog__brand span:last-child{grid-column:1}.yoy-blog__brand small{font-size:8px;color:var(--yoy-pink);align-self:center}.yoy-blog__links{display:flex;gap:34px;margin-left:45px;align-items:center;flex:1}.yoy-blog__links a{font-size:13px;font-weight:700;white-space:nowrap}.yoy-blog__links a.is-active{color:var(--yoy-pink);position:relative}.yoy-blog__links a.is-active:after{content:"";height:2px;background:var(--yoy-pink);position:absolute;left:0;right:0;bottom:-16px}.yoy-blog__create{background:linear-gradient(135deg,#ff5b82,#ff3568);color:#fff!important;padding:14px 24px;border-radius:999px;font-size:13px;font-weight:900;box-shadow:0 8px 20px #ff3f7030}.yoy-blog__lang{display:flex;gap:9px;align-items:center;font-size:12px}.yoy-blog__lang:first-letter{font-size:24px}.yoy-blog__menu,.yoy-blog__mobile-menu{display:none}.yoy-blog__listing{max-width:1240px;margin:0 auto;padding:65px 36px 0}.yoy-blog__hero{text-align:center;max-width:760px;margin:auto}.yoy-blog__kicker{color:var(--yoy-pink);font-weight:900;font-size:12px;letter-spacing:.02em;margin-bottom:18px}.yoy-blog__hero h1{font-size:48px;line-height:1.03;margin:0;font-weight:950;letter-spacing:-2px}.yoy-blog__hero h1 em{font-style:normal;color:var(--yoy-pink)}.yoy-blog__hero>p{font-size:14px;margin:22px 0 34px}.yoy-blog__search{height:56px;border:1px solid #e6dfe1;border-radius:999px;background:#fff;box-shadow:0 6px 16px #1a00100b;display:flex;align-items:center;padding:0 20px;margin:auto;max-width:520px}.yoy-blog__search input{border:0;outline:0;background:transparent;flex:1;font:inherit}.yoy-blog__search span{font-size:28px;color:var(--yoy-pink);transform:rotate(-15deg)}.yoy-blog__filters{display:flex;gap:12px;justify-content:center;margin:28px 0 42px;flex-wrap:wrap}.yoy-blog__filters button{border:1px solid #e8e1e3;background:#fff;border-radius:999px;padding:9px 22px;font-weight:800;font-size:12px;cursor:pointer}.yoy-blog__filters button.is-active{background:var(--yoy-pink);border-color:var(--yoy-pink);color:#fff}.yoy-blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.yoy-card{border:1px solid #e8e0e2;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 5px 12px #26000d08;cursor:pointer;position:relative;transition:.2s}.yoy-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #26000d10}.yoy-card__image{height:225px;overflow:hidden;background:#f5eeee}.yoy-card__image img{width:100%;height:100%;object-fit:cover}.yoy-card__image--gift{background:radial-gradient(circle at 50% 38%,#fff 0 4%,#ffd9e1 35%,#ffc7d4 70%,#fff1f4 100%);display:grid;place-items:center;position:relative}.yoy-card__image--gift span{font-size:110px;color:#ff7897;text-shadow:inset 0 0 20px #fff}.yoy-card__image--gift i{position:absolute;font-size:70px;bottom:24px;font-style:normal}.yoy-card__image--note{background:linear-gradient(140deg,#ffddd9,#ffb6c2);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:none!important}.yoy-card__image--note span{font-family:cursive;font-size:54px;color:#d72f58;transform:rotate(-4deg)}.yoy-card__image--note small{font-size:26px;color:#e95678}.yoy-card__image--ring{background:linear-gradient(145deg,#eee1d8,#fff9f4);display:grid;place-items:center}.yoy-card__image--ring span{font-size:96px}.yoy-card__tag{display:inline-block;margin:0 18px;transform:translateY(-50%);background:#fff0f3;color:var(--yoy-pink);border-radius:999px;padding:6px 11px;font-size:9px;font-weight:950}.yoy-card h2{font-size:17px;line-height:1.35;margin:-3px 18px 10px;font-weight:900}.yoy-card p{font-size:12px;line-height:1.65;margin:0 18px 18px;color:#383335}.yoy-card footer{border-top:1px solid #f0e9eb;padding:15px 18px;font-size:10px;color:#555}.yoy-card footer i{font-style:normal;margin:0 5px}.yoy-card footer b{float:right;color:var(--yoy-pink);font-size:15px}.yoy-blog__empty{text-align:center;padding:45px;font-weight:800;color:#777}.yoy-blog__load{display:block;margin:30px auto 55px;border:1px solid #ff91aa;background:#fff;color:var(--yoy-pink);font-weight:900;border-radius:999px;padding:11px 40px}.yoy-blog__cta{min-height:170px;border:1px solid #ffd3dc;border-radius:18px;background:linear-gradient(105deg,#fff7f8,#fff0f3);display:flex;align-items:center;justify-content:center;gap:55px;overflow:hidden}.yoy-blog__cta h2{font-size:24px;margin:0 0 8px}.yoy-blog__cta p{margin:0 0 18px;font-size:13px}.yoy-blog__cta a,.yoy-article__idea a{display:inline-block;background:linear-gradient(135deg,#ff557d,#ff3266);color:#fff;font-size:12px;font-weight:900;border-radius:999px;padding:13px 24px;box-shadow:0 7px 18px #ff3f7030}.yoy-blog__phone-mini{width:120px;height:190px;border:7px solid #151515;border-radius:24px;background:#fff;transform:rotate(-8deg) translateY(30px);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.yoy-blog__phone-mini b{font-size:31px;color:var(--yoy-pink)}.yoy-blog__phone-mini span{color:var(--yoy-pink);font-size:24px}.yoy-blog__phone-mini small{margin-top:30px;background:#f2f2f2;border-radius:99px;padding:6px;font-size:8px}.yoy-blog__stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid #eee4e6}.yoy-blog__stats div{text-align:center;padding:35px 12px;border-right:1px solid #eee4e6;display:flex;flex-direction:column;gap:5px}.yoy-blog__stats div:last-child{border:0}.yoy-blog__stats b{font-size:25px;color:var(--yoy-pink)}.yoy-blog__stats strong{font-size:14px}.yoy-blog__stats span{font-size:11px}.yoy-article{max-width:790px;margin:0 auto;padding:48px 36px 90px;position:relative}.yoy-article__back{border:0;background:none;color:var(--yoy-pink);font-size:12px;cursor:pointer;padding:0;margin-bottom:32px}.yoy-article__head{text-align:center}.yoy-article__head>span{display:inline-block;background:#fff0f3;color:var(--yoy-pink);font-size:9px;font-weight:900;padding:6px 12px;border-radius:99px}.yoy-article__head h1{font-size:38px;line-height:1.08;letter-spacing:-1.5px;margin:15px 0}.yoy-article__head h1 em{color:var(--yoy-pink);font-style:normal;font-size:50px}.yoy-article__head>p{font-size:13px;line-height:1.7}.yoy-article__meta{font-size:10px;margin:24px 0}.yoy-article__meta i{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f6c6b8;font-style:normal;font-weight:900;margin-right:7px}.yoy-article__heroimg{height:360px;border-radius:16px;background:radial-gradient(circle at 50% 25%,#fff 0 4%,#ffd9e1 35%,#ffc7d4 70%,#fff1f4 100%);display:grid;place-items:center;position:relative;overflow:hidden}.yoy-article__heroimg span{font-size:170px;color:#ff6e91}.yoy-article__heroimg i{position:absolute;bottom:36px;font-style:normal;font-size:110px}.yoy-article__body{font-size:13px;line-height:1.75;padding:28px 0 12px}.yoy-article__body h3{font-size:14px;margin:22px 0 4px}.yoy-article__body h3::first-letter{color:var(--yoy-pink)}.yoy-article__share{position:fixed;right:30px;top:40%;border:1px solid #eee3e5;border-radius:18px;background:#fff;padding:13px 9px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 7px 22px #23000c10}.yoy-article__share small{font-size:10px}.yoy-article__share button{border:0;background:#f7f5f5;border-radius:50%;width:34px;height:34px}.yoy-article__share button:first-of-type{background:#1fc46a;color:#fff}.yoy-article__share button:last-child{color:var(--yoy-pink)}.yoy-article__idea{border:1px solid #ffc8d5;background:#fff7f9;border-radius:14px;padding:25px;margin:35px 0}.yoy-article__idea h3{margin:0 0 7px}.yoy-article__idea p{font-size:12px;line-height:1.6}.yoy-article__more-title{font-size:14px}.yoy-article__more{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.yoy-article__more article{border:1px solid #eadfe2;border-radius:12px;overflow:hidden;background:#fff;padding-bottom:14px}.yoy-article__more img,.yoy-article__more .yoy-card__image--note{width:100%;height:115px;object-fit:cover}.yoy-article__more article>span{display:inline-block;color:var(--yoy-pink);background:#fff0f3;border-radius:99px;font-size:8px;font-weight:900;padding:4px 7px;margin:9px 10px 5px}.yoy-article__more article>b{display:block;font-size:11px;line-height:1.4;margin:0 10px}
@media(max-width:800px){.yoy-blog__nav{height:70px;padding:0 22px;justify-content:space-between}.yoy-blog__links,.yoy-blog__nav>.yoy-blog__create,.yoy-blog__lang{display:none}.yoy-blog__menu{display:block;border:0;background:transparent;font-size:22px}.yoy-blog__brand{margin:auto}.yoy-blog__mobile-menu{position:fixed;inset:0;background:#fff;z-index:100;padding:85px 34px 30px;flex-direction:column;gap:28px;font-size:14px;font-weight:800}.yoy-blog__mobile-menu:not([hidden]){display:flex}.yoy-blog__menu-close{position:absolute;right:26px;top:22px;border:0;background:none;color:var(--yoy-pink);font-size:35px}.yoy-blog__mobile-menu .yoy-blog__create{align-self:flex-start}.yoy-blog__listing{padding:45px 22px 0}.yoy-blog__hero{text-align:left}.yoy-blog__kicker{font-size:10px}.yoy-blog__hero h1{font-size:36px;letter-spacing:-1.5px}.yoy-blog__hero>p{font-size:12px;line-height:1.55}.yoy-blog__filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-right:-22px;padding-right:22px;scrollbar-width:none}.yoy-blog__filters button{padding:8px 17px;white-space:nowrap}.yoy-blog__grid{grid-template-columns:1fr;gap:15px}.yoy-card{display:grid;grid-template-columns:130px 1fr;grid-template-rows:auto auto auto 1fr}.yoy-card__image{grid-row:1/5;height:160px}.yoy-card__tag{transform:none;margin:14px 14px 3px;justify-self:start}.yoy-card h2{font-size:14px;margin:2px 14px 5px}.yoy-card p{font-size:10px;margin:0 14px 5px}.yoy-card footer{border:0;padding:5px 14px 12px;font-size:8px}.yoy-card__image--gift span{font-size:65px}.yoy-card__image--gift i{font-size:44px}.yoy-card__image--note span{font-size:36px}.yoy-card__image--ring span{font-size:58px}.yoy-blog__load{margin:25px auto 40px}.yoy-blog__cta{padding:25px 18px;justify-content:flex-start;gap:18px}.yoy-blog__phone-mini{width:78px;height:125px;flex:0 0 78px;border-width:5px;transform:rotate(-8deg) translateY(18px)}.yoy-blog__phone-mini b{font-size:20px}.yoy-blog__phone-mini small{margin-top:15px;font-size:5px}.yoy-blog__cta h2{font-size:18px}.yoy-blog__cta p{font-size:10px}.yoy-blog__stats{grid-template-columns:repeat(2,1fr)}.yoy-blog__stats div:nth-child(2){border-right:0}.yoy-blog__stats div{border-bottom:1px solid #eee4e6}.yoy-article{padding:28px 22px 70px}.yoy-article__head{text-align:left}.yoy-article__head h1{font-size:31px}.yoy-article__head>p br{display:none}.yoy-article__meta{font-size:9px}.yoy-article__heroimg{height:290px}.yoy-article__heroimg span{font-size:125px}.yoy-article__heroimg i{font-size:80px}.yoy-article__share{position:sticky;bottom:15px;top:auto;right:auto;margin:-60px auto 25px;width:max-content;flex-direction:row;padding:8px 15px;z-index:5}.yoy-article__share small{margin-right:4px}.yoy-article__more{grid-template-columns:1fr}.yoy-article__more article{display:grid;grid-template-columns:110px 1fr}.yoy-article__more img,.yoy-article__more .yoy-card__image--note{grid-row:1/3;width:110px;height:95px}.yoy-article__more article>b{font-size:12px}.yoy-article__idea{margin-top:22px}}


/* v0.2.6.41 — interactive product demo inside article CTA. */
.yoy-article__idea--interactive{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center;padding:28px 30px;overflow:hidden;background:linear-gradient(120deg,#fff8fa 0%,#fff 72%)}
.yoy-article__idea-copy{min-width:0}.yoy-article__idea-kicker{display:block;color:var(--yoy-pink);font-size:9px;font-weight:950;letter-spacing:.08em;margin-bottom:8px}.yoy-article__idea--interactive h3{font-size:22px;margin:0 0 7px}.yoy-article__idea--interactive p{margin:0 0 14px;max-width:390px}.yoy-article__idea-steps{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 17px;font-size:9px;font-weight:850;color:#51474a}.yoy-article__idea-steps span{display:flex;align-items:center;gap:5px}.yoy-article__idea-steps b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#fff0f4;color:var(--yoy-pink);font-size:9px}.yoy-article__idea-steps i{font-style:normal;color:#c6b9bd}.yoy-article-demo{text-align:center;min-width:0}.yoy-article-demo__phone{position:relative;width:178px;aspect-ratio:9/17.5;margin:0 auto;border:7px solid #171416;border-radius:29px;background:#ed1557;overflow:hidden;box-shadow:0 18px 38px rgba(38,25,31,.16)}.yoy-article-demo__island{position:absolute;z-index:5;top:6px;left:50%;width:52px;height:14px;transform:translateX(-50%);border-radius:999px;background:#171416}.yoy-article-demo__screen,.yoy-article-demo__success{position:absolute;inset:0;padding:48px 14px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;background:#ed1557}.yoy-article-demo__screen small,.yoy-article-demo__success small{font-size:6px;font-weight:900;letter-spacing:.11em;opacity:.8}.yoy-article-demo__screen h4,.yoy-article-demo__success h4{margin:13px 0 8px;color:#fff;font-size:23px;line-height:1.02;letter-spacing:-.7px;font-weight:950}.yoy-article-demo__screen p,.yoy-article-demo__success p{margin:0;color:#fff;font-size:8px;line-height:1.45;opacity:.92}.yoy-article-demo__actions{position:relative;width:100%;height:84px;margin-top:17px}.yoy-article-demo__actions button{position:absolute;top:8px;width:61px;min-height:31px;border:0;border-radius:999px;font-size:8px;font-weight:950;cursor:pointer;transition:left .2s ease,top .2s ease,transform .15s ease}.yoy-article-demo__yes{left:8px;background:#fff;color:#ed1557}.yoy-article-demo__no{left:79px;background:#171416;color:#fff}.yoy-article-demo__actions button:active{transform:scale(.94)}.yoy-article-demo__screen em{margin-top:auto;color:#fff;font-size:6px;font-style:normal;opacity:.75}.yoy-article-demo__success{justify-content:center;padding-top:35px;opacity:0;visibility:hidden;transform:scale(.96);transition:.25s ease}.yoy-article-demo.is-success .yoy-article-demo__success{opacity:1;visibility:visible;transform:none}.yoy-article-demo.is-success .yoy-article-demo__screen{opacity:0;visibility:hidden}.yoy-article-demo__success h4{font-size:35px}.yoy-article-demo__success button{margin-top:18px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:transparent;color:#fff;padding:7px 12px;font-size:7px;font-weight:900;cursor:pointer}.yoy-article-demo__hint{display:block;margin-top:8px;color:#7c6f74;font-size:8px;font-weight:800}
@media(max-width:800px){.yoy-article__idea--interactive{grid-template-columns:minmax(0,1fr) 145px;gap:15px;padding:20px 16px}.yoy-article__idea--interactive h3{font-size:17px}.yoy-article__idea--interactive p{font-size:10px}.yoy-article__idea-steps{gap:4px;font-size:7px}.yoy-article__idea-steps b{width:16px;height:16px;font-size:7px}.yoy-article-demo__phone{width:130px;border-width:5px;border-radius:23px}.yoy-article-demo__island{top:5px;width:40px;height:11px}.yoy-article-demo__screen,.yoy-article-demo__success{padding:35px 9px 15px}.yoy-article-demo__screen h4{font-size:17px;margin:9px 0 6px}.yoy-article-demo__screen p,.yoy-article-demo__success p{font-size:6px}.yoy-article-demo__actions{height:63px;margin-top:10px}.yoy-article-demo__actions button{width:45px;min-height:24px;font-size:6px}.yoy-article-demo__yes{left:5px}.yoy-article-demo__no{left:58px}.yoy-article-demo__success h4{font-size:26px}.yoy-article-demo__hint{font-size:7px}}
@media(max-width:430px){.yoy-article__idea--interactive{grid-template-columns:1fr;text-align:center;padding:22px 18px}.yoy-article__idea-copy p{margin-left:auto;margin-right:auto}.yoy-article__idea-steps{justify-content:center}.yoy-article-demo{order:-1}.yoy-article-demo__phone{width:150px}.yoy-article__idea--interactive h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.yoy-article-demo__actions button,.yoy-article-demo__success{transition:none}}

/* v0.2.6.42 — animated, language-aware builder walkthrough. Existing blog/demo untouched. */
.yoy-article__walkthrough{border:1px solid #eadfe2;border-radius:16px;background:#fff;padding:28px 30px;margin:34px 0;overflow:hidden}
.yoy-article__walkthrough-head{text-align:center;max-width:520px;margin:0 auto 22px}.yoy-article__walkthrough-head h3{font-size:22px;line-height:1.15;margin:0 0 8px}.yoy-article__walkthrough-head p{margin:0;color:#655d60;font-size:11px;line-height:1.6}
.yoy-walkthrough{display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px;align-items:center;max-width:610px;margin:auto}.yoy-walkthrough__phone{position:relative;width:202px;aspect-ratio:9/17.5;border:7px solid #171416;border-radius:32px;background:#faf8f9;overflow:hidden;box-shadow:0 14px 34px rgba(30,18,24,.12);margin:auto}.yoy-walkthrough__island{position:absolute;z-index:5;top:7px;left:50%;width:58px;height:15px;transform:translateX(-50%);border-radius:999px;background:#171416}.yoy-walkthrough__screen{position:absolute;inset:0;padding:31px 12px 13px;display:flex;flex-direction:column;background:#fff}.yoy-walkthrough__topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 8px;border-bottom:1px solid #eee7e9}.yoy-walkthrough__topbar span{font-size:5px;font-weight:950;letter-spacing:.08em;color:#6d6367}.yoy-walkthrough__topbar b{font-size:6px;color:var(--yoy-pink)}.yoy-walkthrough__stage{position:relative;flex:1;padding:12px 2px 8px;overflow:hidden}.yoy-walkthrough__nav{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eee7e9;padding-top:8px}.yoy-walkthrough__nav span{font-size:6px;font-weight:800;color:#8a7e82}.yoy-walkthrough__nav button{border:0;border-radius:999px;background:#7c3aed;color:#fff;padding:7px 15px;font-size:6px;font-weight:950}
.yoy-walkthrough__copy{min-width:0}.yoy-walkthrough__steptext small{display:block;color:var(--yoy-pink);font-size:8px;font-weight:950;letter-spacing:.08em;margin-bottom:7px}.yoy-walkthrough__steptext h4{font-size:25px;line-height:1.05;letter-spacing:-.7px;margin:0 0 8px}.yoy-walkthrough__steptext p{font-size:11px;line-height:1.6;color:#655d60;margin:0;max-width:280px}.yoy-walkthrough__progress{display:flex;align-items:center;gap:7px;margin:19px 0 12px}.yoy-walkthrough__progress i{display:block;width:27px;height:4px;border-radius:999px;background:#eadfe2;transition:.25s ease}.yoy-walkthrough__progress i.is-active{background:var(--yoy-pink)}.yoy-walkthrough__pause{border:0;background:transparent;color:#807579;font-size:8px;font-weight:850;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.yoy-wt-title{font-size:12px;font-weight:950;line-height:1.15;margin:3px 0 10px}.yoy-wt-label{display:block;font-size:6px;font-weight:900;color:#7b7074;margin-bottom:4px}.yoy-wt-card{border:1px solid #eadfe2;border-radius:10px;padding:8px;background:#fff;margin-bottom:7px}.yoy-wt-card.is-selected{border:2px solid var(--yoy-pink);padding:7px;background:#fff8fa}.yoy-wt-swatchrow{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.yoy-wt-swatch{height:38px;border-radius:8px;border:1px solid #eadfe2;position:relative;overflow:hidden}.yoy-wt-swatch:nth-child(1){background:#ed1557}.yoy-wt-swatch:nth-child(2){background:#ffe0e8}.yoy-wt-swatch:nth-child(3){background:#171416}.yoy-wt-swatch.is-selected:after{content:'✓';position:absolute;right:4px;top:3px;width:12px;height:12px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--yoy-pink);font-size:7px;font-weight:950}.yoy-wt-input{border:2px solid var(--yoy-pink);border-radius:8px;min-height:42px;padding:7px;background:#fff;font-size:8px;line-height:1.3;font-weight:900;color:var(--yoy-pink);white-space:pre-wrap}.yoy-wt-muted{font-size:6px;line-height:1.45;color:#8b8084;margin-top:5px}.yoy-wt-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.yoy-wt-button{border:1px solid #eadfe2;border-radius:999px;padding:8px 5px;text-align:center;font-size:7px;font-weight:950}.yoy-wt-button.yes{background:var(--yoy-pink);border-color:var(--yoy-pink);color:#fff}.yoy-wt-message{margin-top:7px;border:1px dashed #e3d6da;border-radius:8px;padding:7px;font-size:6px;color:#6f6468}.yoy-wt-success{height:100%;min-height:165px;border-radius:10px;background:#ed1557;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px}.yoy-wt-success small{font-size:5px;font-weight:900;letter-spacing:.08em}.yoy-wt-success strong{font-size:25px;line-height:1;margin:10px 0 6px}.yoy-wt-success p{font-size:7px;line-height:1.45;margin:0}.yoy-wt-choice{display:grid;grid-template-columns:1fr 1fr;gap:6px}.yoy-wt-choice span{border:1px solid #eadfe2;border-radius:9px;padding:12px 4px;text-align:center;font-size:6px;font-weight:900}.yoy-wt-choice span.is-selected{border:2px solid var(--yoy-pink);padding:11px 3px;color:var(--yoy-pink);background:#fff8fa}.yoy-wt-url{margin-top:8px;border-radius:8px;background:#f5f1f2;padding:8px;font-size:6px;color:#6b6164;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yoy-walkthrough[dir="rtl"] .yoy-walkthrough__copy,.yoy-walkthrough[dir="rtl"] .yoy-walkthrough__stage{text-align:right}.yoy-walkthrough[dir="rtl"] .yoy-walkthrough__progress{direction:rtl}
@media(max-width:800px){.yoy-article__walkthrough{padding:22px 18px}.yoy-walkthrough{grid-template-columns:175px minmax(0,1fr);gap:18px}.yoy-walkthrough__phone{width:165px;border-width:5px;border-radius:27px}.yoy-walkthrough__island{top:5px;width:46px;height:12px}.yoy-walkthrough__screen{padding:26px 9px 10px}.yoy-walkthrough__steptext h4{font-size:20px}.yoy-walkthrough__steptext p{font-size:9px}.yoy-walkthrough__progress i{width:20px}}
@media(max-width:430px){.yoy-article__walkthrough-head{text-align:left}.yoy-walkthrough{grid-template-columns:1fr;gap:18px}.yoy-walkthrough__phone{width:180px}.yoy-walkthrough__copy{text-align:center}.yoy-walkthrough__steptext p{margin:auto}.yoy-walkthrough__progress{justify-content:center}.yoy-article__walkthrough[dir="rtl"] .yoy-article__walkthrough-head{text-align:right}.yoy-article__walkthrough[dir="rtl"] .yoy-walkthrough__copy{text-align:center}}
@media(prefers-reduced-motion:reduce){.yoy-walkthrough__progress i{transition:none}}
\n/* v0.2.6.43 — place the two product demos side by side and number them. */
.yoy-article__demo-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;margin:34px 0}
.yoy-article__demo-pair>.yoy-article__walkthrough,.yoy-article__demo-pair>.yoy-article__idea{margin:0;min-width:0;height:100%}
.yoy-article__numbered-card{position:relative}
.yoy-article__card-number{position:absolute;z-index:6;top:16px;left:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--yoy-pink);color:#fff;font-size:15px;font-weight:950;line-height:1;box-shadow:0 7px 18px rgba(255,63,112,.22)}
.yoy-article__demo-pair .yoy-article__walkthrough{padding:27px 20px 22px}
.yoy-article__demo-pair .yoy-article__walkthrough-head{margin-bottom:18px;padding:0 24px}
.yoy-article__demo-pair .yoy-walkthrough{grid-template-columns:170px minmax(0,1fr);gap:18px;max-width:none}
.yoy-article__demo-pair .yoy-walkthrough__phone{width:160px;border-width:5px;border-radius:27px}
.yoy-article__demo-pair .yoy-walkthrough__island{top:5px;width:46px;height:12px}
.yoy-article__demo-pair .yoy-walkthrough__screen{padding:26px 9px 10px}
.yoy-article__demo-pair .yoy-walkthrough__steptext h4{font-size:19px}
.yoy-article__demo-pair .yoy-walkthrough__steptext p{font-size:9px}
.yoy-article__demo-pair .yoy-walkthrough__progress{gap:5px;margin-top:14px}
.yoy-article__demo-pair .yoy-walkthrough__progress i{width:18px}
.yoy-article__demo-pair .yoy-article__idea--interactive{grid-template-columns:minmax(0,1fr) 150px;gap:18px;padding:27px 20px}
.yoy-article__demo-pair .yoy-article-demo__phone{width:145px}
@media(max-width:900px){.yoy-article__demo-pair{grid-template-columns:1fr}.yoy-article__demo-pair .yoy-article__walkthrough{padding:28px 24px}.yoy-article__demo-pair .yoy-walkthrough{grid-template-columns:190px minmax(0,1fr);max-width:560px}.yoy-article__demo-pair .yoy-walkthrough__phone{width:180px}.yoy-article__demo-pair .yoy-article__idea--interactive{grid-template-columns:minmax(0,1fr) 160px}.yoy-article__demo-pair .yoy-article-demo__phone{width:150px}}
@media(max-width:430px){.yoy-article__card-number{top:12px;left:12px;width:30px;height:30px;font-size:13px}.yoy-article__demo-pair .yoy-article__walkthrough{padding:22px 18px}.yoy-article__demo-pair .yoy-article__walkthrough-head{padding:0 20px}.yoy-article__demo-pair .yoy-walkthrough{grid-template-columns:1fr}.yoy-article__demo-pair .yoy-article__idea--interactive{grid-template-columns:1fr}.yoy-article__demo-pair .yoy-article-demo{order:-1}}

/* v0.2.6.44 — shared homepage navigation + rail, and true side-by-side article demos */
.yoy-blog{padding-top:100px}
.yoy-site-header{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:99999;width:calc(100% - 28px);max-width:1220px;font-family:Inter,Arial,sans-serif}
.yoy-site-header-inner{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:10px 12px 10px 18px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.52));border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(25px) saturate(170%);-webkit-backdrop-filter:blur(25px) saturate(170%);box-shadow:0 16px 45px rgba(25,20,23,.075),inset 0 1px 0 rgba(255,255,255,1)}
.yoy-site-logo{display:flex;width:max-content}.yoy-site-logo img{display:block;width:170px;max-height:50px;object-fit:contain}.yoy-site-nav{display:flex;align-items:center;gap:27px;white-space:nowrap}.yoy-site-nav a{font-size:13px;font-weight:650;color:#50484d;position:relative}.yoy-site-nav a.is-active{color:#ff1680}.yoy-site-nav a:after{content:"";position:absolute;left:50%;bottom:-7px;width:0;height:2px;border-radius:20px;background:linear-gradient(90deg,#ff1680,#1686ff);transform:translateX(-50%);transition:width .25s}.yoy-site-nav a:hover:after,.yoy-site-nav a.is-active:after{width:100%}
.yoy-site-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.yoy-site-lang-wrap{position:relative}.yoy-site-lang{height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(230,223,227,.9);background:rgba(255,255,255,.62);font-weight:700;cursor:pointer}.yoy-site-lang-menu{position:absolute;right:0;top:52px;display:none;align-items:center;gap:9px;padding:10px 13px;background:#fff;border:1px solid #eee7ea;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.08);white-space:nowrap}.yoy-site-lang-wrap.is-open .yoy-site-lang-menu{display:flex}.yoy-site-lang-menu a{font-size:12px;font-weight:800}.yoy-site-lang-menu a.active{color:#ff1680}.yoy-site-lang-menu span{width:1px;height:13px;background:#eee}
.yoy-site-cta{height:46px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:15px;background:#111;color:#fff!important;font-size:13px;font-weight:750;box-shadow:0 10px 24px rgba(0,0,0,.1)}.yoy-site-menu-btn{display:none;width:44px;height:44px;border:0;border-radius:14px;background:#111;align-items:center;justify-content:center;flex-direction:column;gap:5px}.yoy-site-menu-btn span{width:17px;height:1.5px;background:#fff;border-radius:10px;transition:.3s}.yoy-site-mobile-menu{display:none;margin-top:8px;padding:14px;border-radius:22px;background:rgba(255,255,255,.94);border:1px solid #fff;backdrop-filter:blur(26px);box-shadow:0 20px 50px rgba(25,20,23,.1)}.yoy-site-mobile-menu>a{display:block;padding:14px 12px;border-bottom:1px solid #f0ebed;font-size:15px;font-weight:650}.yoy-site-mobile-bottom{display:flex;gap:8px;margin-top:12px}.yoy-site-mobile-bottom .yoy-site-cta{flex:1}.yoy-site-header.is-open .yoy-site-mobile-menu{display:block}.yoy-site-header.is-open .yoy-site-menu-btn span:first-child{transform:translateY(3.25px) rotate(45deg)}.yoy-site-header.is-open .yoy-site-menu-btn span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.yoy-site-float-rail{position:fixed;left:22px;top:50%;transform:translateY(-50%);z-index:99990;display:flex;flex-direction:column;align-items:center;gap:22px}.yoy-site-float-create{display:flex;flex-direction:column;align-items:center;gap:7px}.yoy-site-float-create>span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e91762,#ff1680);box-shadow:0 13px 30px rgba(233,23,98,.26)}.yoy-site-float-create img{width:27px;filter:brightness(0) invert(1)}.yoy-site-float-create b{font-size:12px}.yoy-site-float-share{display:flex;flex-direction:column;gap:10px;padding:9px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid #ece8ea;backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(31,20,26,.09)}.yoy-site-social{width:43px;height:43px;padding:0;border-radius:50%;display:grid;place-items:center;border:1px solid #eee8eb;background:#fff;cursor:pointer}.yoy-site-social img{width:31px;height:31px;border-radius:50%}.yoy-site-social svg{width:22px;height:22px;fill:#171417}
/* Article remains readable, while the two visual demo cards get their own wider row. */
@media(min-width:901px){.yoy-article__demo-pair{width:min(1120px,calc(100vw - 150px));margin-left:50%;transform:translateX(-50%);grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:22px}.yoy-article__demo-pair>.yoy-article__walkthrough,.yoy-article__demo-pair>.yoy-article__idea{display:grid;align-content:start}}
@media(max-width:900px){.yoy-blog{padding-top:86px}.yoy-site-header{top:9px;width:calc(100% - 18px)}.yoy-site-header-inner{min-height:64px;grid-template-columns:1fr auto;padding:8px 8px 8px 14px;border-radius:21px}.yoy-site-logo img{width:138px}.yoy-site-nav{display:none}.yoy-site-actions>.yoy-site-lang-wrap,.yoy-site-actions>.yoy-site-cta{display:none}.yoy-site-menu-btn{display:flex}.yoy-site-float-rail{left:12px;top:auto;bottom:20px;transform:none;gap:13px}.yoy-site-float-create>span{width:56px;height:56px}.yoy-site-float-share{gap:7px;padding:7px}.yoy-site-social{width:39px;height:39px}.yoy-site-social img{width:28px;height:28px}}
@media(max-width:420px){.yoy-site-logo img{width:124px}}

/* v0.2.6.45 — EN/DE header direction + 40px lower header only */
.yoy-blog[data-blog-lang="en"] .yoy-site-header,
.yoy-blog[data-blog-lang="de"] .yoy-site-header{
  direction:ltr;
  text-align:left;
}
.yoy-blog[data-blog-lang="en"] .yoy-site-header-inner,
.yoy-blog[data-blog-lang="de"] .yoy-site-header-inner{
  direction:ltr;
}
.yoy-blog[data-blog-lang="en"] .yoy-site-logo,
.yoy-blog[data-blog-lang="de"] .yoy-site-logo{
  justify-self:start;
}
.yoy-blog[data-blog-lang="en"] .yoy-site-actions,
.yoy-blog[data-blog-lang="de"] .yoy-site-actions{
  justify-self:end;
  direction:ltr;
}
.yoy-blog[data-blog-lang="en"] .yoy-site-lang-menu,
.yoy-blog[data-blog-lang="de"] .yoy-site-lang-menu{
  right:0;
  left:auto;
}
.yoy-site-header{top:54px}
.yoy-blog{padding-top:140px}
@media(max-width:900px){
  .yoy-site-header{top:49px}
  .yoy-blog{padding-top:126px}
  .yoy-blog[data-blog-lang="en"] .yoy-site-header-inner,
  .yoy-blog[data-blog-lang="de"] .yoy-site-header-inner{direction:ltr}
  .yoy-blog[data-blog-lang="en"] .yoy-site-mobile-menu,
  .yoy-blog[data-blog-lang="de"] .yoy-site-mobile-menu{direction:ltr;text-align:left}
}

/* v0.2.6.46 — small blog layout correction only. */
/* Raise the shared header 20px from v45. */
.yoy-site-header{top:34px}
.yoy-blog{padding-top:120px}
/* Blog EN/DE content must always keep its normal LTR layout. */
.yoy-blog[data-blog-lang="en"],
.yoy-blog[data-blog-lang="de"],
.yoy-blog[data-blog-lang="en"] .yoy-blog__listing,
.yoy-blog[data-blog-lang="de"] .yoy-blog__listing,
.yoy-blog[data-blog-lang="en"] .yoy-article,
.yoy-blog[data-blog-lang="de"] .yoy-article{direction:ltr;text-align:left}
/* Keep the two demo cards centered as one wide row without shifting the article. */
@media(min-width:901px){
  .yoy-article__demo-pair{
    position:relative;
    left:50%;
    margin-left:-50vw;
    transform:none;
    width:min(1120px,calc(100vw - 150px));
    margin-right:0;
    translate:calc(50vw - 50%) 0;
  }
}
/* The blog does not need the separate right-side article share widget. */
.yoy-article__share{display:none!important}
@media(max-width:900px){
  .yoy-site-header{top:29px}
  .yoy-blog{padding-top:106px}
  .yoy-article__demo-pair{left:auto;margin-left:34px;translate:none;width:auto}
}

/* v0.2.6.47 — real WordPress article content */
.yoy-card[role="link"],.yoy-article__more article[role="link"]{cursor:pointer}
.yoy-article__heroimg--real{padding:0;overflow:hidden;background:#f8f3f4}
.yoy-article__heroimg--real img{display:block;width:100%;height:100%;object-fit:cover}
.yoy-article__video{width:min(100%,760px);margin:22px auto 30px;border-radius:24px;overflow:hidden;background:#111}
.yoy-article__video iframe,.yoy-article__video video{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0}
.yoy-article__body img{max-width:100%;height:auto;border-radius:18px}
.yoy-article__body blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:3px solid #ff4f79}
.yoy-article__body ul,.yoy-article__body ol{padding-left:1.35em;margin:16px 0}
.yoy-article__body h2{font-size:30px;line-height:1.1;margin:34px 0 14px}
.yoy-article__back{text-decoration:none}

/* v0.2.7.5 — reusable spacing for the shared Blog header on YOY pages. */
.yoy-site-header-spacer{height:112px;width:100%;pointer-events:none}
@media(max-width:900px){.yoy-site-header-spacer{height:96px}}
