.pib-landing *,.pib-landing :after,.pib-landing :before{box-sizing:border-box;margin:0;padding:0}.pib-landing{--paper:#faf6f0;--paper-warm:#f4ede3;--taupe-50:#f1ebe2;--taupe-100:#e8e0d4;--taupe-200:#d7d2cb;--taupe-300:#c5b9a8;--ink:#38302a;--ink-soft:#6a5f54;--muted:#998c7c;--clay:#b26a3c;--clay-deep:#9a562d;--clay-soft:#f3e4d6;--sage:#6e7e5c;--sage-deep:#57663f;--sage-soft:#e7ecde;--sky:#5e7e86;--sky-soft:#dee9eb;--accent:var(--clay);--accent-deep:var(--clay-deep);--accent-soft:var(--clay-soft);--shadow-sm:0 1px 2px rgba(56,48,42,.05);--shadow:0 18px 50px -22px rgba(56,48,42,.4);--shadow-lg:0 36px 90px -34px rgba(56,48,42,.5);--radius:26px;--radius-lg:34px;--font-head:"Noto Serif TC",Georgia,serif;--font-body:"Noto Sans TC",-apple-system,BlinkMacSystemFont,sans-serif;--maxw:1120px;position:relative;min-height:100dvh;font-family:var(--font-body);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased;background:var(--paper);background-image:radial-gradient(120% 70% at 80% -10%,var(--accent-soft) 0,transparent 46%),radial-gradient(100% 60% at 0 0,var(--sage-soft) 0,transparent 40%);overflow-x:clip}.pib-landing img{max-width:100%;display:block}.pib-landing a{color:inherit;text-decoration:none}.pib-landing .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px}.pib-landing .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-deep)}.pib-landing .eyebrow .paw{width:17px;height:17px;color:var(--accent)}.pib-landing .eyebrow.on-dark,.pib-landing .eyebrow.on-dark .paw{color:#e8c9ae}.pib-landing .section{padding:clamp(64px,9vw,110px) 0;position:relative}.pib-landing .section-head{max-width:640px}.pib-landing .section-head h2{font-family:var(--font-head);font-weight:700;font-size:clamp(28px,4vw,42px);line-height:1.32;letter-spacing:.01em;color:var(--ink);margin-top:18px;text-wrap:balance}.pib-landing .section-head .em{color:var(--accent-deep)}.pib-landing .section-head p{font-size:clamp(15px,1.6vw,17px);color:var(--ink-soft);margin-top:16px;max-width:560px}.pib-landing .btn{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 26px;border-radius:99px;font-family:var(--font-body);font-size:15.5px;font-weight:700;letter-spacing:.02em;cursor:pointer;border:1.5px solid transparent;transition:transform .2s,background .2s,box-shadow .2s,color .2s,border-color .2s}.pib-landing .btn svg{width:18px;height:18px}.pib-landing .btn-primary{background:var(--accent);color:#fff;box-shadow:0 14px 28px -12px color-mix(in oklab,var(--accent) 75%,transparent)}.pib-landing .btn-primary:hover{background:var(--accent-deep);transform:translateY(-2px)}.pib-landing .btn-ghost{background:#fff;color:var(--ink);border-color:var(--taupe-200)}.pib-landing .btn-ghost:hover{border-color:var(--accent);color:var(--accent-deep);transform:translateY(-2px)}.pib-landing .btn-soft{background:var(--accent-soft);color:var(--accent-deep)}.pib-landing .btn-soft:hover{background:color-mix(in oklab,var(--accent-soft) 80%,var(--accent));transform:translateY(-2px)}.pib-landing .btn-light{background:#fff;color:var(--accent-deep)}.pib-landing .btn-light:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.pib-landing .btn-lg{padding:17px 32px;font-size:16.5px}.pib-landing .nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in oklab,var(--paper) 78%,transparent);border-bottom:1px solid color-mix(in oklab,var(--taupe-200) 55%,transparent)}.pib-landing .nav-inner{display:flex;align-items:center;gap:18px;height:72px}.pib-landing .brand{display:flex;align-items:center;gap:11px;margin-right:auto}.pib-landing .brand .logo{width:42px;height:42px;border-radius:14px;flex:none;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -8px color-mix(in oklab,var(--accent) 70%,transparent)}.pib-landing .brand .logo svg{width:24px;height:24px}.pib-landing .brand>span:last-child{display:flex;flex-direction:column;justify-content:center;gap:3px}.pib-landing .brand .bn{font-family:var(--font-head);font-weight:700;font-size:18px;color:var(--ink);line-height:1.05}.pib-landing .brand .bz{font-size:11.5px;color:var(--muted);letter-spacing:.04em;line-height:1.1}.pib-landing .nav-links{display:flex;align-items:center;gap:4px}.pib-landing .nav-links a{padding:9px 15px;border-radius:99px;font-size:14.5px;font-weight:600;white-space:nowrap;color:var(--ink-soft);transition:background .18s,color .18s}.pib-landing .nav-links a:hover{background:var(--paper-warm);color:var(--ink)}.pib-landing .nav .btn{padding:11px 20px;font-size:14.5px;white-space:nowrap}.pib-landing .nav-burger{display:none}.pib-landing .lang-toggle{display:inline-flex;align-items:center;gap:2px;flex:none;padding:4px;border-radius:99px;cursor:pointer;border:1.5px solid var(--taupe-200);background:#fff;font-family:var(--font-body);transition:border-color .18s}.pib-landing .lang-toggle:hover{border-color:var(--accent)}.pib-landing .lang-toggle span{padding:6px 12px;border-radius:99px;font-size:13px;font-weight:700;color:var(--muted);line-height:1;transition:background .18s,color .18s}.pib-landing .lang-toggle span.on{background:var(--accent);color:#fff}.pib-landing .paw-deco{position:absolute;color:var(--accent);opacity:.14;pointer-events:none;z-index:0}.pib-landing[data-paws=off] .paw-deco{display:none}.pib-landing .hero{position:relative;overflow:hidden}.pib-landing .hero .wrap{position:relative;z-index:2}.pib-landing .hero-media{position:relative}.pib-landing .hero-eyebrow{margin-bottom:22px}.pib-landing .hero h1{font-family:var(--font-head);font-weight:700;font-size:clamp(34px,5.6vw,60px);line-height:1.18;letter-spacing:.005em;color:var(--ink);text-wrap:balance}.pib-landing .hero h1 .em{color:var(--accent-deep)}.pib-landing .hero .lead{font-size:clamp(15.5px,1.7vw,18px);color:var(--ink-soft);margin-top:22px;max-width:520px;line-height:1.78}.pib-landing .hero-cta{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}.pib-landing .hero-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.pib-landing .stat-pill{display:inline-flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--taupe-100);border-radius:99px;padding:9px 17px 9px 10px;box-shadow:var(--shadow-sm)}.pib-landing .stat-pill .si{width:30px;height:30px;border-radius:50%;flex:none;background:var(--accent-soft);color:var(--accent-deep);display:flex;align-items:center;justify-content:center}.pib-landing .stat-pill .si svg{width:16px;height:16px}.pib-landing .stat-pill b{font-size:13.5px;font-weight:700;color:var(--ink)}.pib-landing .stat-pill span{font-size:13px;color:var(--ink-soft)}.pib-landing .photo-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--paper-warm);box-shadow:var(--shadow-lg);border:6px solid #fff}.pib-landing .photo-card .ph,.pib-landing .photo-card image-slot{display:block;width:100%;height:100%}.pib-landing .media-cover{object-fit:cover}.pib-landing .media-hero-dog{object-position:38% center}.pib-landing .media-product{object-fit:contain;background:linear-gradient(180deg,#f8f2e8,#efe4d7)}.pib-landing .sticker{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:16px;padding:10px 14px;box-shadow:var(--shadow);font-size:13px;font-weight:700;color:var(--ink)}.pib-landing .sticker .si{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none}.pib-landing .sticker .si svg{width:15px;height:15px}.pib-landing .sticker small{display:block;font-size:11px;font-weight:500;color:var(--muted)}.pib-landing .ph{background:repeating-linear-gradient(45deg,#efe8dd 0 11px,#e8e0d4 11px 22px);display:flex;align-items:center;justify-content:center}.pib-landing .ph code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;color:var(--muted);background:hsla(0,0%,100%,.78);padding:5px 11px;border-radius:8px;letter-spacing:.02em}.pib-landing .hero[data-variant=A] .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:clamp(30px,5vw,72px);gap:clamp(30px,5vw,72px);align-items:center;padding:clamp(56px,8vw,96px) 0 clamp(48px,7vw,90px)}.pib-landing .hero[data-variant=A] .photo-card{aspect-ratio:4/4.4}.pib-landing .hero[data-variant=A] .sticker.s1{top:22px;left:-22px}.pib-landing .hero[data-variant=A] .sticker.s2{bottom:26px;right:-20px}.pib-landing .hero[data-variant=B] .hero-grid{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(58px,8vw,104px) 0 clamp(50px,7vw,92px);gap:0}.pib-landing .hero[data-variant=B] .hero-copy{max-width:760px;display:flex;flex-direction:column;align-items:center}.pib-landing .hero[data-variant=B] .lead{max-width:600px}.pib-landing .hero[data-variant=B] .hero-cta,.pib-landing .hero[data-variant=B] .hero-stats{justify-content:center}.pib-landing .hero[data-variant=B] .hero-media{margin-top:50px;position:relative}.pib-landing .hero[data-variant=B] .photo-card{width:min(420px,78vw);aspect-ratio:1;border-radius:50%;border-width:8px}.pib-landing .hero[data-variant=B] .sticker.s1{top:30px;left:-30px}.pib-landing .hero[data-variant=B] .sticker.s2{bottom:36px;right:-28px}.pib-landing .hero[data-variant=B]{background:radial-gradient(80% 60% at 50% 0,var(--sage-soft) 0,transparent 60%)}.pib-landing .hero[data-variant=C] .hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(30px,5vw,64px);gap:clamp(30px,5vw,64px);align-items:center;padding:clamp(52px,7vw,88px) 0}.pib-landing .hero[data-variant=C] .hero-media{position:relative;border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--accent),var(--accent-deep));padding:46px 30px 0;display:flex;justify-content:center;align-items:flex-end;min-height:460px;overflow:hidden;box-shadow:var(--shadow-lg)}.pib-landing .hero[data-variant=C] .hero-media .blob{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.12)}.pib-landing .hero[data-variant=C] .hero-media .b1{width:220px;height:220px;top:-60px;right:-40px}.pib-landing .hero[data-variant=C] .hero-media .b2{width:150px;height:150px;bottom:40px;left:-50px}.pib-landing .hero[data-variant] .hero-grid{display:none}.pib-landing .hero[data-variant=A] .hv-A,.pib-landing .hero[data-variant=B] .hv-B,.pib-landing .hero[data-variant=C] .hv-C{display:grid}.pib-landing .hero[data-variant=B] .hv-B{display:flex}.pib-landing .mini-phone{width:250px;background:#2c2620;border-radius:38px;padding:7px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);position:relative;z-index:2}.pib-landing .mini-screen{background:var(--paper);border-radius:31px;overflow:hidden;padding:20px 18px 22px}.pib-landing .mini-eyebrow{font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--accent-deep);text-transform:uppercase}.pib-landing .mini-screen h4{font-family:var(--font-head);font-size:17px;line-height:1.4;margin:9px 0 12px;color:var(--ink)}.pib-landing .mini-row{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:12px;background:#fff;border:1px solid var(--taupe-100);margin-bottom:8px;font-size:11.5px;font-weight:600;color:var(--ink-soft)}.pib-landing .mini-row .mi{width:22px;height:22px;border-radius:7px;background:var(--accent-soft);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;flex:none}.pib-landing .mini-row .mi svg{width:13px;height:13px}.pib-landing .mini-row.on{background:var(--accent-soft);border-color:transparent;color:var(--accent-deep)}.pib-landing .mini-btn{margin-top:12px;background:var(--accent);color:#fff;border-radius:99px;text-align:center;padding:11px;font-size:12.5px;font-weight:700}.pib-landing .ai-band{background:var(--ink);color:var(--paper);border-radius:var(--radius-lg);position:relative;overflow:hidden}.pib-landing .ai-band .inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(28px,4vw,60px);gap:clamp(28px,4vw,60px);align-items:center;padding:clamp(40px,5vw,64px);position:relative;z-index:2}.pib-landing .ai-band h3{font-family:var(--font-head);font-size:clamp(24px,3vw,34px);line-height:1.34;font-weight:700}.pib-landing .ai-band h3 .em{color:#e8c9ae}.pib-landing .ai-checks{display:flex;flex-direction:column;gap:13px;margin-top:8px}.pib-landing .ai-check{display:flex;align-items:center;gap:14px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:15px 18px}.pib-landing .ai-check .ci{width:38px;height:38px;border-radius:11px;background:hsla(28,56%,80%,.16);color:#e8c9ae;display:flex;align-items:center;justify-content:center;flex:none}.pib-landing .ai-check .ci svg{width:20px;height:20px}.pib-landing .ai-check b{font-size:15.5px;color:#fff;font-weight:700}.pib-landing .ai-check span{font-size:12.5px;color:hsla(36,50%,96%,.66)}.pib-landing .ai-quote{margin-top:22px;font-size:13.5px;color:hsla(36,50%,96%,.78);line-height:1.8;border-left:2px solid hsla(28,56%,80%,.5);padding-left:16px}.pib-landing .ai-quote em{color:#e8c9ae;font-style:normal;font-weight:600}.pib-landing .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px;margin-top:52px}.pib-landing .feat-card{background:#fff;border:1px solid var(--taupe-100);border-radius:var(--radius);padding:30px 28px 32px;box-shadow:var(--shadow-sm);transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden}.pib-landing .feat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.pib-landing .feat-ico{width:60px;height:60px;border-radius:18px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-deep)}.pib-landing .feat-card:nth-child(2) .feat-ico{background:var(--sage-soft);color:var(--sage-deep)}.pib-landing .feat-card:nth-child(3) .feat-ico{background:var(--sky-soft);color:var(--sky)}.pib-landing .feat-ico svg{width:30px;height:30px}.pib-landing .feat-card h3{font-family:var(--font-head);font-size:21px;font-weight:700;color:var(--ink);margin-bottom:11px}.pib-landing .feat-card p{font-size:14.5px;color:var(--ink-soft);line-height:1.75}.pib-landing .feat-num{position:absolute;top:22px;right:26px;font-family:var(--font-head);font-size:14px;color:var(--taupe-200);font-weight:700}.pib-landing .journey{background:var(--paper-warm)}.pib-landing .journey-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:54px;position:relative}.pib-landing .jstep{position:relative}.pib-landing .jstep .jnum{width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--accent);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 18px -10px color-mix(in oklab,var(--accent) 60%,transparent)}.pib-landing .jstep .jnum,.pib-landing .jstep h3{font-family:var(--font-head);font-size:20px;font-weight:700}.pib-landing .jstep h3{color:var(--ink);margin-bottom:10px}.pib-landing .jstep p{font-size:14px;color:var(--ink-soft);line-height:1.74}.pib-landing .jstep .jicon{position:absolute;top:6px;right:8px;width:40px;height:40px;color:var(--taupe-200)}.pib-landing .paw-trail{position:absolute;top:28px;left:0;right:0;height:2px;z-index:0;display:flex;justify-content:space-around}.pib-landing .paw-trail .pt{width:16px;height:16px;color:var(--taupe-300);opacity:.6}.pib-landing .diff{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(30px,5vw,70px);gap:clamp(30px,5vw,70px);align-items:center}.pib-landing .diff-list{list-style:none;display:flex;flex-direction:column;gap:16px;margin-top:8px}.pib-landing .diff-list li{display:flex;gap:14px;align-items:flex-start;font-size:15px;color:var(--ink);line-height:1.68}.pib-landing .diff-list .di{width:30px;height:30px;border-radius:10px;background:var(--accent-soft);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;flex:none;margin-top:2px}.pib-landing .diff-list .di svg{width:17px;height:17px}.pib-landing .diff-visual{position:relative}.pib-landing .before-after{background:#fff;border:1px solid var(--taupe-100);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.pib-landing .ba-row{display:flex;align-items:center;gap:14px;padding:16px 0}.pib-landing .ba-row+.ba-row{border-top:1px dashed var(--taupe-200)}.pib-landing .ba-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:99px;flex:none}.pib-landing .ba-tag.before{background:var(--taupe-100);color:var(--muted)}.pib-landing .ba-tag.after{background:var(--accent-soft);color:var(--accent-deep)}.pib-landing .ba-row .ba-text{font-size:14.5px}.pib-landing .ba-row.before-r .ba-text{color:var(--muted)}.pib-landing .ba-row.after-r .ba-text{color:var(--ink);font-weight:600}.pib-landing .prog-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:26px;gap:26px;margin-top:52px}.pib-landing .prog-card{background:#fff;border:1px solid var(--taupe-100);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column}.pib-landing .prog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.pib-landing .prog-photo{aspect-ratio:16/10;position:relative}.pib-landing .prog-photo .ph,.pib-landing .prog-photo image-slot{width:100%;height:100%}.pib-landing .prog-badge{position:absolute;top:16px;left:16px;z-index:3;background:#fff;color:var(--accent-deep);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:7px 13px;border-radius:99px;box-shadow:var(--shadow-sm)}.pib-landing .prog-body{padding:26px 28px 30px;flex:1 1;display:flex;flex-direction:column}.pib-landing .prog-body h3{font-family:var(--font-head);font-size:23px;font-weight:700;color:var(--ink);margin-bottom:12px}.pib-landing .prog-body p{font-size:14.5px;color:var(--ink-soft);line-height:1.78;flex:1 1}.pib-landing .prog-body .btn{margin-top:22px;align-self:flex-start}.pib-landing .cta-panel{background:linear-gradient(155deg,var(--accent),var(--accent-deep));border-radius:var(--radius-lg);padding:clamp(48px,6vw,80px) clamp(32px,5vw,72px);color:#fff;position:relative;overflow:hidden;text-align:center}.pib-landing .cta-panel h2{font-family:var(--font-head);font-size:clamp(27px,4vw,40px);line-height:1.34;font-weight:700;max-width:760px;margin:0 auto;text-wrap:balance}.pib-landing .cta-panel p{font-size:clamp(14.5px,1.6vw,16.5px);color:hsla(0,0%,100%,.86);margin:18px auto 0;max-width:600px;line-height:1.78}.pib-landing .cta-actions{display:flex;flex-wrap:wrap;gap:13px;justify-content:center;margin-top:34px;position:relative;z-index:2}.pib-landing .cta-panel .paw-deco{opacity:.12;color:#fff}.pib-landing .footer{padding:54px 0 60px;background:var(--paper-warm)}.pib-landing .footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:16px;border-top:1px solid var(--taupe-200);padding-top:30px}.pib-landing .footer .brand{margin-right:auto}.pib-landing .footer-meta{font-size:13px;color:var(--muted)}.pib-landing .footer-links{display:flex;gap:20px}.pib-landing .footer-links a{font-size:13.5px;color:var(--ink-soft)}.pib-landing .footer-links a:hover{color:var(--accent-deep)}.pib-landing .reveal-up{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}.pib-landing .reveal-up.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.pib-landing .reveal-up{opacity:1;transform:none;transition:none}}@media (max-width:900px){.pib-landing .nav-links{display:none}.pib-landing .nav-burger{display:inline-flex}.pib-landing .hero[data-variant=A] .hero-grid,.pib-landing .hero[data-variant=C] .hero-grid{grid-template-columns:1fr}.pib-landing .hero[data-variant=C] .hero-media{min-height:380px;order:-1}.pib-landing .ai-band .inner,.pib-landing .feat-grid,.pib-landing .journey-grid{grid-template-columns:1fr}.pib-landing .paw-trail{display:none}.pib-landing .diff,.pib-landing .prog-grid{grid-template-columns:1fr}}@media (max-width:560px){.pib-landing .wrap{padding:0 20px}.pib-landing .hero-stats{gap:9px}.pib-landing .sticker{display:none}}