:root{--cream:#f5efe2;--paper:#fdf5ea;--red:#b88735;--gold-dark:#9a6f2a;--yellow:#d4af37;--olive:#839d6c;--blue:#324539;--brown:#6e6e73;--pink:#f0e2c8;--pink-soft:#f5efe2;--ink:#2d2d2d;--line:#2d2d2d29;--shadow-soft:0 16px 44px #3245391a;--font-display:"Noto Serif TC", "Shippori Mincho", "Hiragino Mincho ProN", serif;--font-sans:"Noto Sans TC", -apple-system, "PingFang TC", "Helvetica Neue", Arial, sans-serif;--radius-pill:999px;--maxw:1240px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:var(--maxw);margin:0 auto;padding:0 32px}.display{font-family:var(--font-display);font-synthesis:none;letter-spacing:.05em;font-weight:900;line-height:1.2}.btn{border-radius:var(--radius-pill);cursor:pointer;border:none;padding:16px 40px;font-size:1rem;font-weight:700;transition:transform .15s,background .15s,color .15s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn-red{background:var(--red);color:var(--paper)}.btn-red:hover{background:var(--gold-dark)}.btn-ink{color:var(--ink);border:1px solid var(--ink);background:0 0}.btn-ink:hover{background:var(--ink);color:var(--paper)}.btn-yellow{background:var(--yellow);color:var(--ink)}.section{padding:110px 0}.eyebrow{letter-spacing:.35em;color:var(--gold-dark);align-items:center;gap:14px;margin-bottom:22px;font-size:.88rem;font-weight:700;display:flex}.eyebrow:before{content:"";background:var(--red);flex:none;width:30px;height:1px}.section-title{font-family:var(--font-display);font-synthesis:none;letter-spacing:.06em;color:var(--red);margin-bottom:24px;font-size:clamp(2rem,4.6vw,3.3rem);font-weight:900;line-height:1.3}.section-sub{color:var(--ink);max-width:560px;font-size:1.05rem}.center{text-align:center}.center .section-sub{margin:0 auto}[data-reveal]{opacity:0;transition:opacity .65s ease var(--d,0s), transform .65s cubic-bezier(.22, 1, .36, 1) var(--d,0s);transform:translateY(28px)}[data-reveal].revealed{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}.phone,.marquee-track{animation:none!important}}.cal-intro{z-index:1000;background:var(--cream);cursor:pointer;justify-content:center;align-items:center;transition:opacity .5s .5s;display:flex;position:fixed;inset:0}.cal-intro-zoom{opacity:0;pointer-events:none}.cal-scene{transition:transform 1.3s cubic-bezier(.65,0,.85,.4)}.cal-intro-zoom .cal-scene{transform:scale(14)}.cal{filter:drop-shadow(0 24px 48px #32453938);width:340px;height:292px;position:relative}.cal-head{z-index:10;width:100%;height:auto;position:absolute;top:0;left:0}.cal-pages{width:210px;height:234px;position:absolute;top:61px;left:66px}.cal-page{flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;padding-top:62px;display:flex;position:absolute;inset:0}.cal-page-bg{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.cal-page-flip{transform-origin:2% 0;filter:drop-shadow(0 10px 16px #2d2d2d59);animation:cal-tear 1.1s cubic-bezier(.45, 0, .7, .4) var(--fd) forwards;position:absolute;inset:0}@keyframes cal-tear{0%{opacity:1;transform:translate(0)rotate(0)}24%{transform:translateY(1px)rotate(2.6deg)}42%{transform:translate(-2px,8px)rotate(-1.4deg)}62%{opacity:1;transform:translate(24px,66px)rotate(8deg)}to{opacity:0;transform:translate(100px,255px)rotate(26deg)}}.cal-stub{z-index:6;opacity:0;width:96%;height:15px;animation:cal-stub-in .1s ease var(--sd) forwards;position:absolute;top:44px;left:2%}@keyframes cal-stub-in{to{opacity:1}}.cal-month{font-family:var(--font-display);letter-spacing:.3em;text-indent:.3em;color:#324539a6;font-size:.85rem;font-weight:700}.cal-num{color:#324539;font-size:4.6rem;line-height:1.1}.cal-week{letter-spacing:.25em;text-indent:.25em;color:#324539a6;font-size:.8rem}.cal-seal{transform-box:fill-box;transform-origin:50%;opacity:0;animation:.6s cubic-bezier(.25,1.4,.5,1) 3.7s forwards cal-stamp}@keyframes cal-stamp{0%{opacity:0;transform:scale(1.9)}to{opacity:1;transform:scale(1)}}.cal-done{text-align:center;letter-spacing:.3em;text-indent:.3em;color:var(--gold-dark);opacity:0;margin-top:20px;font-size:1rem;font-weight:900;animation:.5s 4.1s forwards cal-fade}@keyframes cal-fade{to{opacity:1}}.cal-hint{text-align:center;letter-spacing:.3em;text-indent:.3em;color:var(--brown);opacity:.7;font-size:.85rem;font-weight:700;position:absolute;bottom:36px;left:0;right:0}.nav{z-index:100;background:var(--cream);transition:box-shadow .25s;position:sticky;top:0}.nav-scrolled{box-shadow:0 6px 24px #32453914}.nav-inner{justify-content:space-between;align-items:center;height:76px;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:.14em;color:var(--gold-dark);align-items:center;gap:10px;font-size:1.3rem;font-weight:900;line-height:1;display:flex}.nav-logo-mark{width:38px;height:38px}.nav-links{gap:36px;font-size:.95rem;font-weight:500;display:flex}.nav-links a:hover{color:var(--red)}.nav-cta{padding:10px 26px;font-size:.9rem}.hero{padding:72px 0 90px;overflow:hidden}.hero-top{margin-bottom:48px;position:relative}.hero-title{letter-spacing:.08em;color:var(--red);font-size:clamp(2.8rem,8vw,6.2rem);line-height:1.3}.hero-noren{z-index:2;width:min(270px,25vw);position:absolute;top:0;right:2%}.hero-noren a{transition:transform .35s;display:block}.hero-noren a:hover{transform:translateY(-5px)}.hero-noren svg{width:100%;height:auto;display:block;overflow:visible}.noren-rod{opacity:0;animation:.5s .15s forwards noren-fade}.noren-panel{transform-box:fill-box;transform-origin:50% 0;animation:noren-drop .8s cubic-bezier(.3, 1.35, .45, 1) var(--pd,.35s) both, noren-sway 6s ease-in-out calc(var(--pd,.35s) + 1.6s) infinite}.noren-seal{transform-box:fill-box;transform-origin:50%;opacity:0;animation:.45s cubic-bezier(.3,1.5,.5,1) 1.3s forwards noren-stamp}@keyframes noren-fade{to{opacity:1}}@keyframes noren-drop{0%{opacity:0;transform:scaleY(.12)}70%{opacity:1;transform:scaleY(1.05)}to{opacity:1;transform:scaleY(1)}}@keyframes noren-sway{0%,to{transform:rotate(1deg)}50%{transform:rotate(-1deg)}}@keyframes noren-stamp{0%{opacity:0;transform:scale(1.7)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.noren-rod,.noren-seal{opacity:1;animation:none}.noren-panel{animation:none}}.hero-bottom{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.hero-lead{margin-bottom:12px;font-size:1.3rem;font-weight:900}.hero-sub{max-width:500px;margin-bottom:32px;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:26px;display:flex}.hero-points{color:var(--brown);flex-wrap:wrap;gap:24px;font-size:.95rem;font-weight:700;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex}.phone{background:var(--paper);width:300px;box-shadow:var(--shadow-soft);border-radius:40px;padding:10px;animation:5s ease-in-out infinite phone-float;position:relative}@keyframes phone-float{0%,to{transform:rotate(2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-10px)}}.phone-screen{background:var(--paper);border-radius:30px;padding:22px 16px 18px;position:relative}.phone-header{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.phone-store{font-size:.95rem;font-weight:900}.phone-step{color:var(--red);font-size:.72rem;font-weight:700;animation:.4s step-fade}@keyframes step-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.phone-card{background:var(--cream);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 14px;transition:background .35s,box-shadow .35s;display:flex}.phone-card-active{background:var(--pink);box-shadow:0 6px 18px #b8873540}.phone-card-title{font-size:.9rem;font-weight:700}.phone-card-sub{color:var(--brown);font-size:.72rem}.phone-card-price{color:var(--red);font-size:1.1rem}.phone-label{color:var(--brown);margin:14px 0 8px;font-size:.75rem;font-weight:700}.phone-slots{gap:8px;margin-bottom:18px;display:flex}.phone-slots span{text-align:center;background:var(--cream);border-radius:var(--radius-pill);flex:1;padding:8px 0;font-size:.8rem;font-weight:700;transition:background .35s,color .35s}.phone-slots .phone-slot-active{background:var(--red);color:var(--paper)}.phone-confirm{text-align:center;background:var(--red);color:var(--paper);border-radius:var(--radius-pill);padding:13px 0;font-size:.95rem;font-weight:700;transition:transform .2s,background .2s}.phone-confirm-pressed{background:var(--gold-dark);transform:scale(.96)}.phone-done{background:var(--pink);opacity:0;pointer-events:none;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .35s,transform .35s;display:flex;position:absolute;inset:0;transform:scale(.94)}.phone-done-show{opacity:1;transform:scale(1)}.phone-done-badge{background:var(--red);width:56px;height:56px;color:var(--paper);border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;font-weight:900;display:flex}.phone-done-text{font-size:1.1rem;font-weight:900}.phone-done-sub{color:var(--brown);font-size:.8rem}.marquee{background:var(--blue);padding:26px 0;overflow:hidden}.marquee-track{gap:44px;width:max-content;animation:36s linear infinite marquee-scroll;display:flex}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.marquee-item{letter-spacing:.22em;color:var(--yellow);white-space:nowrap;font-size:1.3rem;font-weight:700}.marquee-item em{color:var(--paper);opacity:.7;margin-left:44px;font-style:normal}.audience-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:64px;display:grid}.audience-card{border-radius:28px;padding:40px 36px;position:relative;overflow:hidden}.audience-olive{background:var(--olive);color:var(--paper)}.audience-blue{background:var(--blue);color:var(--paper)}.audience-num{opacity:.22;font-size:7rem;line-height:1;position:absolute;top:8px;right:20px}.audience-tag{background:var(--yellow);color:var(--ink);border-radius:var(--radius-pill);margin-bottom:18px;padding:4px 14px;font-size:.8rem;font-weight:700;display:inline-block}.audience-card h3{margin-bottom:18px;font-size:1.5rem;font-weight:900;line-height:1.4}.audience-card ul{list-style:none}.audience-card li{margin-bottom:10px;padding-left:26px;font-size:.98rem;position:relative}.audience-card li:before{content:"✦";color:var(--yellow);position:absolute;left:0}.steps-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.steps-title{margin-bottom:0}.steps-flow{grid-template-columns:repeat(4,1fr);gap:40px;margin-top:72px;display:grid}.step-row{align-items:flex-start;gap:20px;display:flex}.step-kanji{color:var(--red);flex:none;font-size:2.8rem;line-height:1}.step-body{border-left:1px solid #b8873566;padding-top:4px;padding-left:24px}.step-body h3{margin-bottom:6px;font-size:1.2rem;font-weight:900}.step-body p{color:var(--brown);font-size:.95rem}.features{background:var(--paper)}.features-list{border-top:1px solid var(--line);margin-top:56px}.feature-row{border-bottom:1px solid var(--line);grid-template-columns:90px 260px 1fr;align-items:baseline;gap:28px;padding:30px 8px;transition:background .2s;display:grid}.feature-row:hover{background:var(--pink)}.feature-num{color:var(--olive);font-size:1.5rem}.feature-title{font-size:1.3rem;font-weight:900}.feature-desc{font-size:.98rem}.testimonials-title{color:var(--blue)}.quote-stat{align-items:baseline;gap:14px;margin-top:22px;display:flex}.quote-stat-num{color:var(--red);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,4vw,2.6rem);font-weight:900;line-height:1}.quote-stat-label{letter-spacing:.12em;color:#2d2d2db8;font-size:.9rem}@keyframes stat-bump{0%{transform:scale(1.14)}to{transform:scale(1)}}.stat-bump{transform-origin:50% 100%;animation:.4s cubic-bezier(.34,1.55,.64,1) stat-bump;display:inline-block}.quote-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:28px;margin-top:64px;display:grid}.quote-card:nth-child(3n+2){margin-top:36px}.quote-card{background:var(--paper);box-shadow:var(--shadow-soft);border-radius:18px;padding:40px 30px 26px;position:relative}.quote-card:after{content:"";border-top:12px solid var(--paper);border-right:14px solid #0000;width:0;height:0;position:absolute;bottom:-11px;left:30px}.quote-card:nth-child(2n):after{border-left:14px solid #0000;border-right:none;left:auto;right:30px}.quote-card[data-reveal]{transform-origin:30px 100%;transition:opacity .4s ease var(--d,0s), transform .55s cubic-bezier(.34, 1.55, .64, 1) var(--d,0s);transform:translateY(18px)scale(.55)}.quote-card:nth-child(2n)[data-reveal]{transform-origin:calc(100% - 30px) 100%}.quote-card[data-reveal].revealed{transform:none}@media (prefers-reduced-motion:reduce){.quote-card[data-reveal]{transition:none;transform:none}}@keyframes quote-pop{0%{opacity:0;transform:translateY(18px)scale(.55)}to{opacity:1;transform:none}}@keyframes quote-vanish{to{opacity:0;transform:translateY(12px)scale(.6)}}.quote-card.quote-swap{transform-origin:30px 100%;animation:.55s cubic-bezier(.34,1.55,.64,1) both quote-pop}.quote-card:nth-child(2n).quote-swap{transform-origin:calc(100% - 30px) 100%}.quote-card.quote-out{transform-origin:30px 100%;animation:.34s both quote-vanish}.quote-card:nth-child(2n).quote-out{transform-origin:calc(100% - 30px) 100%}.quote-mark{color:var(--yellow);-webkit-user-select:none;user-select:none;font-size:2.6rem;line-height:1;position:absolute;top:12px;left:18px}.quote-card blockquote{font-family:var(--font-display);letter-spacing:.04em;margin-bottom:18px;font-size:1.02rem;font-weight:700;line-height:2}.quote-card figcaption{color:var(--brown);align-items:center;gap:10px;font-size:.85rem;font-weight:700;display:flex}.quote-card figcaption:before{content:"";background:var(--red);width:20px;height:1px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:56px;display:grid}.plan-card{background:var(--paper);box-shadow:var(--shadow-soft);border-radius:28px;flex-direction:column;padding:40px 36px;display:flex;position:relative}.plan-featured{background-color:var(--blue);color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97'%3E%3Cpath fill='none' stroke='%23FDF5EA' stroke-opacity='0.06' stroke-width='1.2' d='M0 0H56M0 48.5H56M0 97H56M0 0L28 48.5L0 97M56 0L28 48.5L56 97M28 16.17L0 0M28 16.17L56 0M28 16.17L28 48.5M0 32.33L0 0M0 32.33L28 48.5M56 32.33L56 0M56 32.33L28 48.5M28 80.83L28 48.5M28 80.83L0 97M28 80.83L56 97M0 64.66L28 48.5M0 64.66L0 97M56 64.66L28 48.5M56 64.66L56 97'/%3E%3C/svg%3E");margin:-18px 0;padding-top:52px;padding-bottom:52px;box-shadow:0 18px 44px #32453947}.plan-featured .plan-desc,.plan-featured .plan-price span{color:#fdf5eab8}.plan-badge{background:var(--red);color:var(--paper);letter-spacing:.2em;border-radius:var(--radius-pill);padding:6px 18px;font-size:.85rem;font-weight:700;position:absolute;top:-16px;right:28px}.plan-featured .plan-badge{background:var(--yellow);color:var(--blue);animation:2.8s ease-in-out infinite badge-bob}@keyframes badge-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(3deg)}}.plan-featured .plan-price{color:var(--yellow)}.plan-note{text-align:center;color:var(--brown);margin-top:14px;font-size:.8rem}.plan-featured .plan-note{color:#fdf5ea99}.plan-card[data-reveal]{transform:translateY(34px)scale(.94)}.plan-card[data-reveal].revealed{opacity:1;animation:plan-pop .65s cubic-bezier(.34, 1.55, .64, 1) var(--d,0s) backwards;transition:transform .25s,box-shadow .25s;transform:none}@keyframes plan-pop{0%{opacity:0;transform:translateY(34px)scale(.94)}to{opacity:1;transform:none}}.plan-card.revealed:hover{transform:translateY(-8px);box-shadow:0 20px 44px #32453924}.plan-featured.revealed:hover{box-shadow:0 26px 52px #32453957}.plan-card li{transition:opacity .4s,transform .4s}.plan-card[data-reveal]:not(.revealed) li{opacity:0;transform:translate(-12px)}.plan-card.revealed li:first-child{transition-delay:calc(var(--d,0s) + .3s)}.plan-card.revealed li:nth-child(2){transition-delay:calc(var(--d,0s) + .4s)}.plan-card.revealed li:nth-child(3){transition-delay:calc(var(--d,0s) + .5s)}.plan-card.revealed li:nth-child(4){transition-delay:calc(var(--d,0s) + .6s)}.plan-card.revealed li:nth-child(5){transition-delay:calc(var(--d,0s) + .7s)}@media (prefers-reduced-motion:reduce){.plan-card[data-reveal]{transform:none}.plan-card[data-reveal].revealed,.plan-featured .plan-badge{animation:none}.plan-card[data-reveal]:not(.revealed) li{opacity:1;transform:none}}.plan-card h3{font-size:1.15rem;font-weight:900}.plan-price{color:var(--red);margin:8px 0 4px;font-size:4rem;line-height:1}.plan-price span{color:var(--brown);font-size:1.2rem}.plan-desc{color:var(--brown);margin-bottom:20px;font-weight:700}.plan-card ul{flex:1;margin-bottom:28px;list-style:none}.plan-card li{margin-bottom:10px}.plan-card .btn{text-align:center}.cta{background-color:var(--blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97'%3E%3Cpath fill='none' stroke='%23FDF5EA' stroke-opacity='0.06' stroke-width='1.2' d='M0 0H56M0 48.5H56M0 97H56M0 0L28 48.5L0 97M56 0L28 48.5L56 97M28 16.17L0 0M28 16.17L56 0M28 16.17L28 48.5M0 32.33L0 0M0 32.33L28 48.5M56 32.33L56 0M56 32.33L28 48.5M28 80.83L28 48.5M28 80.83L0 97M28 80.83L56 97M0 64.66L28 48.5M0 64.66L0 97M56 64.66L28 48.5M56 64.66L56 97'/%3E%3C/svg%3E")}.cta-title{letter-spacing:.08em;color:var(--yellow);margin-bottom:24px;font-size:clamp(2.2rem,5.5vw,4rem);line-height:1.4}.cta-sub{color:var(--paper);max-width:560px;margin:0 auto 40px;font-size:1.05rem}.cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-light{color:var(--paper);border:1px solid var(--paper);background:0 0}.btn-light:hover{background:var(--paper);color:var(--blue)}.faq-list{border-top:1px solid var(--line);max-width:760px;margin:48px auto 0}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-q{font-family:var(--font-display);letter-spacing:.06em;font-size:1.05rem;font-weight:700}.faq-toggle{color:var(--red);flex:none;font-size:1.05rem;line-height:1;transition:transform .3s}.faq-item[open] .faq-toggle{transform:rotate(45deg)}.faq-a{letter-spacing:.02em;color:#2d2d2dd9;max-width:62ch;padding:0 4px 24px;line-height:2}.footer{padding:40px 0 32px;overflow:hidden}.footer-word{font-family:var(--font-display);letter-spacing:.08em;color:var(--red);text-align:center;-webkit-user-select:none;user-select:none;margin-bottom:36px;font-size:clamp(4.5rem,14vw,11rem);font-weight:900;line-height:1}.footer-inner{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:22px;display:flex}.footer-links{gap:28px;font-size:.95rem;font-weight:700;display:flex}.footer-links a:hover{color:var(--red)}.footer-links a{cursor:pointer}.footer-meta{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.footer-legal{gap:18px;font-size:.85rem;display:flex}.footer-legal a{cursor:pointer}.footer-legal a:hover{color:var(--red)}.footer-copy{color:var(--brown);font-size:.85rem}@media (width<=760px){.footer-meta{align-items:flex-start}}@media (width<=900px){.nav-links{display:none}.hero-bottom{grid-template-columns:1fr}.hero-noren{width:190px;margin:0 0 16px;position:static}.audience-grid,.pricing-grid{grid-template-columns:1fr}.steps-flow{grid-template-columns:repeat(2,1fr)}.feature-row{grid-template-columns:64px 1fr}.feature-desc{grid-column:2}.quote-grid{grid-template-columns:1fr;gap:20px}.quote-card:nth-child(3n+2){margin-top:0}.plan-featured{margin:0;padding-top:44px;padding-bottom:44px}.section{padding:72px 0}}@media (width<=520px){.steps-flow{grid-template-columns:1fr}}
