.pib-landing *,.pib-landing :before,.pib-landing :after{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 #38302a0d;--shadow:0 18px 50px -22px #38302a66;--shadow-lg:0 36px 90px -34px #38302a80;--radius:26px;--radius-lg:34px;--font-head:"Noto Serif TC", Georgia, serif;--font-body:"Noto Sans TC", -apple-system, BlinkMacSystemFont, sans-serif;--maxw:1120px;min-height:100dvh;font-family:var(--font-body);color:var(--ink);-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%);line-height:1.7;position:relative;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{letter-spacing:.22em;text-transform:uppercase;color:var(--accent-deep);align-items:center;gap:9px;font-size:12px;font-weight:700;display:inline-flex}.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);letter-spacing:.01em;color:var(--ink);text-wrap:balance;margin-top:18px;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.32}.pib-landing .section-head .em{color:var(--accent-deep)}.pib-landing .section-head p{color:var(--ink-soft);max-width:560px;margin-top:16px;font-size:clamp(15px,1.6vw,17px)}.pib-landing .btn{width:auto;font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;border:1.5px solid #0000;border-radius:99px;justify-content:center;align-items:center;gap:9px;padding:15px 26px;font-size:15.5px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s,color .2s,border-color .2s;display:inline-flex}.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{color:var(--ink);border-color:var(--taupe-200);background:#fff}.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{color:var(--accent-deep);background:#fff}.pib-landing .btn-light:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.pib-landing .btn-lg{padding:17px 32px;font-size:16.5px}.pib-landing .nav{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);position:sticky;top:0}.pib-landing .nav-inner{align-items:center;gap:18px;height:72px;display:flex}.pib-landing .brand{align-items:center;gap:11px;margin-right:auto;display:flex}.pib-landing .brand .logo{background:var(--accent);color:#fff;width:42px;height:42px;box-shadow:0 8px 18px -8px color-mix(in oklab, var(--accent) 70%, transparent);border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex}.pib-landing .brand .logo svg{width:24px;height:24px}.pib-landing .brand>span:last-child{flex-direction:column;justify-content:center;gap:3px;display:flex}.pib-landing .brand .bn{font-family:var(--font-head);color:var(--ink);font-size:18px;font-weight:700;line-height:1.05}.pib-landing .brand .bz{color:var(--muted);letter-spacing:.04em;font-size:11.5px;line-height:1.1}.pib-landing .nav-links{align-items:center;gap:4px;display:flex}.pib-landing .nav-links a{white-space:nowrap;color:var(--ink-soft);border-radius:99px;padding:9px 15px;font-size:14.5px;font-weight:600;transition:background .18s,color .18s}.pib-landing .nav-links a:hover{background:var(--paper-warm);color:var(--ink)}.pib-landing .nav .btn{white-space:nowrap;padding:11px 20px;font-size:14.5px}.pib-landing .nav-burger{display:none}.pib-landing .lang-toggle{cursor:pointer;border:1.5px solid var(--taupe-200);font-family:var(--font-body);background:#fff;border-radius:99px;flex:none;align-items:center;gap:2px;padding:4px;transition:border-color .18s;display:inline-flex}.pib-landing .lang-toggle:hover{border-color:var(--accent)}.pib-landing .lang-toggle span{color:var(--muted);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:700;line-height:1;transition:background .18s,color .18s}.pib-landing .lang-toggle span.on{background:var(--accent);color:#fff}.pib-landing .paw-deco{color:var(--accent);opacity:.14;pointer-events:none;z-index:0;position:absolute}.pib-landing[data-paws=off] .paw-deco{display:none}.pib-landing .hero{position:relative;overflow:hidden}.pib-landing .hero .wrap{z-index:2;position:relative}.pib-landing .hero-media{position:relative}.pib-landing .hero-eyebrow{margin-bottom:22px}.pib-landing .hero h1{font-family:var(--font-head);letter-spacing:.005em;color:var(--ink);text-wrap:balance;font-size:clamp(34px,5.6vw,60px);font-weight:700;line-height:1.18}.pib-landing .hero h1 .em{color:var(--accent-deep)}.pib-landing .hero .lead{color:var(--ink-soft);max-width:520px;margin-top:22px;font-size:clamp(15.5px,1.7vw,18px);line-height:1.78}.pib-landing .hero-cta{flex-wrap:wrap;gap:13px;margin-top:32px;display:flex}.pib-landing .hero-stats{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}.pib-landing .stat-pill{border:1px solid var(--taupe-100);box-shadow:var(--shadow-sm);background:#fff;border-radius:99px;align-items:center;gap:11px;padding:9px 17px 9px 10px;display:inline-flex}.pib-landing .stat-pill .si{background:var(--accent-soft);width:30px;height:30px;color:var(--accent-deep);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.pib-landing .stat-pill .si svg{width:16px;height:16px}.pib-landing .stat-pill b{color:var(--ink);font-size:13.5px;font-weight:700}.pib-landing .stat-pill span{color:var(--ink-soft);font-size:13px}.pib-landing .photo-card{border-radius:var(--radius-lg);background:var(--paper-warm);box-shadow:var(--shadow-lg);border:6px solid #fff;position:relative;overflow:hidden}.pib-landing .photo-card image-slot,.pib-landing .photo-card .ph{width:100%;height:100%;display:block}.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(#f8f2e8 0%,#efe4d7 100%)}.pib-landing .sticker{z-index:3;box-shadow:var(--shadow);color:var(--ink);background:#fff;border-radius:16px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex;position:absolute}.pib-landing .sticker .si{border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.pib-landing .sticker .si svg{width:15px;height:15px}.pib-landing .sticker small{color:var(--muted);font-size:11px;font-weight:500;display:block}.pib-landing .ph{background:repeating-linear-gradient(45deg,#efe8dd 0 11px,#e8e0d4 11px 22px);justify-content:center;align-items:center;display:flex}.pib-landing .ph code{color:var(--muted);letter-spacing:.02em;background:#ffffffc7;border-radius:8px;padding:5px 11px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px}.pib-landing .hero[data-variant=A] .hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(30px,5vw,72px);padding:clamp(56px,8vw,96px) 0 clamp(48px,7vw,90px);display:grid}.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{text-align:center;flex-direction:column;align-items:center;gap:0;padding:clamp(58px,8vw,104px) 0 clamp(50px,7vw,92px);display:flex}.pib-landing .hero[data-variant=B] .hero-copy{flex-direction:column;align-items:center;max-width:760px;display:flex}.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{aspect-ratio:1;border-width:8px;border-radius:50%;width:min(420px,78vw)}.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{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,64px);padding:clamp(52px,7vw,88px) 0;display:grid}.pib-landing .hero[data-variant=C] .hero-media{border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--accent), var(--accent-deep));min-height:460px;box-shadow:var(--shadow-lg);justify-content:center;align-items:flex-end;padding:46px 30px 0;display:flex;position:relative;overflow:hidden}.pib-landing .hero[data-variant=C] .hero-media .blob{background:#ffffff1f;border-radius:50%;position:absolute}.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{z-index:2;background:#2c2620;border-radius:38px;width:250px;padding:7px;position:relative;box-shadow:0 30px 60px -20px #00000080}.pib-landing .mini-screen{background:var(--paper);border-radius:31px;padding:20px 18px 22px;overflow:hidden}.pib-landing .mini-eyebrow{letter-spacing:.16em;color:var(--accent-deep);text-transform:uppercase;font-size:9px;font-weight:700}.pib-landing .mini-screen h4{font-family:var(--font-head);color:var(--ink);margin:9px 0 12px;font-size:17px;line-height:1.4}.pib-landing .mini-row{border:1px solid var(--taupe-100);color:var(--ink-soft);background:#fff;border-radius:12px;align-items:center;gap:9px;margin-bottom:8px;padding:9px 11px;font-size:11.5px;font-weight:600;display:flex}.pib-landing .mini-row .mi{background:var(--accent-soft);width:22px;height:22px;color:var(--accent-deep);border-radius:7px;flex:none;justify-content:center;align-items:center;display:flex}.pib-landing .mini-row .mi svg{width:13px;height:13px}.pib-landing .mini-row.on{background:var(--accent-soft);color:var(--accent-deep);border-color:#0000}.pib-landing .mini-btn{background:var(--accent);color:#fff;text-align:center;border-radius:99px;margin-top:12px;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{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,4vw,60px);padding:clamp(40px,5vw,64px);display:grid;position:relative}.pib-landing .ai-band h3{font-family:var(--font-head);font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.34}.pib-landing .ai-band h3 .em{color:#e8c9ae}.pib-landing .ai-checks{flex-direction:column;gap:13px;margin-top:8px;display:flex}.pib-landing .ai-check{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:14px;padding:15px 18px;display:flex}.pib-landing .ai-check .ci{color:#e8c9ae;background:#e8c9ae29;border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.pib-landing .ai-check .ci svg{width:20px;height:20px}.pib-landing .ai-check b{color:#fff;font-size:15.5px;font-weight:700}.pib-landing .ai-check span{color:#faf6f0a8;font-size:12.5px}.pib-landing .ai-quote{color:#faf6f0c7;border-left:2px solid #e8c9ae80;margin-top:22px;padding-left:16px;font-size:13.5px;line-height:1.8}.pib-landing .ai-quote em{color:#e8c9ae;font-style:normal;font-weight:600}.pib-landing .feat-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px;display:grid}.pib-landing .feat-card{border:1px solid var(--taupe-100);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:30px 28px 32px;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden}.pib-landing .feat-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.pib-landing .feat-ico{background:var(--accent-soft);width:60px;height:60px;color:var(--accent-deep);border-radius:18px;justify-content:center;align-items:center;margin-bottom:22px;display:flex}.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);color:var(--ink);margin-bottom:11px;font-size:21px;font-weight:700}.pib-landing .feat-card p{color:var(--ink-soft);font-size:14.5px;line-height:1.75}.pib-landing .feat-num{font-family:var(--font-head);color:var(--taupe-200);font-size:14px;font-weight:700;position:absolute;top:22px;right:26px}.pib-landing .journey{background:var(--paper-warm)}.pib-landing .journey-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:54px;display:grid;position:relative}.pib-landing .jstep{position:relative}.pib-landing .jstep .jnum{border:2px solid var(--accent);width:56px;height:56px;color:var(--accent-deep);font-family:var(--font-head);box-shadow:0 8px 18px -10px color-mix(in oklab, var(--accent) 60%, transparent);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:20px;font-weight:700;display:flex}.pib-landing .jstep h3{font-family:var(--font-head);color:var(--ink);margin-bottom:10px;font-size:20px;font-weight:700}.pib-landing .jstep p{color:var(--ink-soft);font-size:14px;line-height:1.74}.pib-landing .jstep .jicon{width:40px;height:40px;color:var(--taupe-200);position:absolute;top:6px;right:8px}.pib-landing .paw-trail{z-index:0;justify-content:space-around;height:2px;display:flex;position:absolute;top:28px;left:0;right:0}.pib-landing .paw-trail .pt{width:16px;height:16px;color:var(--taupe-300);opacity:.6}.pib-landing .diff{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,70px);display:grid}.pib-landing .diff-list{flex-direction:column;gap:16px;margin-top:8px;list-style:none;display:flex}.pib-landing .diff-list li{color:var(--ink);align-items:flex-start;gap:14px;font-size:15px;line-height:1.68;display:flex}.pib-landing .diff-list .di{background:var(--accent-soft);width:30px;height:30px;color:var(--accent-deep);border-radius:10px;flex:none;justify-content:center;align-items:center;margin-top:2px;display:flex}.pib-landing .diff-list .di svg{width:17px;height:17px}.pib-landing .diff-visual{position:relative}.pib-landing .before-after{border:1px solid var(--taupe-100);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:26px}.pib-landing .ba-row{align-items:center;gap:14px;padding:16px 0;display:flex}.pib-landing .ba-row+.ba-row{border-top:1px dashed var(--taupe-200)}.pib-landing .ba-tag{letter-spacing:.1em;text-transform:uppercase;border-radius:99px;flex:none;padding:5px 12px;font-size:11px;font-weight:700}.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{grid-template-columns:1fr 1fr;gap:26px;margin-top:52px;display:grid}.pib-landing .prog-card{border:1px solid var(--taupe-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.pib-landing .prog-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.pib-landing .prog-photo{aspect-ratio:16/10;position:relative}.pib-landing .prog-photo image-slot,.pib-landing .prog-photo .ph{width:100%;height:100%}.pib-landing .prog-badge{z-index:3;color:var(--accent-deep);letter-spacing:.12em;text-transform:uppercase;box-shadow:var(--shadow-sm);background:#fff;border-radius:99px;padding:7px 13px;font-size:11px;font-weight:700;position:absolute;top:16px;left:16px}.pib-landing .prog-body{flex-direction:column;flex:1;padding:26px 28px 30px;display:flex}.pib-landing .prog-body h3{font-family:var(--font-head);color:var(--ink);margin-bottom:12px;font-size:23px;font-weight:700}.pib-landing .prog-body p{color:var(--ink-soft);flex:1;font-size:14.5px;line-height:1.78}.pib-landing .prog-body .btn{align-self:flex-start;margin-top:22px}.pib-landing .cta-panel{background:linear-gradient(155deg, var(--accent), var(--accent-deep));border-radius:var(--radius-lg);color:#fff;text-align:center;padding:clamp(48px,6vw,80px) clamp(32px,5vw,72px);position:relative;overflow:hidden}.pib-landing .cta-panel h2{font-family:var(--font-head);text-wrap:balance;max-width:760px;margin:0 auto;font-size:clamp(27px,4vw,40px);font-weight:700;line-height:1.34}.pib-landing .cta-panel p{color:#ffffffdb;max-width:600px;margin:18px auto 0;font-size:clamp(14.5px,1.6vw,16.5px);line-height:1.78}.pib-landing .cta-actions{z-index:2;flex-wrap:wrap;justify-content:center;gap:13px;margin-top:34px;display:flex;position:relative}.pib-landing .cta-panel .paw-deco{opacity:.12;color:#fff}.pib-landing .footer{background:var(--paper-warm);padding:54px 0 60px}.pib-landing .footer-inner{border-top:1px solid var(--taupe-200);flex-wrap:wrap;align-items:center;gap:16px;padding-top:30px;display:flex}.pib-landing .footer .brand{margin-right:auto}.pib-landing .footer-meta{color:var(--muted);font-size:13px}.pib-landing .footer-links{gap:20px;display:flex}.pib-landing .footer-links a{color:var(--ink-soft);font-size:13.5px}.pib-landing .footer-links a:hover{color:var(--accent-deep)}.pib-landing .reveal-up{opacity:0;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transform:translateY(22px)}.pib-landing .reveal-up.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.pib-landing .reveal-up{opacity:1;transition:none;transform: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{order:-1;min-height:380px}.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}}@media (max-width:640px){.pib-landing .nav-inner{gap:6px;height:56px}.pib-landing .brand{gap:6px}.pib-landing .brand .logo{border-radius:10px;width:32px;height:32px}.pib-landing .brand .logo svg{width:18px;height:18px}.pib-landing .brand .bn{white-space:nowrap;font-size:14px}.pib-landing .brand .bz{display:none}.pib-landing .lang-toggle{padding:2px}.pib-landing .lang-toggle span{padding:3px 6px;font-size:10.5px}.pib-landing .nav .btn{padding:7px 10px;font-size:12px}}