:root{--c-orange:#FF7A3D;--c-orange-deep:#E85A1C;--c-orange-bright:#FF9A5C;--c-mint:#14C8B6;--c-mint-deep:#0A6E64;--c-yellow:#FFD23F;--c-pink:#FF5C8A;--c-cream:#FFF7EE;--c-peach:#FFE9D6;--c-white:#FFFFFF;--c-ink:#2A1D16;--c-ink-sub:#6E5D52;--c-line:#F1E3D5;--g-sunrise:linear-gradient(135deg,#FF9A3D 0%,#FF5C8A 55%,#FFD23F 115%);--g-mint:linear-gradient(135deg,#14C8B6 0%,#5CE6D6 100%);--g-candy:linear-gradient(135deg,#FF7A3D 0%,#FF5C8A 100%);--r-card:24px;--r-lg:28px;--r-btn:999px;--r-btn-soft:16px;--r-chip:999px;--shadow-soft:0 10px 30px -8px rgba(255,122,61,.25);--shadow-card:0 18px 44px -18px rgba(42,29,22,.2);--shadow-pop:0 6px 0 0 rgba(232,90,28,.22);--ease-pop:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.16,1,.3,1);--font-display:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN",system-ui,sans-serif;--font-accent:"Baloo 2",var(--font-display);--font-body:"Zen Kaku Gothic New","Noto Sans JP",system-ui,sans-serif;--container:1120px}@media(prefers-color-scheme:dark){:root{--c-orange:#FF9460;--c-orange-deep:#FF7A3D;--c-orange-bright:#FFB083;--c-mint:#2DDAC6;--c-mint-deep:#16B7A6;--c-yellow:#FFD84F;--c-pink:#FF6E97;--c-cream:#1A1216;--c-peach:#241319;--c-white:#261A20;--c-ink:#FBF1EA;--c-ink-sub:#B8A89E;--c-line:#3A2A30;--shadow-card:0 18px 44px -18px rgba(0,0,0,.55)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--c-ink);background:var(--c-cream);line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}h1,h2,h3,.display{font-family:var(--font-display);font-weight:800;line-height:1.12;letter-spacing:-.01em}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--c-mint);outline-offset:2px}section[id]{scroll-margin-top:84px}.container{max-width:var(--container);margin:0 auto;padding-inline:clamp(20px,5vw,48px)}section{padding-block:clamp(64px,10vw,128px);position:relative}.eyebrow{font-family:var(--font-display);font-weight:700;font-size:.8rem;letter-spacing:.08em;color:var(--c-mint-deep);display:inline-block;margin-bottom:14px}.lead{font-size:clamp(1.05rem,2vw,1.25rem);font-weight:500;color:var(--c-ink);line-height:1.7;max-width:34em}.muted{color:var(--c-ink-sub)}mark{background:linear-gradient(transparent 55%,var(--c-yellow) 55%);color:inherit;padding:0 .1em;border-radius:2px}.hl-candy{background:var(--g-candy);-webkit-background-clip:text;background-clip:text;color:transparent}.mesh{position:fixed;inset:0;z-index:-2;background:var(--c-cream);overflow:hidden}.mesh:before,.mesh:after,.blob{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}.mesh:before{width:46vw;height:46vw;background:var(--c-orange);top:-10vw;left:-8vw;opacity:.35}.mesh:after{width:40vw;height:40vw;background:var(--c-pink);top:8vw;right:-10vw;opacity:.28}.mesh .b2{width:38vw;height:38vw;background:var(--c-yellow);bottom:-6vw;left:18vw;opacity:.3}.mesh .b3{width:34vw;height:34vw;background:var(--c-mint);bottom:10vw;right:6vw;opacity:.25}.dots{position:fixed;inset:0;z-index:-1;background-image:radial-gradient(var(--c-line) 1.2px,transparent 1.2px);background-size:26px 26px;opacity:.6}header{position:fixed;top:0;left:0;right:0;z-index:50;transition:.3s var(--ease-out)}header .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}header.scrolled{background:color-mix(in srgb,var(--c-cream) 86%,transparent);backdrop-filter:blur(10px);box-shadow:0 4px 20px -12px #2a1d1666}.logo{font-family:var(--font-display);font-weight:800;font-size:1.45rem;display:inline-flex;align-items:center;gap:6px}.logo .dot{width:12px;height:12px;border-radius:50%;background:var(--g-sunrise);display:inline-block}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:1.05rem;cursor:pointer;border:none;transition:transform .2s var(--ease-pop),box-shadow .2s,background .2s}.btn-primary{background:var(--c-orange-deep);color:#fff;padding:16px 28px;border-radius:var(--r-btn);box-shadow:var(--shadow-pop)}.btn-primary:hover{transform:scale(1.05) translateY(-1px)}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px #e85a1c38}.btn-ghost{background:transparent;color:var(--c-ink);padding:16px 20px;border-radius:var(--r-btn-soft);font-weight:700}.btn-ghost:hover{color:var(--c-orange-deep)}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:.85rem;padding:8px 16px;border-radius:var(--r-chip);background:var(--c-white);box-shadow:var(--shadow-soft);color:var(--c-ink)}.chip.mint{background:color-mix(in srgb,var(--c-mint) 18%,var(--c-white));color:var(--c-mint-deep)}.chip.row{display:flex;flex-wrap:wrap;gap:10px}.hero{padding-top:clamp(120px,16vw,180px)}.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero h1{font-size:clamp(2.5rem,7vw,4.6rem);margin-bottom:22px}.hero .lead{margin-bottom:28px}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:26px}@media(max-width:860px){.hero .grid{grid-template-columns:1fr;gap:40px}}.phone{position:relative;justify-self:center;width:min(300px,78vw);aspect-ratio:9/19;background:var(--c-white);border-radius:42px;border:8px solid var(--c-ink);box-shadow:var(--shadow-card);overflow:hidden}@media(prefers-color-scheme:dark){.phone{border-color:#000}}.phone .screen{position:absolute;inset:0;background:var(--c-cream)}.phone .scr{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.ph-note{margin-top:14px;text-align:center;font-size:.72rem;color:var(--c-ink-sub)}.popcard{position:absolute;inset:10px;border-radius:20px;background:var(--c-white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-shadow:0 20px 40px -18px #2a1d1666;animation:popdemo 4.6s var(--ease-pop) infinite}.barcode{width:78%;height:96px;background:repeating-linear-gradient(90deg,var(--c-ink) 0 3px,transparent 3px 7px),repeating-linear-gradient(90deg,var(--c-ink) 0 5px,transparent 5px 14px);background-blend-mode:normal;border-radius:6px}.popcard .num{font-family:var(--font-accent);font-weight:800;letter-spacing:.2em;color:var(--c-ink)}.flash{position:absolute;inset:0;background:var(--c-yellow);opacity:0;pointer-events:none;animation:flash 4.6s linear infinite}@keyframes popdemo{0%,34%{transform:scale(.62) translateY(40px);opacity:0}42%{transform:scale(1.04);opacity:1}46%{transform:scale(1)}80%{transform:scale(1);opacity:1}90%,to{transform:scale(.62) translateY(40px);opacity:0}}@keyframes flash{0%,39%{opacity:0}42%{opacity:.65}50%{opacity:0}to{opacity:0}}.float{position:absolute;font-size:2rem;filter:drop-shadow(0 8px 12px rgba(42,29,22,.18));animation:bob 5s ease-in-out infinite}.float.s1{top:6%;left:-4%;animation-delay:.2s}.float.s2{top:60%;right:-6%;animation-delay:1.1s}.float.s3{bottom:2%;left:8%;animation-delay:.6s}@keyframes bob{0%,to{transform:translateY(-8px) rotate(-3deg)}50%{transform:translateY(8px) rotate(3deg)}}.wave{display:block;line-height:0;color:var(--c-peach);margin-bottom:-1px}.wave svg{display:block;width:100%;height:clamp(28px,5vw,56px)}.wave.flip{margin-bottom:0;margin-top:-1px}.wave.flip svg{transform:scaleY(-1)}.empathy{background:var(--c-peach)}.bubbles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:32px}.bubble{background:var(--c-white);border-radius:20px 20px 20px 6px;padding:20px 22px;box-shadow:var(--shadow-soft);font-weight:500}.bubble b{background:linear-gradient(transparent 55%,var(--c-yellow) 55%);padding:0 .1em;border-radius:2px}.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}@media(max-width:820px){.feat{grid-template-columns:1fr}}.card{background:var(--c-white);border-radius:var(--r-card);padding:30px 26px;position:relative;transition:transform .3s var(--ease-pop)}.card .ic{font-size:2.4rem;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;margin-bottom:18px}.card h3{font-size:1.25rem;margin-bottom:10px}.card:hover{transform:translateY(-6px) rotate(0)!important}.card.c1{box-shadow:0 6px #e85a1c38;transform:rotate(-1.5deg)}.card.c1 .ic{background:color-mix(in srgb,var(--c-orange) 20%,#fff)}.card.c2{box-shadow:0 6px #0e9e9047;transform:rotate(1.2deg)}.card.c2 .ic{background:color-mix(in srgb,var(--c-mint) 22%,#fff)}.card.c3{box-shadow:0 6px #ff5c8a47;transform:rotate(-1deg)}.card.c3 .ic{background:color-mix(in srgb,var(--c-pink) 20%,#fff)}.ba{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch;margin-top:40px}@media(max-width:820px){.ba{grid-template-columns:1fr}.ba .arrow{transform:rotate(90deg);justify-self:center}}.ba-col{border-radius:var(--r-card);padding:26px}.ba-col h3{font-size:1.05rem;margin-bottom:14px;display:flex;align-items:center;gap:8px}.ba-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;font-weight:500}.ba-col li{display:flex;gap:8px}.before{background:#eceae6;color:#6b6660}.before h3{color:#6b6660}.after{background:var(--g-sunrise);color:#fff;box-shadow:var(--shadow-soft)}.after .x{font-weight:800}.arrow{align-self:center;font-size:2rem;color:var(--c-orange-deep)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px}@media(max-width:820px){.steps{grid-template-columns:1fr}}.step .n{font-family:var(--font-accent);font-weight:800;font-size:clamp(3rem,7vw,5rem);background:var(--g-candy);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.step h3{font-size:1.2rem;margin:6px 0 8px}.promise-wrap{padding-block:clamp(48px,8vw,96px)}.promise{background:var(--g-mint);border-radius:var(--r-lg);padding:clamp(36px,6vw,72px);color:#06403a;position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.promise .lock{font-size:3rem;margin-bottom:14px}.promise h2{color:#06403a;font-size:clamp(1.6rem,4vw,2.6rem);margin-bottom:16px}.promise p{max-width:36em;font-weight:500;color:#0b4d46}.promise .pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.promise .pills span{background:#ffffffa6;color:#06403a;font-family:var(--font-display);font-weight:700;font-size:.85rem;padding:8px 16px;border-radius:999px}.use .chip.row{margin-top:30px}.use .chip{font-size:.95rem;padding:12px 20px}.faq{max-width:760px;margin-inline:auto}details{background:var(--c-white);border-radius:18px;padding:4px 22px;margin-top:14px;box-shadow:var(--shadow-soft);transition:.2s}details summary{font-family:var(--font-display);font-weight:700;cursor:pointer;padding:16px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}details summary::-webkit-details-marker{display:none}details summary:after{content:"＋";color:var(--c-orange-deep);font-weight:800;transition:transform .25s var(--ease-pop)}details[open] summary:after{transform:rotate(45deg)}details p{padding:0 0 18px;color:var(--c-ink);font-weight:500}.final{text-align:center;background:var(--g-sunrise);color:#fff;border-radius:var(--r-lg);padding:clamp(48px,8vw,96px) 24px;margin:clamp(40px,6vw,80px) auto;max-width:var(--container);box-shadow:var(--shadow-card)}.final h2{color:#fff;font-size:clamp(1.8rem,5vw,3.2rem);margin-bottom:8px}.final .yell{font-size:clamp(2.4rem,7vw,4.2rem);margin:6px 0 26px}.final .btn-primary{background:#fff;color:var(--c-orange-deep);box-shadow:0 6px #0000001f}.final .btn-primary:active{box-shadow:0 2px #0000001f}footer{padding-block:48px;text-align:center;color:var(--c-ink-sub);font-size:.9rem}footer a{text-decoration:underline;margin:0 8px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-pop)}.reveal.in{opacity:1;transform:none}.hero .reveal{transition-delay:var(--d,0s)}#confetti{position:fixed;inset:0;pointer-events:none;z-index:100;overflow:hidden}.conf{position:absolute;width:10px;height:14px;border-radius:2px;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.popcard{position:absolute;inset:10px;transform:none;opacity:1}.card{transform:none!important}}