@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-serif-latin-400-normal-BV_iYGc9.woff2) format("woff2"),url(/assets/noto-serif-latin-400-normal-DT0cwSa_.woff) format("woff")}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-serif-vietnamese-400-normal-B2Tmka3c.woff2) format("woff2"),url(/assets/noto-serif-vietnamese-400-normal-I93X-UPO.woff) format("woff")}@font-face{font-family:"Noto Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/noto-serif-latin-400-italic-BefsV4hZ.woff2) format("woff2"),url(/assets/noto-serif-latin-400-italic-B7tOOSSS.woff) format("woff")}@font-face{font-family:"Noto Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/noto-serif-vietnamese-400-italic-CDxynWRG.woff2) format("woff2"),url(/assets/noto-serif-vietnamese-400-italic-V-moQaaN.woff) format("woff")}:root{--site-ink: #262322;--site-muted: #6e6866;--site-line: #ece5e0;--site-paper: #fdfaf6;--site-rose: #c9625b;--site-rose-tint: #fdf1f0;--tpl-serif: "Noto Serif", "Times New Roman", serif;--site-green: #3d7a52}*{box-sizing:border-box}body{margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif;color:var(--site-ink);background:var(--site-paper);line-height:1.55}a{color:inherit}.site-banner{background:linear-gradient(90deg,#fcf8f5f0,#fcf8f58c,#fcf8f5f0),#f4ece6 url(/brand/header-flatlay.webp) center 52% / cover no-repeat;border-bottom:1px solid var(--site-line)}.banner-inner{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;max-width:1440px;min-height:108px;margin:0 auto;padding:12px 24px}.banner-brand{display:grid;gap:4px}.site-brand{display:inline-flex}.site-brand img{width:auto}.banner-tagline{padding-left:58px;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--site-muted)}.banner-steps{display:flex;align-items:center;gap:4px 12px;margin:0;padding:0;list-style:none;font-family:"Noto Serif",Times New Roman,serif;font-size:1.05rem;color:var(--site-ink);text-shadow:0 0 12px #fffaf8}.banner-steps li{display:flex;gap:12px;align-items:center}.banner-arrow{display:grid;color:var(--site-rose);transform:translateY(-5px) rotate(-2deg)}.banner-step-icon{display:grid;flex:none;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--site-rose);background:#fffaf8d9;box-shadow:inset 0 0 0 1px #f0c9c5,0 6px 16px -6px #3c1e194d}.banner-actions{display:flex;gap:12px;align-items:center}.site-search{position:relative}.site-search-field{display:flex;gap:8px;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;color:var(--site-muted);background:#fffaf8cc;box-shadow:inset 0 0 0 1px var(--site-line)}.site-search-field:focus-within{background:#fff;box-shadow:inset 0 0 0 1px #f0c9c5}.site-search-field input{width:150px;border:0;background:transparent;font:inherit;font-size:.9rem;color:var(--site-ink)}.site-search-field input:focus{outline:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.site-search-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:320px;max-width:90vw;margin:0;padding:6px;border:1px solid var(--site-line);border-radius:14px;list-style:none;background:#fff;box-shadow:0 12px 30px -12px #3c1e194d}.site-search-panel a{display:grid;gap:2px;padding:8px 10px;border-radius:10px;text-decoration:none;font-size:.85rem}.site-search-panel a:hover{background:var(--site-rose-tint)}.site-search-panel span,.site-search-empty{color:var(--site-muted);font-size:.8rem}.site-search-empty{padding:8px 10px}.banner-guide{display:inline-flex;gap:8px;align-items:center;min-height:42px;padding:0 18px;border:1px solid #f0c9c5;border-radius:999px;background:#f9dcd9;color:var(--site-ink);font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap}.banner-guide:hover{background:#f7d6d3}@media(max-width:1240px){.banner-steps{order:3;flex:1 1 100%;justify-content:center}.banner-actions{margin-left:auto}.site-search-field input{width:110px}}@media(max-width:560px){.site-search{display:none}.banner-inner{flex-wrap:wrap;gap:10px 12px;min-height:0;padding:12px 14px}.banner-brand{gap:2px}.site-brand img{height:30px}.banner-tagline{padding-left:44px;font-size:.52rem;letter-spacing:.12em}.banner-actions{margin-left:auto}.banner-guide{gap:6px;min-height:36px;padding:0 13px;font-size:.8rem}.banner-steps{display:none}.banner-steps li{gap:8px}.banner-step-text span{display:block}.banner-step-icon{width:32px;height:32px}.banner-step-icon svg{width:15px;height:15px}.banner-arrow svg{width:40px}}.home-card,.card{padding:0;border:0;background:none;font:inherit;color:inherit;text-align:center;cursor:pointer}.home-card{display:grid;box-sizing:border-box;width:100%;max-width:640px;margin-inline:auto;gap:8px;justify-items:center;margin-top:12px;text-decoration:none}.showcase{--s: 360;box-sizing:border-box;width:100%;max-width:640px;padding:clamp(16px,5vw,40px) clamp(8px,3vw,28px);border-radius:28px;background:#e4e0d2;pointer-events:none}.showcase-wait{min-height:460px}.stage{--u: calc(var(--s) * 1px);--pf: .36;display:flex;gap:calc(var(--u) * .07);align-items:flex-end;justify-content:center;height:calc(var(--u) * .88)}.phone{position:relative;flex:none;width:calc(var(--u) * var(--pf));padding:calc(var(--u) * var(--pf) / 36);box-sizing:content-box;border-radius:calc(var(--u) * var(--pf) * .15);background:#111;box-shadow:0 1px 2px #281e1440,0 18px 28px -14px #281e1473}.phone-screen{position:relative;overflow:hidden;width:100%;aspect-ratio:390 / 844;border-radius:calc(var(--u) * var(--pf) * .122);background:#fff}.phone .pv{transform:scale(calc(var(--s) * var(--pf) / 390))}.pv-card{position:absolute;top:54px;left:0;width:390px;height:706px;overflow:hidden}.phone-layer{position:absolute;inset:0}.phone-opens{animation:phone-open 9s ease-in-out infinite}@keyframes phone-open{0%,12%{opacity:0}32%,70%{opacity:1}90%,to{opacity:0}}.phone-shot{display:block;width:100%;height:100%;object-fit:cover;background:#efe8dc}.phone .pv-card iframe{position:absolute;inset:0;width:390px;height:706px;border:0}.leaf{flex:none;overflow:hidden;width:calc(var(--u) * .49);height:calc(var(--u) * .49 * 638 / 362);border-radius:calc(var(--u) * .01);background:#fffcf7;box-shadow:0 1px 2px #281e1433,0 18px 28px -14px #281e1473}.leaf img{display:block;width:100%;height:100%}.leaf iframe{--lk: calc(var(--s) * .49 / 362);width:390px;height:706px;border:0;opacity:0;transform:scale(var(--lk)) translate(-14px,-14px);transform-origin:0 0}.leaf iframe.ready{opacity:1;transition:opacity .25s}@media(prefers-reduced-motion:reduce){.phone-opens{animation:none;opacity:0}}.faq{max-width:760px;margin:0 auto;padding:24px 16px 64px}.faq h2{margin:0 0 16px;font-size:1.5rem}.faq details{border-bottom:1px solid var(--site-line);padding:14px 0}.faq summary{cursor:pointer;font-weight:500}.faq details p{margin:10px 0 0;color:var(--site-muted)}.site-hero,.site-title{display:grid;gap:12px;justify-items:center;padding:72px 16px 40px;text-align:center}.site-hero h1,.site-hero .tpl-list-title,.site-title h1{margin:0;font-family:var(--tpl-serif);font-weight:400;font-size:clamp(1.9rem,6vw,3.2rem);line-height:1.15}.site-hero p,.site-title p{margin:0;max-width:34rem;color:var(--site-muted)}.site-button{display:inline-block;margin-top:8px;padding:11px 26px;border-radius:999px;background:var(--site-rose);color:#fff;text-decoration:none;font-weight:500;border:0;font-family:inherit;font-size:inherit;cursor:pointer}.gallery{max-width:1100px;margin:0 auto;padding:0 16px 56px}.gallery h2{margin:40px 0 4px;font-size:1.5rem}.gallery-intro{margin:0 0 16px;max-width:44rem;color:var(--site-muted)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:20px;margin:0;padding:0;list-style:none}.card{display:grid;gap:4px;text-decoration:none}.card img{width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;border-radius:10px;border:1px solid var(--site-line);background:var(--site-rose-tint);box-shadow:0 10px 24px -18px #3c1e1973}.card-code,.template-code{font-weight:500;letter-spacing:.04em}.card-note{font-size:.85rem;color:var(--site-muted)}.template{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:32px;max-width:900px;margin:0 auto;padding:40px 16px 64px}.template img{width:100%;height:auto;border-radius:12px;border:1px solid var(--site-line)}.template-style{margin:0;color:var(--site-rose);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.template-code{margin:4px 0 12px;font-size:2rem}.swatches{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0;padding:0;list-style:none;font-size:.9rem}.swatches i{display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;border-radius:50%;border:1px solid var(--site-line)}.site-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:24px 20px;border-top:1px solid var(--site-line);color:var(--site-muted);font-size:.9rem}.site-foot p{margin:0}.site-foot .site-owner{font-size:.8rem}.site-foot a{margin-left:16px}@media(max-width:640px){.template{grid-template-columns:1fr}}.site-link{display:inline-block;margin-left:16px}.template-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.site-button.ghost{background:transparent;color:inherit;border:1px solid currentColor}.site-link{margin-left:0}.sample-publish{padding:8px 18px;border-radius:999px;background:var(--site-rose);color:#fff;text-decoration:none!important}.publish-wrap{position:absolute;inset:0;z-index:60;display:grid;place-items:end center;background:#1c1a178c}.publish{width:min(520px,100%);max-height:100%;overflow:auto;box-sizing:border-box;padding:22px 20px calc(22px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:#fff;display:grid;gap:14px}.publish h2,.publish p{margin:0}.publish label{display:grid;gap:6px;font-size:14px}.publish input{font:inherit;padding:10px;border:1px solid #c9c2b8;border-radius:10px;min-width:0}.slug{display:flex;align-items:center;gap:4px}.slug input{flex:1}.publish-actions{display:flex;flex-wrap:wrap;gap:12px}.publish-error{color:#b3261e}.publish-link{display:grid;gap:4px;font-size:14px;word-break:break-all}.publish-link span{font-weight:500}.publish-link button{justify-self:start;border:0;background:none;font:inherit;text-decoration:underline;cursor:pointer}.photo-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.photo-list li{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.photo-list img,.photo-empty{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#eee}.photo-list b{flex:1;font-weight:500}.photo-list button{border:0;background:none;font:inherit;text-decoration:underline;cursor:pointer}.move-list li{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--site-line);border-radius:10px;background:#fff;cursor:grab}.move-list b{white-space:nowrap;flex:1;font-weight:500;text-align:left}.move-grip{color:var(--site-muted);letter-spacing:-2px}.move-list button{min-width:0;padding:6px 9px;border:1px solid var(--site-line);border-radius:8px;background:none;font:inherit;cursor:pointer}.move-list button:disabled{opacity:.35;cursor:default}.sample{position:fixed;inset:0;height:100dvh;background:#e7e6e4;display:flex;justify-content:center;align-items:center;z-index:60}.sample-column{width:min(100%,430px);height:100%;position:relative;display:flex;flex-direction:column;background:#1c1a17;overflow:hidden}.sample-stage{flex:1;min-height:0;position:relative}.sample-stage[hidden]{display:none!important}.sample-stage iframe{width:100%;height:100%;border:0;display:block}.sample-fit{width:100%;height:100%;flex:none;transform-origin:50% 0}@media(max-width:767px){.sample{height:auto}.sample .sample-column{padding-top:0}.sample .sample-stage{position:absolute;inset:0}.sample .sample-stage.sample-blank{bottom:calc(100% - 100dvh);padding-top:calc(64px + env(safe-area-inset-top));padding-bottom:76px}.sample .sample-dock{position:absolute;left:0;right:0;bottom:calc(100% - 100dvh);background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.sample-x{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#fff;color:inherit;box-shadow:0 1px 4px #0000001f;cursor:pointer;z-index:5}.sample-x svg{width:22px;height:22px}.sample-stage.sample-blank{display:grid;place-items:center;overflow:auto;padding:64px 16px 16px;background:#efe8dc}.blank-card{display:grid;gap:12px;width:min(360px,100%);padding:28px 22px;background:#fffdf8;border-radius:6px;box-shadow:0 4px 16px #00000014;text-align:center}.blank-card h2,.blank-card p{margin:0}.blank-card ul,.blank-card ol{list-style:none;padding:0;margin:0;display:grid;gap:8px}.blank-card li button{width:100%;border:1px solid var(--site-line);border-radius:10px;background:#fff;padding:11px;cursor:pointer;font:inherit}.blank-card label{display:grid;font-size:12px;text-align:left;gap:4px}.blank-card input{border:1px solid var(--site-line);border-radius:8px;padding:9px;font:inherit}.blank-card .publish{width:auto;max-height:none;padding:0;border-radius:0;background:none;box-shadow:none;display:grid;gap:14px}.sample-note{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;margin:0;text-align:center}.sample-close{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;background:#fff;border:0;border-radius:9999px;padding:6px 14px;font:inherit;cursor:pointer;z-index:5}.sample-dock{flex:none;position:relative;background:#fff;padding-bottom:env(safe-area-inset-bottom);z-index:6;border-top:1px solid var(--site-line)}.sample-tabs{display:flex}.sample-tabs button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border:0;background:transparent;cursor:pointer;min-height:56px;font:inherit;font-size:13px;color:inherit;position:relative}.sample-tabs button svg{width:20px;height:20px;stroke:currentColor;fill:none}.sample-tabs button[aria-selected=true]{color:var(--site-rose);box-shadow:inset 0 2px 0 var(--site-rose)}.sample-menu{position:absolute;bottom:100%;left:8px;width:min(260px,calc(100% - 16px));background:#fff;border-radius:14px 14px 0 0;box-shadow:0 -6px 24px #00000038;padding:8px;display:grid;animation:sample-slide-up .16s ease-out}.sample-menu p{margin:4px 8px 6px;font-size:13px;color:var(--site-muted)}.sample-menu button{display:flex;align-items:center;gap:12px;padding:14px 12px;border:0;background:none;font:inherit;text-align:left;border-top:1px solid var(--site-line);cursor:pointer}.sample-menu button svg{width:20px;height:20px;stroke:var(--site-rose);fill:none;flex-shrink:0}@keyframes sample-slide-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.blank-card{padding:38px 30px;box-shadow:inset 0 0 0 9px #fffdf8,inset 0 0 0 10px #d9c7a8,0 14px 30px -14px #00000073}.blank-card .site-button{width:100%;text-align:center}.blank-card .publish-actions{display:grid}.sample-column{padding-top:env(safe-area-inset-top)}.pv{position:relative;width:390px;height:844px;background:#fff;transform-origin:0 0}.pv iframe{position:absolute;top:54px;left:0;width:390px;height:706px;border:0}.pv-status{position:absolute;inset:0 0 auto;height:54px;display:flex;align-items:center;justify-content:space-between;padding:6px 30px 0;background:#fff;font-size:16px}.pv-status span{display:flex;align-items:center;gap:4px}.pv-island{position:absolute;top:11px;left:50%;width:112px;height:32px;margin-left:-56px;border-radius:20px;background:#111}.pv-url{position:absolute;inset:auto 0 0;height:84px;background:#f4f3f1;border-top:1px solid #ddd;display:grid;justify-items:center;align-content:start;padding-top:12px}.pv-url span{display:flex;align-items:center;justify-content:center;gap:6px;width:300px;height:40px;border-radius:12px;background:#e3e1de;font-size:15px}.pv-url i{position:absolute;bottom:8px;width:134px;height:5px;border-radius:3px;background:#111}@media(min-width:768px){.sample-column{padding-bottom:60px;background:#e7e6e4}.sample-stage:not(.sample-blank){display:flex;justify-content:center;overflow:hidden}.sample-dock{position:fixed;inset:auto 0 0}.sample-tabs{max-width:760px;margin:0 auto}.sample-tabs button{flex-direction:row;gap:10px;min-height:60px;font-size:15px}.sample-menu{left:max(8px,calc(50% - 380px));right:auto;width:260px;border-radius:14px 14px 0 0}}.sample-tabs button{flex-direction:row;gap:8px}.sample-format{position:fixed;z-index:60;box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;gap:4px;padding:5px;background:#fff;border:1px solid var(--site-line);border-radius:12px;box-shadow:0 6px 20px #00000038}.sample-format select{flex:1 1 0;min-width:0;height:32px;font:inherit;font-size:13px;padding:0 4px;border:1px solid var(--site-line);border-radius:8px}.sample-format button{display:grid;flex:none;place-items:center;min-width:30px;height:32px;padding:0;border:1px solid var(--site-line);border-radius:8px;background:none;cursor:pointer}.sample-format button[aria-pressed=true]{background:var(--site-rose-tint);border-color:var(--site-rose);color:var(--site-rose)}.sample-format button:disabled{opacity:.35;cursor:default}.format-group{display:flex;flex:none;align-items:center;gap:2px}.format-group output{min-width:36px;text-align:center;font-size:12px}.sample-format input[type=color]{flex:none;width:30px;height:32px;padding:0;border:0;background:none}.music-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.music-list li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid #e6dccf;border-radius:12px;background:#fff}.music-list li.on{border-color:#7a3c5a;background:#fbf4f6}.music-list b{font-weight:600;display:block}.music-list small{color:#8b7472}.music-list button{border:0;border-radius:999px;padding:8px 14px;font:inherit;cursor:pointer;background:#f1e9dd;color:#4a2a36}.music-list button.pick{background:#f6f0e8;color:#b9aaa3;border:1px solid #eadfd2}.music-list li.on button.pick{background:linear-gradient(135deg,#c2456b,#8f2f55);color:#fff;border-color:transparent;font-weight:600;box-shadow:0 2px 8px #8f2f5559}.music-list.off li{opacity:.55}.blank-card .music-switch{display:flex;font-size:inherit;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e6dccf;border-radius:12px;background:#fff;text-align:left;cursor:pointer}.blank-card .music-switch b{display:block;font-weight:600}.blank-card .music-switch small{color:#8b7472}.blank-card .music-switch input{appearance:none;padding:0;border:0;flex:none;position:relative;width:48px;height:28px;margin:0;border-radius:999px;background:#d9d0c6;cursor:pointer;transition:background .2s ease}.blank-card .music-switch input:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s ease}.blank-card .music-switch input:checked{background:linear-gradient(135deg,#c2456b,#8f2f55)}.blank-card .music-switch input:checked:after{transform:translate(20px)}.music-note{color:#a3342f}.tpl{max-width:1120px;margin:0 auto;padding:0 16px 120px}.crumbs{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0 0;font-size:.85rem;color:var(--site-muted)}.crumbs a{color:var(--site-ink);text-decoration:underline;text-decoration-color:#e2c4bf;text-underline-offset:3px}.crumbs a:hover{color:var(--site-rose)}.tpl-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center;padding:28px 0 56px}.tpl-demo .showcase{margin-inline:auto}.tpl-intro h1{display:grid;gap:2px;margin:10px 0 14px;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:clamp(2.6rem,7vw,3.6rem);font-weight:500;line-height:1.05;letter-spacing:.02em}.tpl-intro h1 span{font-family:var(--tpl-serif);font-size:1.15rem;font-weight:400;letter-spacing:0;color:var(--site-muted)}.tpl-lede{margin:0 0 20px;max-width:30rem;font-family:var(--tpl-serif);font-size:1.12rem;line-height:1.6}.tpl-ticks{display:grid;gap:10px;margin:0 0 24px;padding:0;list-style:none}.tpl-ticks li{display:flex;gap:10px;align-items:flex-start}.tpl-ticks svg{flex:none;margin-top:3px;padding:2px;border-radius:50%;color:#fff;background:var(--site-rose);box-sizing:content-box}.tpl-cta{display:inline-grid;gap:10px;justify-items:center}.tpl-free{margin:0;color:var(--site-green);font-weight:500}.tpl-choose{padding:14px 36px;font-size:1rem;box-shadow:0 12px 24px -14px #963c32b3}.site-button:hover{filter:brightness(.94)}.site-button:focus-visible{outline:2px solid var(--site-ink);outline-offset:3px}.tpl-section{padding:56px 0 8px;border-top:1px solid var(--site-line)}.tpl-section h2{max-width:40rem;margin:0 0 10px;font-family:var(--tpl-serif);font-size:clamp(1.5rem,3.4vw,2rem);font-weight:400;line-height:1.3}.tpl-section-intro{max-width:40rem;margin:0 0 32px;color:var(--site-muted)}.highlights{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:0 0 40px;padding:0;list-style:none}.highlights li{padding:24px 22px;border:1px solid var(--site-line);border-radius:16px;background:#fff}.highlight-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:50%;color:var(--site-rose);background:var(--site-rose-tint)}.highlights h3{margin:0 0 6px;font-size:1.02rem;font-weight:600}.highlights p{margin:0;color:var(--site-muted);font-size:.93rem}.paper-vs{width:100%;border-collapse:collapse;font-size:.95rem}.paper-vs caption{margin-bottom:12px;font-family:var(--tpl-serif);font-size:1.2rem;text-align:left}.paper-vs th,.paper-vs td{width:50%;padding:14px 16px;border-bottom:1px solid var(--site-line);text-align:left;vertical-align:top}.paper-vs th{font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--site-muted)}.paper-vs td:first-child{color:var(--site-muted)}.paper-vs th:last-child,.paper-vs td:last-child{background:var(--site-rose-tint)}.paper-vs th:last-child{color:var(--site-rose)}.tpl-tablist{display:flex;width:fit-content;margin:0 auto;padding:6px;border-radius:999px;background:var(--site-rose-tint)}.tpl-tab{margin:0;padding:12px 32px;border:0;border-radius:999px;background:none;color:var(--site-muted);font-family:var(--tpl-serif);font-size:1.25rem;font-weight:400;cursor:pointer}.tpl-tab:hover{color:var(--site-ink)}.tpl-tab[aria-selected=true]{background:#fff;color:var(--site-ink);font-weight:600;box-shadow:0 4px 12px -4px #3c1e194d}.tpl-tab:focus-visible{outline:2px solid var(--site-ink);outline-offset:2px}.tpl-tabs [role=tabpanel]{max-width:960px;margin:24px auto 0}.tpl-tabs .highlights{gap:12px}@media(min-width:641px){.tpl-tabs .highlights li{padding:18px}}.tpl-tabs .highlight-icon{width:36px;height:36px}.tpl-tabs [role=tabpanel][hidden]{display:none}.tpl-tabs .highlights{border-top:0}.tpl-detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;margin-top:24px}.tpl-detail h3{margin:24px 0 6px;font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--site-muted)}.tpl-detail h3:first-child{margin-top:0}.tpl-detail p{margin:0;font-family:var(--tpl-serif);font-size:1.05rem;line-height:1.7}.tpl-sheets{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:sheet}.tpl-sheets li{display:flex;gap:14px;padding:10px 0;border-bottom:1px dashed var(--site-line);counter-increment:sheet}.tpl-sheets li:before{content:counter(sheet,decimal-leading-zero);min-width:1.6em;color:var(--site-rose);font-variant-numeric:tabular-nums}.tpl-detail .tpl-note{margin-top:14px;font-family:inherit;font-size:.9rem;color:var(--site-muted)}.tpl .cards{grid-template-columns:repeat(auto-fit,minmax(150px,180px));justify-content:center;margin-top:24px}.tpl-related .rail-phone img{aspect-ratio:390 / 844;border:0;border-radius:27px}.tpl-more{margin:48px 0 0;text-align:center}.tpl-more a{color:var(--site-rose);font-weight:500;text-underline-offset:4px}.tpl-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:0 12px max(12px,env(safe-area-inset-bottom));pointer-events:none;opacity:0;transform:translateY(16px);transition:opacity .25s,transform .25s}.tpl-sticky.shown{opacity:1;transform:none}.tpl-sticky-inner{display:flex;gap:16px;align-items:center;justify-content:space-between;max-width:460px;margin:0 auto;padding:8px 8px 8px 22px;border-radius:999px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px var(--site-line),0 16px 36px -18px #3c1e1973}.tpl-sticky.shown .tpl-sticky-inner{pointer-events:auto}.tpl-sticky-text{display:grid;line-height:1.25}.tpl-sticky-text b{font-weight:600;letter-spacing:.04em}.tpl-sticky-text small{color:var(--site-green);font-weight:500;font-size:.8rem}.tpl-sticky .site-button{margin:0;white-space:nowrap}@media(min-width:900px){.tpl-sticky{left:auto;right:24px;bottom:24px;padding:0}.tpl-sticky-inner{min-width:320px}}@media(max-width:860px){.tpl-hero{grid-template-columns:1fr;padding-top:16px}.tpl-detail-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:560px){.paper-vs th,.paper-vs td{padding:12px 10px;font-size:.88rem}.tpl-tab{padding:10px 22px;font-size:1.05rem}.tpl .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(prefers-reduced-motion:reduce){.tpl-sticky{transition:none}}@media(max-width:640px){.highlights{gap:0;border-top:1px solid var(--site-line)}.highlights li{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:18px 0;border:0;border-bottom:1px solid var(--site-line);border-radius:0;background:none}.highlight-icon{grid-row:span 2;width:40px;height:40px;margin:0}.tpl-section{padding-top:44px}}.home{--sage: #6f8a6a;--sage-tint: #f2f5ef;--blush-tint: #fbf3ef;overflow-x:clip}.home-band{position:relative;overflow:hidden;padding:clamp(56px,8vw,96px) 16px}.home-band+.home-band{border-top:1px solid var(--site-line)}.tone-white{background:#fff}.tone-sage{background:var(--sage-tint)}.tone-blush{background:var(--blush-tint)}.home-wrap{position:relative;max-width:1080px;margin:0 auto}.home-head{display:grid;justify-items:center;max-width:44rem;margin:0 auto 40px;text-align:center}.home-label{margin:0 0 10px;color:var(--site-rose);font-size:.75rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.home-kicker{display:flex;gap:12px;align-items:center;margin:0 0 8px;color:var(--site-rose);font-family:var(--tpl-serif);font-size:1.12rem;font-style:italic}.home-kicker:before,.home-kicker:after{content:"";width:28px;height:1px;background:currentColor;opacity:.45}.home-hero h1 em,.home-head h2 em{color:var(--site-rose);font-style:normal}.home-head h2{margin:0;text-wrap:balance;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:600;line-height:1.35}.home-intro{margin:4px 0 0;color:var(--site-muted)}.flourish{display:flex;flex-direction:column;align-items:center;gap:2px;margin:12px auto 14px}.flourish-sprig{width:230px;max-width:70vw;height:auto}.motif{display:block;height:auto}.tpl-backdrop{position:absolute;inset:0;overflow:hidden;opacity:.13;filter:blur(1.2px);pointer-events:none;-webkit-user-select:none;user-select:none}.home-arrow{display:block;width:clamp(110px,12vw,150px);height:auto;margin:0 0 6px -6px}.home-hero-band{padding-top:clamp(12px,1.6vw,24px);padding-bottom:clamp(80px,11vw,160px);background:radial-gradient(60% 70% at 85% 30%,#f6ece4 0%,transparent 70%),radial-gradient(50% 60% at 10% 90%,#eef2ea 0%,transparent 70%),var(--site-paper)}.spray-hero,.spray-side{position:absolute;bottom:-6px;height:auto;pointer-events:none}.spray-hero{width:clamp(130px,18vw,270px)}.spray-side{width:clamp(110px,13vw,190px)}.spray-left{left:-6px}.spray-right{right:-6px;transform:scaleX(-1)}.home-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center}.home-hero-text .flourish{align-items:flex-start;margin:4px 0 18px}.home-hero h1{margin:0 0 10px;text-wrap:balance;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.25}.home-lede{max-width:32rem;margin:0 0 26px;color:var(--site-muted);font-size:1.05rem}.home-couple{justify-self:center;width:100%;max-width:470px;height:auto;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(closest-side,#000 82%,transparent);mask-image:radial-gradient(closest-side,#000 82%,transparent)}.rail{position:relative}.rail-row{display:flex;gap:24px;margin:0 -16px;padding:8px 16px 20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none}.rail-row::-webkit-scrollbar{display:none}.rail-row>li{flex:0 0 auto;width:min(62vw,236px);scroll-snap-align:center}.rail-row>li:first-child{margin-left:auto}.rail-row>li:last-child{margin-right:auto}.rail-row.nudge>li{animation:rail-nudge 1.5s cubic-bezier(.45,0,.25,1)}@keyframes rail-nudge{45%{transform:translate(-42%)}to{transform:none}}.rail-item{display:grid;gap:6px;justify-items:center;color:inherit;text-align:center;text-decoration:none}.rail-phone{display:block;width:100%;padding:7px;border-radius:34px;background:#1f1d1c;box-shadow:0 0 0 1px #3a3634,0 22px 34px -22px #281e148c;transition:transform .25s}.rail-phone img{display:block;width:100%;height:auto;aspect-ratio:390 / 844;border-radius:27px;object-fit:cover;background:#efe9e2}.rail-item:hover .rail-phone{transform:translateY(-4px)}.rail-item .card-code{margin-top:10px}.rail-arrow{position:absolute;top:calc(50% - 50px);display:none;place-items:center;width:44px;height:44px;border:1px solid var(--site-line);border-radius:50%;background:#fff;color:var(--site-ink);box-shadow:0 6px 16px -8px #281e1466;cursor:pointer}.rail-prev{left:-8px}.rail-next{right:-8px}@media(hover:hover)and (min-width:700px){.rail-wide .rail-arrow{display:grid}}.home-more{margin:36px 0 0;text-align:center}.home-more a,.home-guide-go,.showcase-go{display:inline-flex;gap:6px;align-items:center;color:var(--site-rose);font-weight:500;text-decoration:underline;text-decoration-color:#e9bdb8;text-underline-offset:4px}.home-more a{padding:11px 24px;border:1px solid #ecc6c1;border-radius:999px;background:#fff;text-decoration:none;transition:background .2s}.home-more a:hover{background:var(--site-rose-tint)}.home-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.home-steps li{position:relative;padding:26px 22px 24px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px #e3e9df;text-align:center}.home-step-icon{display:grid;place-items:center;height:56px;margin:0 auto 8px}.home-step-no{display:block;margin-bottom:4px;color:var(--sage);font-family:var(--tpl-serif);font-size:.95rem;font-style:italic}.home-steps h3,.home-guides h3{margin:0 0 6px;font-size:1.02rem;font-weight:600}.home-steps p,.home-guides p{margin:0;color:var(--site-muted);font-size:.93rem}.home-guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1040px;margin:0 auto;padding:0;list-style:none}.home-guides a{display:grid;gap:4px;height:100%;padding:28px 26px;border:1px solid var(--site-line);border-radius:18px;background:var(--site-paper);text-decoration:none;transition:border-color .2s,box-shadow .2s}.home-guides a:hover{border-color:#efc9c4;box-shadow:0 14px 30px -22px #3c1e1973}.home-guides .highlight-icon{margin-bottom:10px}.home-guide-go{margin-top:10px}.tone-blush .highlights li,.tone-blush .paper-vs{background:#fff}.home .faq{max-width:760px;margin:0 auto;padding:0}.tpl-list-hero{box-sizing:border-box;justify-items:start;max-width:1280px;margin:0 auto;padding:48px clamp(24px,4vw,48px) 28px;text-align:left}.site-hero.tpl-list-hero .tpl-list-title{max-width:none;color:inherit;font-family:inherit;font-weight:600;font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.25}.tpl-list-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:6px}.tpl-list-link{display:inline-flex;gap:7px;align-items:center;padding:9px 18px;border:1px solid #ecc6c1;border-radius:999px;background:#fff;color:var(--site-rose);font:inherit;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s}.tpl-list-link:hover,.tpl-list-link.on{background:var(--site-rose-tint)}.tpl-list-link.on{border-color:var(--site-rose)}.tpl-list-link.on svg{fill:currentColor}.tpl-list-count{min-width:1.5em;padding:1px 7px;border-radius:999px;background:var(--site-rose);color:#fff;font-size:.8rem;line-height:1.5}.tpl-list-empty{display:grid;gap:8px;justify-items:center;padding:24px 16px 64px;color:var(--site-muted);text-align:center}.tpl-list-empty p{margin:0}.showcases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px clamp(20px,2.2vw,32px);max-width:1280px;margin:0 auto;padding:8px clamp(24px,4vw,48px) 72px;list-style:none}.showcases>li{position:relative;min-width:0;padding:clamp(18px,2vw,26px) clamp(14px,1.6vw,22px) 18px;border:1px solid #ebe3d6;border-radius:22px;background:#f4efe6;transition:box-shadow .2s,border-color .2s}.showcases>li:hover{border-color:#e5d6c5;box-shadow:0 18px 36px -26px #3c1e1973}.showcases .home-card{grid-template-columns:minmax(0,1fr);margin-top:0;gap:6px}.showcases .card-note{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.85rem;color:var(--site-muted)}.showcases .showcase-go{font-size:.9rem}.showcases .showcase{max-width:none;padding:0 0 6px;border-radius:0;background:none}.showcases .showcase-wait{min-height:0;aspect-ratio:1 / 1.08}.showcases .stage{--pf: .465;gap:calc(var(--u) * .07);align-items:center;height:auto}.showcases .leaf{width:calc(var(--u) * var(--pf) * 362 / 390);height:calc(var(--u) * var(--pf) * 638 / 390)}.showcases .leaf iframe{--lk: calc(var(--s) * var(--pf) / 390)}.home-card:hover .card-code{color:var(--site-rose)}@media(max-width:1080px){.showcases{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.site-hero.tpl-list-hero{padding-inline:14px}.showcases{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding-inline:12px}.showcases .showcase-go{font-size:.85rem}.showcases>li{padding:14px 10px;border-radius:16px}.showcases .fav-heart{top:6px;right:6px;width:32px;height:32px}.tpl-list-links{gap:6px}.tpl-list-link{gap:5px;padding:7px 11px;font-size:.85rem}}.tpl-list-faq{scroll-margin-top:16px;padding-top:8px}.fav-heart{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#281e1961;color:#fff;cursor:pointer;transition:background .2s,transform .15s}.fav-heart:hover{background:#281e1973}.fav-heart:active{transform:scale(.9)}.fav-heart svg{fill:#fff}.fav-heart.on{background:#fff;box-shadow:0 2px 8px #281e1938;color:#e0475f}.fav-heart.on svg{fill:#e0475f}.showcases .fav-heart{position:absolute;top:10px;right:10px;z-index:1}.phone-corner{position:absolute;top:0;left:calc(100% + 14px);pointer-events:auto}@media(max-width:860px){.home-hero{grid-template-columns:1fr;gap:0;justify-items:center;text-align:center}.home-hero-text{display:contents}.home-hero-text .flourish{align-items:center;margin:2px auto 12px}.home-arrow{margin:0 auto 4px}.home-lede{margin:0 auto 2px;font-size:.95rem}.home-couple{order:1;max-width:260px;margin:-6px auto -14px}.home-hero-band{padding-top:10px;padding-bottom:64px}.home-hero .site-button{order:2}.tpl-backdrop{opacity:.1}.home-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.home-steps li{padding:20px 14px}.spray-hero{width:130px}.spray-side{width:100px}}.showcase-solo{padding:8px 0 28px;border-radius:0;background:none}.showcase-solo.showcase-wait{min-height:560px}.showcase-solo .stage{--pf: .62;height:auto}.showcase-solo .phone{box-shadow:0 1px 2px #281e142e,0 22px 34px -20px #281e1466}.showcase-solo .phone:after{content:"";position:absolute;left:8%;right:8%;bottom:calc(var(--u) * -.035);height:calc(var(--u) * .05);border-radius:50%;background:radial-gradient(closest-side,rgb(40 30 20 / 28%),transparent);filter:blur(4px);z-index:-1}@media(max-width:560px){.site-hero,.site-title{gap:8px;padding:32px 16px 24px}.tpl-list-links{margin-top:6px}.site-hero.tpl-list-hero{padding:28px 14px 18px}}@media(max-width:400px){.banner-guide-more{display:none}.tpl-list-links{gap:6px}.tpl-list-link{gap:4px;padding:6px 9px;font-size:.78rem}}.gift-form{text-align:left}.gift-form h2{text-align:center}.gift-form>p{font-size:13px;color:var(--site-muted, #6b5d55)}.gift-account{display:grid;gap:10px;margin:0;padding:12px 14px 14px;border:1px solid var(--site-line);border-radius:10px;background:#fff}.gift-account legend{padding:0 6px;font-weight:600}.gift-account select{border:1px solid var(--site-line);border-radius:8px;padding:9px;font:inherit;font-size:16px;background:#fff}.gift-account input{font-size:16px}.gift-hint{font-size:12px;color:var(--site-muted, #6b5d55);text-align:center}.gift-qr-preview{margin:0 auto;width:150px}.gift-qr-preview svg{display:block;width:100%;height:auto}.gift-clear{justify-self:center;border:0;background:none;color:#9b3b4b;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.consent-veil{position:absolute;inset:0;z-index:5;display:flex;align-items:flex-end;justify-content:center;padding:16px 16px calc(24px + env(safe-area-inset-bottom));background:#0000001f}.consent-box{max-width:420px;width:100%;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 6px 24px #0000002e;font-size:15px;line-height:1.45}.consent-box label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.consent-box input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--site-green)}.consent-box a{color:var(--site-green);text-decoration:underline}.sample-wait .sample-tabs{opacity:.4}.consent-veil{transition:opacity .4s ease}.consent-leaving{opacity:0;pointer-events:none}.sample-dock{transition:transform .3s ease,background-color .3s ease}.sample-tabs{transition:opacity .25s ease}.sample .sample-dock.sample-tucked{transform:translateY(100%);background:transparent;border-top-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.sample-tucked .sample-tabs{opacity:0;pointer-events:none}.sample-peek{position:absolute;bottom:calc(100% + 10px);left:50%;width:44px;height:30px;margin-left:-22px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:#ffffffeb;color:var(--site-rose);box-shadow:0 2px 10px #0003;cursor:pointer;animation:sample-slide-up .2s ease-out}.sample-peek svg{width:22px;height:22px}@media(min-width:768px){.sample-column.sample-full{padding-bottom:0}}
