@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=JetBrains+Mono:wght@400;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--pv-cream:#F1E7D2;--pv-cream2:#E9DBBE;--pv-ink:#232F3E;--pv-soft:#4A5A6B;--pv-coral:#E8572F;--pv-coral2:#C8451F;--pv-teal:#2F6F62;--pv-mustard:#E8A93D;--pv-line:#D3C2A0;--pv-white:#FFFCF6}
body.home{background:var(--pv-cream);color:var(--pv-ink);font-family:Manrope,sans-serif;background-image:radial-gradient(circle at 1px 1px,rgba(35,47,62,.05) 1px,transparent 0);background-size:22px 22px}
.pv-home *{box-sizing:border-box}.pv-home h1,.pv-home h2,.pv-home h3{font-family:'Baloo 2',sans-serif}.pv-home a{text-decoration:none}.pv-wrap{max-width:1180px;margin:auto;padding:0 32px}.pv-home section{padding:64px 0}.pv-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:72px!important}.pv-eyebrow{display:inline-flex;background:var(--pv-cream2);border:1px solid var(--pv-line);color:var(--pv-teal);font-weight:700;font-size:13px;padding:6px 14px;border-radius:999px;margin-bottom:18px}.pv-hero h1{font-size:52px;line-height:1.08;margin:0 0 20px}.pv-hero h1 span{color:var(--pv-coral)}.pv-hero p{font-size:18px;color:var(--pv-soft);max-width:500px;margin:0 0 28px}.pv-actions{display:flex;gap:14px;flex-wrap:wrap}.pv-btn{display:inline-block;font-weight:700;font-size:14.5px;padding:10px 22px;border-radius:10px;border:2px solid transparent;transition:.15s}.pv-btn:hover{transform:translateY(-2px)}.pv-btn-primary{background:var(--pv-coral);color:#fff}.pv-btn-primary:hover{background:var(--pv-coral2)}.pv-btn-ghost{border-color:var(--pv-line);color:var(--pv-ink);background:transparent}.pv-btn-teal{background:var(--pv-teal);color:#fff}.pv-btn-lg{padding:14px 28px;font-size:16px;border-radius:12px}.pv-demo-card{background:var(--pv-white);border:2px solid var(--pv-line);border-radius:20px;padding:22px;box-shadow:0 18px 40px -18px rgba(35,47,62,.25)}.pv-demo-head{display:flex;justify-content:space-between;color:var(--pv-soft);font-size:14px;margin-bottom:14px}.pv-demo-head span{font-family:'JetBrains Mono';color:var(--pv-teal);background:#eaf3f0;padding:5px 12px;border-radius:8px}.pv-puzzle-stage{width:300px;height:300px;margin:auto;position:relative;background:var(--pv-cream);border:1px solid var(--pv-line);border-radius:14px;overflow:hidden;touch-action:none;box-shadow:inset 0 0 0 10px rgba(255,252,246,.52)}.pv-puzzle-guide{position:absolute;left:15px;top:15px;width:270px;height:270px;background-size:270px 270px;background-position:center;opacity:.075;border:1px dashed rgba(47,111,98,.45);border-radius:8px;transition:opacity .2s ease}.pv-puzzle-guide.complete{opacity:.16}.pv-piece{position:absolute;left:0;top:0;width:120px;height:120px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 4px 3px rgba(35,47,62,.28));transition:filter .12s ease,opacity .12s ease;will-change:transform}.pv-piece.dragging{cursor:grabbing;filter:drop-shadow(0 9px 7px rgba(35,47,62,.34));transition:none}.pv-piece.locked{cursor:default;filter:drop-shadow(0 1px 1px rgba(35,47,62,.14))}.pv-demo-msg{text-align:center;margin-top:14px;font-size:14px;color:var(--pv-soft)}.pv-demo-msg.is-won{color:var(--pv-coral);font-weight:700}.pv-reset{display:block;margin:12px auto 0;border:0;background:none;color:var(--pv-teal);font-weight:700;cursor:pointer}.pv-divider{display:block;width:100%;height:22px;overflow:visible}.pv-jig{clip-path:polygon(0 0,38% 0,38% 9%,62% 9%,62% 0,100% 0,100% 38%,91% 38%,91% 62%,100% 62%,100% 100%,62% 100%,62% 91%,38% 91%,38% 100%,0 100%,0 62%,9% 62%,9% 38%,0 38%)}.pv-daily{display:grid;grid-template-columns:220px 1fr auto;gap:28px;align-items:center;background:var(--pv-ink);color:#fff;border-radius:24px;padding:32px}.pv-daily-thumb{width:180px;height:180px;background-size:cover;background-position:center}.pv-daily h2{font-size:24px;margin:0 0 8px}.pv-daily p{color:#c6cfda}.pv-stats{display:flex;gap:24px;margin-top:14px;color:#aeb9c6;font-size:13px}.pv-stats span{display:block;color:var(--pv-mustard);font:700 18px 'JetBrains Mono'}.pv-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:28px}.pv-sec-head h2{font-size:30px;margin:0}.pv-sec-head p{color:var(--pv-soft);margin:4px 0 0}.pv-sec-head>a{color:var(--pv-coral);font-weight:700}.pv-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.pv-cat-img{height:150px;background-size:cover;background-position:center}.pv-gradient-0{background:linear-gradient(150deg,#8FCBE0,#2F6F62)}.pv-gradient-1{background:linear-gradient(150deg,#F3C765,#E8572F)}.pv-gradient-2{background:linear-gradient(150deg,#E4B7D8,#8B5FBF)}.pv-gradient-3{background:linear-gradient(150deg,#B7D8A8,#4A8B5F)}.pv-cat-card h3{font-size:17px;margin:12px 0 0}.pv-cat-card p{font-size:13px;color:var(--pv-soft);margin:0}.pv-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.pv-filters a{background:var(--pv-white);border:1.5px solid var(--pv-line);padding:8px 16px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--pv-soft)}.pv-filters .active{background:var(--pv-ink);color:#fff;border-color:var(--pv-ink)}.pv-trend-row{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.pv-trend-card{background:var(--pv-white);border:1px solid var(--pv-line);border-radius:14px;overflow:hidden;color:var(--pv-ink)}.pv-trend-img{height:120px;background-size:cover;background-position:center}.pv-card-body{padding:12px 14px}.pv-card-body strong{display:block;font-size:14px}.pv-card-body span{font-size:12px;color:var(--pv-soft)}.pv-tourn{display:flex;justify-content:space-between;align-items:center;background:var(--pv-cream2);border:2px dashed var(--pv-teal);border-radius:18px;padding:26px 30px!important}.pv-tourn span{background:var(--pv-teal);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:8px}.pv-tourn h2{font-size:21px;margin:10px 0 0}.pv-tourn p{color:var(--pv-soft);margin:0}.pv-create{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;background:var(--pv-white);border:1px solid var(--pv-line);border-radius:24px;padding:48px!important}.pv-create h2{font-size:28px;margin:0 0 12px}.pv-create p{color:var(--pv-soft);max-width:430px}.pv-create-visual{display:flex;align-items:center;gap:18px}.pv-before,.pv-after{width:140px;height:140px;background:linear-gradient(160deg,#F3C765,#8FCBE0);border-radius:12px}.pv-create-visual b{color:var(--pv-coral);font-size:24px}.pv-community-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pv-community-card{background:var(--pv-white);border:1px solid var(--pv-line);border-radius:16px;overflow:hidden;color:var(--pv-ink)}.pv-community-card>div{height:160px;background-size:cover;background-position:center}.pv-community-card section{padding:14px 16px!important}.pv-community-card strong,.pv-community-card span{display:block}.pv-community-card span{font-size:12.5px;color:var(--pv-soft)}.pv-modes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pv-modes article{background:var(--pv-white);border:1px solid var(--pv-line);border-radius:20px;padding:32px}.pv-modes i{display:block;width:52px;height:52px;background:var(--pv-coral);border-radius:12px}.pv-modes article:nth-child(2) i{background:var(--pv-teal)}.pv-modes h3{font-size:22px;margin:16px 0 8px}.pv-modes p{color:var(--pv-soft)}.pv-modes article>div{display:flex;gap:8px;margin:18px 0}.pv-modes article>div span{font-size:12px;font-weight:700;background:var(--pv-cream2);padding:4px 10px;border-radius:8px}.pv-why{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.pv-why b{font-family:'JetBrains Mono';color:var(--pv-coral)}.pv-why h3{font-size:17px;margin:8px 0}.pv-why p{font-size:13.5px;color:var(--pv-soft)}
@media(max-width:900px){.pv-hero{grid-template-columns:1fr}.pv-daily{grid-template-columns:1fr;text-align:center}.pv-daily-thumb{margin:auto}.pv-stats{justify-content:center}.pv-cat-grid,.pv-trend-row,.pv-community-row,.pv-why{grid-template-columns:repeat(2,1fr)}.pv-create{grid-template-columns:1fr}.pv-wrap{padding:0 20px}}
@media(max-width:560px){.pv-hero h1{font-size:40px}.pv-cat-grid,.pv-trend-row,.pv-community-row,.pv-modes,.pv-why{grid-template-columns:1fr}.pv-puzzle-stage{transform:scale(.86);margin:-20px auto}.pv-daily{padding:24px}.pv-tourn{align-items:flex-start;flex-direction:column}.pv-create{padding:28px!important}.pv-create-visual{transform:scale(.82);transform-origin:left}}

/* Exact homepage-preview-en.html alignment */
body.home > header.w-full{display:none!important}
body.home{line-height:1.5}
.pv-preview-header{background:var(--pv-white);border-bottom:2px solid var(--pv-line);position:sticky;top:0;z-index:50;font-family:'Manrope',sans-serif}
.pv-preview-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;max-width:1180px;margin:0 auto}
.pv-preview-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:var(--pv-ink);text-decoration:none}
.pv-preview-logo-mark{width:30px;height:30px;background:var(--pv-coral);border-radius:8px;clip-path:polygon(0% 0%,35% 0%,35% 14%,65% 14%,65% 0%,100% 0%,100% 35%,86% 35%,86% 65%,100% 65%,100% 100%,65% 100%,65% 86%,35% 86%,35% 100%,0% 100%,0% 65%,14% 65%,14% 35%,0% 35%)}
.pv-preview-links{display:flex;gap:32px;font-weight:600;font-size:15px;color:var(--pv-soft)}
.pv-preview-links a{color:inherit;text-decoration:none}.pv-preview-links a:hover{color:var(--pv-coral)}
.pv-preview-right{display:flex;align-items:center;gap:16px}
.pv-home{color:var(--pv-ink);font-family:'Manrope',sans-serif;line-height:1.5}
.pv-home section{padding:64px 0}
.pv-hero{padding:72px 0 56px!important}
.pv-eyebrow{align-items:center;gap:8px;border-radius:20px}
.pv-hero p{max-width:480px}
.pv-btn{cursor:pointer;transition:transform .15s ease}
.pv-demo-head strong{font-weight:700;font-size:14px;color:var(--pv-soft)}
.pv-puzzle-grid{position:relative}
.pv-piece{background-image:var(--puzzle-image),linear-gradient(180deg,#8FCBE0 0%,#8FCBE0 55%,#F1E7D2 55%,#F1E7D2 62%,#3F7D6E 62%,#2F6F62 100%);background-blend-mode:normal;transition:filter .15s ease,transform .1s ease}
.pv-piece.selected{filter:brightness(.82);transform:scale(.96);outline:3px solid var(--pv-coral);outline-offset:-3px}
.pv-reset{font-size:13px;font-weight:600}
.pv-daily h2{font-size:24px}.pv-daily p{font-size:14.5px;margin:0}.pv-stats{gap:20px}.pv-stats span{font-size:19px}
.pv-sec-head{flex-wrap:wrap}.pv-sec-head p{font-size:15px}.pv-sec-head>a{font-size:14.5px;white-space:nowrap}
.pv-cat-card h3{font-size:16px;font-weight:700}.pv-trend-img{height:110px}
.pv-tourn{gap:24px;flex-wrap:wrap}.pv-tourn h2{font-size:20px}.pv-tourn p{font-size:14px}
.pv-create p{font-size:15px;margin:0 0 20px}.pv-after{border-radius:0}
.pv-community-card>div{height:150px}.pv-community-card section{padding:14px 16px!important}
.pv-modes article{display:flex;flex-direction:column}.pv-modes i{margin-bottom:18px;clip-path:polygon(0% 0%,38% 0%,38% 9%,62% 9%,62% 0%,100% 0%,100% 38%,91% 38%,91% 62%,100% 62%,100% 100%,62% 100%,62% 91%,38% 91%,38% 100%,0% 100%,0% 62%,9% 62%,9% 38%,0% 38%)}
.pv-modes h3{font-size:21px;margin:0 0 8px}.pv-modes p{font-size:14.5px;margin:0 0 20px;flex-grow:1}.pv-modes article>div{margin:0 0 20px;flex-wrap:wrap}.pv-modes .pv-btn{align-self:flex-start}
.pv-why b{font-size:14px}.pv-why h3{margin:8px 0;font-size:17px}.pv-why p{margin:0}
@media(max-width:900px){.pv-preview-links{display:none}.pv-preview-nav{padding-left:32px;padding-right:32px}.pv-modes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.pv-preview-nav{padding:14px 20px}.pv-preview-right .pv-btn-ghost{display:none}.pv-preview-logo{font-size:19px}.pv-preview-logo-mark{width:28px;height:28px}.pv-modes{grid-template-columns:1fr}}