.tt-showcase{color:#f3f5f9;padding-block:80px;scroll-margin-top:100px}.tt-showcase-heading{justify-content:space-between;align-items:center;gap:40px;margin-bottom:34px;display:flex}.tt-showcase-eyebrow{color:#cbcdd1;align-items:center;gap:10px;font-size:13px;font-weight:700;display:inline-flex}.tt-showcase-eyebrow>span{background:#bbbdbf;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #a6a8ab15}.tt-showcase h2{letter-spacing:-.035em;margin:18px 0;font-size:clamp(32px,4.5vw,56px);font-weight:800;line-height:1.3}.tt-showcase h2>span{color:#ccced1}.tt-showcase-heading p{color:#c4c6c9;max-width:650px;margin:0;font-size:16px;line-height:1.9}.tt-showcase-number{text-align:center;border-inline-start:1px solid #50515260;flex:none;gap:7px;padding-inline-start:44px;display:grid}.tt-showcase-number strong{letter-spacing:-.07em;color:#e7e9ed;font-size:84px;font-weight:800;line-height:1}.tt-showcase-number span{font-size:14px;font-weight:700}.tt-showcase-number small{color:#bcbec0;font-size:12px}.tt-showcase-motion{--card-width:300px;--preview-height:380px;--rail-gap:22px;background:radial-gradient(at 50% 0,#4b4c4d45,#0000 70%),#1a1a1a;border:1px solid #3e3f406e;border-radius:20px;padding-block:18px 26px;overflow:hidden}.tt-showcase-toolbar{color:#c6c8cb;justify-content:space-between;align-items:center;gap:12px;padding:0 24px 18px;font-size:12px;display:flex}.tt-showcase-toolbar>span{align-items:center;gap:8px;display:flex}.tt-showcase-toolbar i{background:#7bbfa6;border-radius:50%;width:6px;height:6px}.tt-showcase-toolbar button{color:#e0e2e5;min-height:44px;font:inherit;cursor:pointer;background:#282829;border:1px solid #4d4e4f;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;display:inline-flex}.tt-showcase-toolbar button:hover{background:#3a3b3c}.tt-showcase-window{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.tt-showcase-track{width:max-content;animation:140s linear infinite paused tt-showcase-rail;display:flex}.tt-showcase-group{gap:var(--rail-gap);align-items:flex-start;padding-inline-end:var(--rail-gap);display:flex}.tt-showcase-card{width:var(--card-width);color:#f3f5f9;background:#252626;border:1px solid #55565777;border-radius:11px;flex:none;text-decoration:none;transition:border-color .2s;overflow:hidden;box-shadow:0 14px 30px #0003}.tt-showcase-card:hover{border-color:#b2b4b7}.tt-showcase-card:focus-visible,.tt-showcase-toolbar button:focus-visible,.tt-showcase-cta:focus-visible{outline-offset:3px;outline:3px solid #cfd1d4}.tt-showcase-browser{color:#c9cbce;background:#2e2e2f;justify-content:space-between;align-items:center;gap:12px;height:32px;padding:0 12px;font-size:10px;display:flex}.tt-showcase-dots{direction:ltr;gap:4px;display:flex}.tt-showcase-dots i{background:#767779;border-radius:50%;width:5px;height:5px}.tt-showcase-dots i:first-child{background:var(--theme-accent)}.tt-showcase-screen{height:var(--preview-height);background:#ecedf0;overflow:hidden}.tt-showcase-screen img{width:100%;max-width:none;height:auto;animation:tt-showcase-tour var(--tour-duration) ease-in-out var(--tour-delay) infinite alternate;animation-play-state:paused;display:block}.tt-showcase-caption{justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;display:flex}.tt-showcase-caption div{gap:4px;display:grid}.tt-showcase-caption small{color:#b5b7b9;font-size:10px}.tt-showcase-caption strong{font-size:16px;font-weight:700}.tt-showcase-caption>span{color:#dcdee2;background:#39393a;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.tt-showcase-motion[data-running=true] .tt-showcase-track,.tt-showcase-motion[data-running=true] .tt-showcase-screen img{animation-play-state:running}.tt-showcase-track:focus-within,.tt-showcase-track:focus-within .tt-showcase-screen img{animation-play-state:paused!important}.tt-showcase-bottom{justify-content:space-between;align-items:center;gap:24px;padding-top:24px;display:flex}.tt-showcase-benefits{color:#c9cbcf;flex-wrap:wrap;gap:12px 20px;font-size:12px;display:flex}.tt-showcase-benefits span:before{content:"✓";color:#8cc9b6;margin-inline-end:7px;display:inline-block}.tt-showcase-cta{background:#e6e9ec;border:1px solid #eceef2;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:20px;min-height:50px;padding:12px 23px;font-size:14px;font-weight:800;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-flex;color:#272828!important}.tt-showcase-cta:hover{background:#f4f6fa;box-shadow:0 8px 24px #bdbfc225}.tt-showcase-cta>span{font-size:21px}@keyframes tt-showcase-rail{to{transform:translate(-50%)}}@keyframes tt-showcase-tour{0%,8%{transform:translateY(0)}92%,to{transform:translateY(min(0px,calc(var(--preview-height) - 100%)))}}@media (max-width:760px){.tt-showcase{padding-block:50px}.tt-showcase-heading{align-items:flex-start;gap:20px}.tt-showcase h2{font-size:34px}.tt-showcase-heading p{font-size:14px}.tt-showcase-number{max-width:120px;padding-block:5px;padding-inline-start:20px}.tt-showcase-number strong{font-size:58px}.tt-showcase-number span{font-size:11px}.tt-showcase-number small{font-size:10px}.tt-showcase-motion{--card-width:260px;--preview-height:340px;--rail-gap:16px;border-radius:14px}.tt-showcase-track{animation-duration:125s}.tt-showcase-bottom{flex-direction:column;align-items:stretch}.tt-showcase-cta{align-self:flex-start}}@media (max-width:480px){.tt-showcase-heading{display:block}.tt-showcase-number{border:0;align-items:center;gap:10px;max-width:none;padding:18px 0 0;display:flex}.tt-showcase-number strong{letter-spacing:-.04em;font-size:30px}.tt-showcase-number span{font-size:12px}.tt-showcase-number small{margin-inline-start:auto}.tt-showcase-eyebrow{font-size:11px}.tt-showcase-toolbar{padding-inline:12px;font-size:10px}.tt-showcase-toolbar button{padding-inline:9px}.tt-showcase-cta{align-self:stretch}.tt-showcase-benefits{gap:10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.tt-showcase-track,.tt-showcase-screen img{animation:none!important}.tt-showcase-window{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.tt-showcase-group{padding-inline-start:16px}.tt-showcase-group[aria-hidden=true],.tt-showcase-toolbar button{display:none}.tt-showcase-card,.tt-showcase-cta{transition:none}}
.design-invitation{padding-block:76px 64px;position:relative}.design-invitation-panel{isolation:isolate;grid-template-columns:1fr 1fr;align-items:center;gap:72px;min-height:550px;padding:0;display:grid;position:relative}.design-invitation-panel:before{content:"";z-index:-1;background-image:linear-gradient(#c2c4c605 1px,#0000 1px),linear-gradient(90deg,#c2c4c605 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#0000,#000);mask-image:linear-gradient(270deg,#0000,#000)}.design-invitation-kicker{color:#babcbe;flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;font-weight:400;display:inline-flex}.design-invitation-kicker>span{color:#c9cbcf;letter-spacing:.14em;font-size:11px;font-weight:700}.design-invitation-kicker>i{background:#a6a8ab;border-radius:50%;width:4px;height:4px}.store-public .design-invitation h1{letter-spacing:-.035em;color:#f6f8fc;margin:24px 0;font-size:clamp(36px,4.6vw,64px);font-weight:800;line-height:1.32}.design-invitation h1>span{color:#d0d2d6;-webkit-text-fill-color:transparent;background:linear-gradient(105deg,#bec0c2,#ced0d3);-webkit-background-clip:text;background-clip:text}.design-invitation-copy>p{color:#c3c5c8;max-width:535px;margin:0;font-size:16px;line-height:1.95}.design-invitation-copy>p strong{color:#eef0f4;font-weight:700}.design-invitation-offer{color:#b7b9bc;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:22px;font-size:11px;display:flex}.design-invitation-offer>span{align-items:center;gap:6px;display:inline-flex}.design-invitation-offer strong{color:#edeff3;font-size:27px;font-weight:800;line-height:1}.design-invitation-offer small{color:#9d9fa1;font-size:10px}.design-invitation-offer svg{color:#8cc6b0}.design-invitation-actions{flex-wrap:wrap;align-items:center;gap:16px 22px;display:flex}.design-invitation-actions>.design-invitation-cta{flex:1;min-width:240px;max-width:360px}.design-invitation-examples{color:#dadcdf;border-bottom:1px solid #88898b60;align-items:center;gap:9px;padding-block:10px;font-size:12px;display:inline-flex}.design-invitation-examples:hover{color:#fff}.design-invitation-examples:focus-visible{outline-offset:4px;outline:3px solid #e1e3e6}.design-invitation-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0;padding:0;list-style:none;display:grid}.design-invitation-steps li{border-inline-start:1px solid #a0a1a430;padding-inline-start:12px}.design-invitation-steps svg{color:#cacccf;width:18px;height:18px;margin-bottom:10px}.design-invitation-steps li>span{color:#edf0f3;font-size:12px;font-weight:700;line-height:1.6;display:block}.design-invitation-steps small{color:#acaeb0;margin-top:5px;font-size:10px;font-weight:400;display:block}.design-invitation-cta{background:linear-gradient(105deg,#999a9d,#9e9fa2);border:1px solid #ccced166;border-radius:13px;justify-content:space-between;align-items:center;gap:24px;max-width:380px;padding:15px 19px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 25px #8a8b8d28;color:#fff!important}.design-invitation-cta>span{font-size:16px;font-weight:800}.design-invitation-cta small{color:#edf0f3;margin-top:5px;font-size:10px;font-weight:400;display:block}.design-invitation-cta>svg{flex:none;width:24px;height:24px}.design-invitation-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #93959740}.design-invitation-cta:focus-visible,.design-invitation-tools button:focus-visible{outline-offset:4px;outline:3px solid #e1e3e6}.design-invitation-note{color:#b4b6b9;align-items:center;gap:7px;margin-top:16px;font-size:10px;display:flex}.design-invitation-note>svg{color:#94cbb6}.design-invitation-note>span{margin-inline:3px}.design-invitation-stage{direction:rtl;min-width:0;padding:25px 5px 45px 18px;position:relative}.design-invitation-glow{z-index:-1;background:radial-gradient(#7e7f8135,#0000 70%);position:absolute;inset:10% -8%}.design-invitation-window{background:#fff;border:1px solid #8f909275;border-radius:12px;transition:transform .4s;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 60px #0005}.design-invitation-stage:hover .design-invitation-window{transform:rotate(0)}.design-invitation-chrome{color:#616263;background:#ebedf1;justify-content:space-between;align-items:center;height:31px;padding:0 12px;display:flex}.design-invitation-chrome>span{direction:ltr;gap:4px;display:flex}.design-invitation-chrome i{background:#b4b6b8;border-radius:50%;width:5px;height:5px}.design-invitation-chrome small{font-size:9px}.design-invitation-chrome>svg{width:12px;height:12px}.design-invitation-shop{color:#353536}.design-invitation-shopnav{background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:16px 19px;display:flex}.design-invitation-brand{align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.design-invitation-brand b{color:#fff;background:var(--demo-accent);border-radius:8px;place-items:center;width:28px;height:28px;font-size:17px;transition:background .3s;display:grid}.design-invitation-shopnav>span:nth-child(2){color:#87898b;font-size:8px}.design-invitation-shopnav>span:nth-child(2)>span{margin-inline-start:12px}.design-invitation-shopnav>svg{color:var(--demo-accent);width:15px;height:15px}.design-invitation-shophero{background:var(--demo-soft);grid-template-columns:1fr 1fr;min-height:190px;transition:background .3s;display:grid}.design-invitation-shophero>div{flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;padding:28px 20px;display:flex}.design-invitation-shophero small{color:var(--demo-accent);font-size:8px}.design-invitation-shophero strong{color:#373738;font-size:26px;font-weight:800;line-height:1.4}.design-invitation-shophero>div>span{background:var(--demo-accent);color:#fff;border-radius:5px;padding:8px 10px;font-size:9px;transition:background .3s}.design-invitation-shophero img{object-fit:cover;object-position:center;width:100%;height:100%;max-height:235px;display:block}.design-invitation-products{padding:19px}.design-invitation-products>span{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.design-invitation-products>span small{color:var(--demo-accent);font-size:8px;font-weight:400}.design-invitation-products>div{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.design-invitation-products img{object-fit:cover;background:#f6f6f6;border-radius:5px;width:100%;height:75px}.design-invitation-products i{background:var(--demo-accent);opacity:.65;border-radius:3px;width:40%;height:3px;margin:7px 0;display:block}.design-invitation-products small{color:#818284;font-size:8px}.design-invitation-tools{bottom:12px;background:#29292a;border:1px solid #dadce04d;border-radius:13px;max-width:230px;padding:15px 18px;animation:6s ease-in-out infinite design-invitation-float;position:absolute;inset-inline-end:-14px;box-shadow:0 18px 35px #0004}.design-invitation-tools>span{color:#eceff2;align-items:center;gap:8px;font-size:11px;display:flex}.design-invitation-tools>span svg{color:#d0d2d5;width:15px;height:15px}.design-invitation-tools>div{gap:9px;margin-top:10px;display:flex}.design-invitation-tools button{cursor:pointer;background:var(--swatch);color:#fff;border:3px solid #ffffff1a;border-radius:50%;place-items:center;width:44px;height:44px;transition:border-color .2s;display:grid}.design-invitation-tools button[aria-pressed=true]{border-color:#fff}.design-invitation-tools>small{color:#b5b7b9;margin-top:9px;font-size:8px;line-height:1.5;display:block}.design-invitation-tag{top:6px;color:#434445;background:#f1f3f7;border:1px solid #fff;border-radius:10px;align-items:center;gap:10px;padding:12px 15px;animation:6s ease-in-out -3s infinite design-invitation-float;display:flex;position:absolute;inset-inline-start:-12px;box-shadow:0 8px 24px #0003}.design-invitation-tag>svg{color:#8f9193;width:20px;height:20px}.design-invitation-tag span{font-size:9px}.design-invitation-tag strong{margin-top:3px;font-size:11px;display:block}@keyframes design-invitation-float{50%{transform:translateY(-6px)}}@media (max-width:1000px){.design-invitation-panel{gap:35px}.design-invitation-shophero strong{font-size:21px}.design-invitation-shophero>div{padding:22px 15px}.design-invitation-steps{gap:8px}.design-invitation-actions{gap:12px}.design-invitation-copy>p{font-size:14px}}@media (max-width:760px){.design-invitation-panel{grid-template-columns:1fr;gap:34px;min-height:0}.design-invitation-copy>p{max-width:100%;font-size:15px}.store-public .design-invitation h1{margin-block:20px;font-size:clamp(36px,7.8vw,52px)}.design-invitation-stage{width:100%;max-width:520px;margin:auto;padding:22px 8px 85px}.design-invitation-actions>.design-invitation-cta{max-width:none}.design-invitation-examples{font-size:11px}.design-invitation-tools{bottom:15px;inset-inline-end:2px}.design-invitation-tag{inset-inline-start:0}.design-invitation-shophero strong{font-size:26px}.design-invitation-shophero img{max-height:220px}.design-invitation-note{flex-wrap:wrap}.design-invitation{padding-block:35px 25px}.design-invitation-offer{gap:12px 16px}}@media (max-width:380px){.store-public .design-invitation h1{font-size:33px}.design-invitation-copy>p{font-size:13px}.design-invitation-shophero strong{font-size:20px}.design-invitation-shophero>div{padding:20px 12px}.design-invitation-steps li{padding-inline-start:8px}.design-invitation-steps li>span{font-size:10px}.design-invitation-steps small{font-size:9px}.design-invitation-products{padding:14px}.design-invitation-products>div{gap:8px}.design-invitation-actions>.design-invitation-cta{flex:auto;width:100%;min-width:0}.design-invitation-offer{gap:10px}}@media (prefers-reduced-motion:reduce){.design-invitation *{transition:none!important;animation:none!important}.design-invitation-window,.design-invitation-stage:hover .design-invitation-window{transform:none}}
