@font-face{font-family:Smiley Sans;src:url(/fonts/SmileySans-Oblique.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{color-scheme:light;--pi-green: #418a2f;--pi-green-deep: #2f6a22;--pi-green-ink: #1f4d18;--pi-green-soft: #5aa346;--ink: var(--pi-green-ink);--ink-strong: #163812;--ink-soft: rgba(31, 77, 24, .78);--ink-muted: rgba(31, 77, 24, .52);--paper: #ffffff;--paper-shade: #f4f8f2;--warm-white: #ffffff;--card: rgba(255, 255, 255, .72);--card-alt: rgba(244, 248, 242, .88);--line: rgba(31, 77, 24, .12);--coral: var(--pi-green);--peach: var(--pi-green-soft);--rose: var(--pi-green-deep);--coral-deep: var(--pi-green-deep);--sage: #6f9a5c;--brand-font: "Smiley Sans", "PingFang SC", "Microsoft YaHei UI", system-ui, sans-serif;--brand-display: "Smiley Sans", "PingFang SC", system-ui, sans-serif;--brand-oblique-correction: 0deg;--font-track: .04em;--font-stroke: .45px;--edge-pad: clamp(20px, 3.5vw, 40px);--page-pad: clamp(28px, 5vw, 72px);--site-max: min(1080px, calc(100vw - 2 * var(--edge-pad)));--radius: 20px;--night: var(--paper);--night-2: var(--paper-shade);--paper-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.32 0 0 0 0 0.14 0 0 0 0.28 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body{margin:0;background-color:var(--paper);color:var(--ink);font-family:var(--brand-font);font-weight:500;letter-spacing:var(--font-track);-webkit-text-stroke:var(--font-stroke) currentColor;paint-order:stroke fill;line-height:1.65;-webkit-font-smoothing:antialiased;scrollbar-width:none;-ms-overflow-style:none}html:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;pointer-events:none;background-image:var(--paper-noise);background-size:220px 220px;background-repeat:repeat;opacity:.72;mix-blend-mode:multiply}body::-webkit-scrollbar{width:0;height:0;display:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit;font-family:var(--brand-font)}.site-header{position:sticky;top:0;z-index:100;background:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(31,77,24,.08)}.site-header-inner{width:100%;max-width:none;margin:0;padding:16px var(--edge-pad);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-lockup{display:flex;align-items:center;gap:10px;font-family:var(--brand-font);font-weight:700;letter-spacing:.02em;font-size:1.25rem;color:var(--ink-strong);-webkit-text-stroke:.55px currentColor;paint-order:stroke fill}.brand-lockup img{width:40px;height:40px;object-fit:contain;background:transparent;mix-blend-mode:multiply}.brand-lockup span{color:var(--ink-strong)}.brand-lockup span em{font-style:normal;color:var(--pi-green);font-weight:700}.site-nav-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:#418a2f73;background:#418a2f14}.btn-primary{background:linear-gradient(135deg,var(--pi-green-soft),var(--pi-green) 55%,var(--pi-green-deep));color:#fff;box-shadow:0 10px 28px #418a2f3d}.btn-primary:hover{box-shadow:0 14px 32px #2f6a224d}.btn-primary.btn-flat{border-radius:12px;padding:10px 18px;background:var(--pi-green);box-shadow:0 2px 8px #418a2f29}.btn-primary.btn-flat:hover{background:var(--pi-green-deep);box-shadow:0 4px 12px #2f6a2233}.btn-secondary{background:#ffffffb3;border-color:var(--line);color:var(--ink)}.btn-secondary:hover{background:var(--warm-white);border-color:#418a2f59}.nav-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:8px 12px;cursor:pointer}.mobile-nav{display:none;flex-direction:column;gap:12px;padding:0 var(--edge-pad) 20px}.mobile-nav.is-open{display:flex}main{overflow-x:clip}.section{padding:clamp(72px,10vw,120px) var(--page-pad)}.section-inner{max-width:var(--site-max);margin:0 auto}.eyebrow{display:inline-block;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pi-green-deep);margin-bottom:16px;font-weight:600}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;padding-top:40px;padding-bottom:80px;position:relative}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;position:relative}.hero h1{font-family:var(--brand-display);font-size:clamp(2.6rem,5.5vw,4.4rem);line-height:1.08;letter-spacing:.02em;margin:0 0 24px;color:var(--ink-strong);-webkit-text-stroke:.6px currentColor;paint-order:stroke fill}.hero h1 em{font-style:normal;color:var(--pi-green)}.hero-lead{font-size:clamp(1.05rem,2vw,1.22rem);color:var(--ink-soft);max-width:48ch;margin:0 0 32px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-card{background:#ffffffb8;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 18px 48px #1f4d180f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-card h3{margin:0 0 12px;font-size:1.15rem;color:var(--ink-strong)}.hero-card>p{color:var(--ink-soft);margin:0}.hero-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.hero-stat{padding:14px;border-radius:16px;background:#f4f8f2cc;border:1px solid var(--line)}.hero-stat strong{display:block;font-size:1.35rem;margin-bottom:4px;color:var(--pi-green-deep)}.hero-stat span{font-size:.82rem;color:var(--ink-muted)}.section-title{font-family:var(--brand-display);font-size:clamp(2rem,4vw,2.85rem);letter-spacing:.02em;margin:0 0 16px;color:var(--ink-strong);-webkit-text-stroke:.55px currentColor;paint-order:stroke fill}.section-lead{color:var(--ink-soft);max-width:58ch;margin:0 0 48px}.section-lead--oneline{max-width:none;white-space:nowrap}@media(max-width:900px){.section-lead--oneline{white-space:normal}}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 12px 36px #1f4d180a;transition:border-color .25s,transform .25s}.story-card:hover{border-color:#418a2f66;transform:translateY(-2px)}.story-step{display:inline-block;font-size:.78rem;letter-spacing:.12em;color:var(--pi-green);font-weight:700;margin-bottom:14px}.story-card h3{margin:0 0 10px;font-size:1.15rem;color:var(--ink-strong)}.story-card p{margin:0;color:var(--ink-soft);font-size:.95rem}.products-section{background:linear-gradient(180deg,transparent,rgba(65,138,47,.05),transparent)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-grid--two{max-width:920px;grid-template-columns:repeat(2,1fr)}.product-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px;transition:border-color .25s,transform .25s,box-shadow .25s;box-shadow:0 12px 36px #1f4d180a}.product-card:hover{border-color:#418a2f66;transform:translateY(-2px);box-shadow:0 18px 44px #418a2f1a}.product-card h3{margin:0 0 8px;font-size:1.35rem;color:var(--ink-strong)}.product-card .tag{display:inline-block;font-size:.75rem;color:var(--pi-green-deep);margin-bottom:12px;font-weight:600}.product-card p{color:var(--ink-soft);margin:0 0 18px;font-size:.95rem}.vision-section{padding-bottom:40px}.vision-kicker{text-align:center;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:28px}.vision-stack{display:grid;gap:18px;max-width:720px;margin:28px auto 0}.vision-paper{background:#ffffffd9;color:var(--ink-strong);border-radius:16px;padding:28px 32px;border:1px solid var(--line);box-shadow:0 18px 48px #1f4d180f;opacity:0;transform:translateY(30px) rotate(-1deg);transition:opacity .7s ease,transform .7s ease}.vision-paper.is-visible{opacity:1;transform:translateY(0) rotate(-1deg)}.vision-paper:nth-child(2){transform:rotate(.5deg);margin-left:24px}.vision-paper:nth-child(2).is-visible{transform:translateY(0) rotate(.5deg)}.vision-paper:nth-child(3){transform:rotate(-.5deg);margin-left:48px}.vision-paper:nth-child(3).is-visible{transform:translateY(0) rotate(-.5deg)}.vision-paper span{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--pi-green-deep);font-weight:600}.vision-paper strong{display:block;font-size:1.3rem;margin:8px 0 12px}.vision-paper p{margin:0;color:var(--ink-soft);font-size:.95rem}.if-banner{padding:clamp(72px,10vw,120px) var(--page-pad);text-align:center;position:relative;z-index:5;isolation:isolate;background:transparent;overflow:visible;user-select:none;-webkit-user-select:none}.if-wordmark{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:clamp(180px,24vw,280px);width:min(1100px,100%);padding-inline:clamp(28px,5vw,72px);box-sizing:border-box;z-index:1}.if-banner-inner{display:inline-flex;align-items:center;gap:clamp(16px,3vw,32px);opacity:1;transition:opacity .3s}.if-banner-stack{flex-direction:column;align-items:center;gap:clamp(14px,2vw,24px);width:100%}.if-banner.is-fluid-ready .if-banner-inner{opacity:0;pointer-events:none;position:absolute;visibility:hidden}.if-banner-word,.if-banner-slogan{font-family:var(--brand-display);font-weight:700;font-size:clamp(3.6rem,12vw,7.8rem);letter-spacing:.03em;line-height:1.05;--brand-oblique-correction: 0deg;-webkit-text-stroke:.7px currentColor;paint-order:stroke fill}.if-banner-word{display:inline-flex;align-items:baseline}.if-banner-word-idea{color:var(--ink-strong)}.if-banner-word-flash{color:var(--pi-green)}.if-banner-slogan{color:var(--ink-strong);white-space:nowrap}.if-fluid-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;margin:0;cursor:crosshair;touch-action:none;background:transparent;opacity:0;transition:opacity .12s ease-out;pointer-events:auto}.if-banner.is-fluid-ready .if-fluid-canvas{opacity:1}.site-footer{border-top:1px solid var(--line);padding:28px var(--edge-pad) 40px;text-align:center}.site-footer-copy{margin:0 0 8px;color:var(--ink-muted);font-size:.82rem}.site-footer-icp{color:var(--ink-muted);font-size:.82rem}.site-footer-icp:hover{color:var(--ink-soft)}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;opacity:0;transition:opacity .25s}.modal.is-open{pointer-events:auto;opacity:1}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#16381247;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-panel{position:relative;width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 24px 80px #1f4d1824}.modal-panel h2{margin:0 0 12px;font-size:1.25rem;color:var(--ink-strong)}.modal-panel p{margin:0 0 20px;color:var(--ink-soft)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:40px var(--edge-pad)}.auth-card{width:min(420px,100%);background:#ffffffe0;border:1px solid var(--line);border-radius:24px;padding:36px;box-shadow:0 20px 56px #1f4d1814}.auth-card-heading{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:40px;margin-bottom:28px}.auth-card-heading .brand-lockup{margin:0;position:relative;z-index:1}.auth-card-heading h1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:1.35rem;font-weight:700;color:var(--ink-strong);letter-spacing:.02em;-webkit-text-stroke:.45px currentColor;paint-order:stroke fill;white-space:nowrap;pointer-events:none}.auth-card h1{margin:0 0 8px;font-size:1.6rem;color:var(--ink-strong)}.auth-card .subtitle{color:var(--ink-muted);margin:0 0 28px;font-size:.95rem}.auth-form label{display:block;font-size:.88rem;color:var(--ink-soft);margin-bottom:6px;font-weight:600}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{width:100%;padding:12px 14px;margin-bottom:16px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink)}.auth-form input:focus{outline:none;border-color:#418a2f8c;box-shadow:0 0 0 3px #418a2f26}.auth-form .field-error{display:none;margin:-10px 0 14px;font-size:.82rem;color:#a1443f}.auth-form .field-error.is-visible{display:block}.auth-agreement{display:flex;align-items:flex-start;gap:10px;margin:4px 0 18px;font-size:.84rem;color:var(--ink-soft);line-height:1.5}.auth-agreement input{margin-top:3px;flex-shrink:0}.auth-agreement a{color:var(--pi-green-deep);text-decoration:underline;text-underline-offset:2px}.auth-notice{margin-top:16px;padding:12px 14px;border-radius:12px;background:#418a2f1a;border:1px solid rgba(65,138,47,.28);color:var(--ink-soft);font-size:.9rem}.auth-notice--error{background:#b4463c1a;border-color:#b4463c59;color:#a1443f}.auth-links{margin-top:20px;text-align:center;font-size:.9rem;color:var(--ink-muted)}.auth-links a{color:var(--pi-green-deep)}.terms-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:none;align-items:center;justify-content:center;padding:24px}.terms-dialog.is-open{display:flex}.terms-dialog-panel{position:relative;width:min(560px,100%);max-height:min(70vh,640px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 28px;box-shadow:0 24px 80px #1f4d1824;z-index:1}.terms-dialog-panel h2{margin:0 0 16px;font-size:1.2rem;color:var(--ink-strong)}.terms-dialog-panel section{margin-bottom:18px}.terms-dialog-panel h4{margin:0 0 8px;font-size:.95rem;color:var(--ink-strong)}.terms-dialog-panel p,.terms-dialog-panel li{margin:0 0 8px;color:var(--ink-soft);font-size:.9rem;line-height:1.65}@media(max-width:900px){.site-nav-actions{display:none}.nav-toggle{display:inline-flex}.hero-grid,.product-grid,.story-grid{grid-template-columns:1fr}.vision-paper:nth-child(2),.vision-paper:nth-child(3){margin-left:0}.if-banner-slogan{white-space:normal;text-align:center;max-width:92vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal],.vision-paper{opacity:1;transform:none;transition:none}.if-fluid-canvas{display:none}.if-banner.is-fluid-ready .if-banner-inner{opacity:1;position:static;visibility:visible;pointer-events:auto}}