:root{--red: #D32F2F;--green: #4CAF50;--sakura: #F8BBD0;--charcoal: #424242;--white: #F5F5F5;--ink: #1b1b1b;--radius: 14px;--maxw: 1120px;--shadow: 0 10px 30px rgba(0, 0, 0, .07)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}.swiper{overflow-x:auto;display:flex;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:12px}.slides{display:flex;gap:12px}.slides img{flex:0 0 80%;max-width:80%;height:auto;border-radius:12px;scroll-snap-align:start;box-shadow:0 4px 12px #0000001a}@media (min-width: 768px){.slides img{flex:0 0 30%;max-width:30%}}.container{max-width:var(--maxw);margin-inline:auto;padding:clamp(16px,3vw,28px)}#screenshots img{width:100%;border-radius:12px;box-shadow:var(--shadow);object-fit:cover}.btn{display:inline-block;padding:.9rem 1.2rem;border-radius:12px;font-weight:600;border:1px solid transparent;transition:transform .06s ease,box-shadow .2s ease,background .2s ease;box-shadow:var(--shadow);background:var(--red);color:#fff}.btn:hover{transform:translateY(-1px)}.btn.ghost{background:#fff;color:var(--red);border-color:var(--red);box-shadow:none}.pill{display:inline-flex;gap:.5rem;align-items:center;padding:.35rem .7rem;border-radius:999px;background:#fff;border:1px solid #e9e9e9;font-weight:600}.badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.badge{border:1px solid #ececec;background:#fff;border-radius:999px;padding:.35rem .7rem;font-size:.88rem}header.nav{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);background:#f5f5f5cc;border-bottom:1px solid #eee}.nav-inner{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:.2px}.brand-logo{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--red),var(--sakura));display:grid;place-items:center;color:#fff;font-weight:800}.nav-links{display:flex;gap:1rem;flex-wrap:wrap}.nav-links a{font-weight:600;color:var(--charcoal)}.nav-cta{display:flex;gap:.6rem;flex-wrap:wrap}.hero{padding:clamp(32px,6vw,90px) 0}.hero-grid{display:grid;gap:clamp(18px,3vw,32px);grid-template-columns:1fr}.hero h1{font-size:clamp(28px,5vw,48px);line-height:1.1;margin:.2rem 0 .6rem;font-weight:800}.lead{font-size:clamp(16px,2.2vw,20px);color:#333;max-width:62ch}.store-buttons{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0 0}.mock{border-radius:var(--radius);background:linear-gradient(180deg,#fff,#fafafa);border:1px solid #eee;box-shadow:var(--shadow);padding:10px;display:grid;place-items:center;aspect-ratio:16/10}.mock img{max-width:100%;height:auto;border-radius:10px}section{padding:clamp(32px,5vw,72px) 0}.section-title{font-size:clamp(22px,3.2vw,32px);margin:0 0 .8rem;font-weight:800}.grid-3{display:grid;gap:16px;grid-template-columns:1fr}.card{background:#fff;border:1px solid #eee;border-radius:var(--radius);padding:clamp(16px,2.2vw,22px);box-shadow:var(--shadow);display:flex;gap:.8rem;flex-direction:column}.icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--red)}.card h3{margin:.2rem 0}.muted{color:#555}.band{background:linear-gradient(180deg,#fff,#ffeef2 40%,#fff);border-top:1px solid #f2d7de;border-bottom:1px solid #f2d7de}.list{display:grid;gap:.4rem}.list li{display:flex;gap:.6rem;align-items:flex-start}.check{color:var(--green);font-weight:800;margin-top:1px}details{background:#fff;border:1px solid #eee;border-radius:12px;padding:1rem;margin:.6rem 0;box-shadow:var(--shadow)}summary{cursor:pointer;font-weight:700}.cta{text-align:center;background:linear-gradient(180deg,#fff,#ffe9ef);border:1px solid #f2d7de;border-radius:16px;padding:clamp(20px,3.5vw,36px);box-shadow:var(--shadow)}footer{padding:40px 0;color:#666;border-top:1px solid #eee}.footgrid{display:grid;gap:16px;grid-template-columns:1fr}.foot small{display:block;color:#888}.legal a{color:#666}@media (min-width: 780px){.hero-grid{grid-template-columns:1.08fr .92fr;align-items:center}.grid-3{grid-template-columns:repeat(3,1fr)}.footgrid{grid-template-columns:2fr 1fr 1fr}}