:root{--bg: #f6f5f1;--surface: #ffffff;--surface-soft: #f0eee7;--border: rgba(17, 20, 15, .08);--border-strong:rgba(17, 20, 15, .16);--ink: #11140f;--ink-soft: #2a2c25;--muted: #5a584f;--muted-strong: #3d3c35;--leaf: #3f7d3a;--leaf-deep: #2a5a2a;--leaf-light: #7fb069;--leaf-bg: rgba(63, 125, 58, .07);--leaf-bg-2: rgba(63, 125, 58, .14);--bloom-pink: #d96a92;--bloom-coral: #d9683e;--bloom-yellow: #c89318;--bloom-violet: #7a5cc4;--soil: #2a2520;--radius: 4px;--radius-lg: 6px;--shadow-card: 0 1px 0 rgba(17,20,15,.03), 0 8px 24px rgba(17,20,15,.04);--shadow-pop: 0 10px 24px rgba(17,20,15,.08), 0 24px 56px rgba(17,20,15,.1);--font-ui: "Helvetica Neue", Helvetica, "Inter", Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}::selection{background:var(--leaf-bg-2)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 12% 20%,rgba(63,125,58,.04) 0 1px,transparent 2px),radial-gradient(circle at 87% 73%,rgba(63,125,58,.03) 0 1px,transparent 2px),radial-gradient(circle at 50% 90%,rgba(17,20,15,.03) 0 1px,transparent 2px);background-size:240px 240px,320px 320px,200px 200px;z-index:0}main{position:relative;z-index:1;max-width:1040px;margin:0 auto;padding:56px 28px 96px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;font-size:12px;font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.wordmark{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:600}.wordmark:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--leaf-deep)}.topbar a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px}.topbar a:hover{color:var(--ink);border-bottom-color:var(--ink)}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;margin-bottom:64px}.hero h1{margin:0 0 18px;font-size:52px;font-weight:500;letter-spacing:-.02em;line-height:1.05;color:var(--ink)}.hero h1 .accent{color:var(--leaf-deep);font-style:italic;font-weight:400}.hero .lede{margin:0 0 14px;font-size:18px;line-height:1.5;color:var(--ink-soft);max-width:46ch}.hero .sub{margin:0;color:var(--muted-strong);max-width:46ch;font-size:14px}.hero .sub strong{color:var(--ink);font-weight:500}.hero .sub a{color:var(--leaf-deep);text-decoration:none;border-bottom:1px solid transparent}.hero .sub a:hover{border-bottom-color:var(--leaf-deep)}.hero-cta{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap}.hero-cta-btn{display:inline-flex;align-items:center;gap:4px;padding:9px 20px;background:var(--leaf-deep);color:#fff;font-size:14px;font-weight:500;font-family:var(--font-ui);text-decoration:none;border-radius:var(--radius);letter-spacing:.01em;transition:background .15s,box-shadow .15s;box-shadow:0 1px 3px #2a5a2a2e}.hero-cta-btn:hover{background:var(--leaf);box-shadow:0 2px 8px #2a5a2a3d}.hero-cta-label{font-size:13px;color:var(--muted);font-style:italic}.hero-mark-wrap{aspect-ratio:1 / 1;max-width:360px;justify-self:end;width:100%;background:radial-gradient(circle at 50% 60%,rgba(63,125,58,.1),transparent 65%),var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.hero-mark-wrap svg{width:80%;height:80%}.hero-mark-wrap .hero-logo{width:80%;height:auto;object-fit:contain}.hero-mark-wrap:after{content:"PIVOTAL-HUB · v0.1";position:absolute;bottom:12px;left:14px;font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.1em}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.section-head h2{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0;font-family:var(--font-mono)}.section-head .count{font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.04em}.applets{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-bottom:64px}.applet{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 20px 18px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}.applet:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop);border-color:var(--border-strong)}.applet.is-soon{pointer-events:none;background:var(--surface-soft)}.applet.is-soon .applet-icon{opacity:.55}.applet.is-soon .applet-title{color:var(--ink-soft)}.applet-icon{width:88px;height:88px;margin-bottom:14px;display:flex;align-items:center;justify-content:center}.applet-icon svg{width:100%;height:100%}.applet-emoji{font-size:52px;line-height:1;filter:drop-shadow(0 1px 1px rgba(17,20,15,.12));transition:transform .4s ease;transform-origin:center;-webkit-user-select:none;user-select:none}.applet:hover .applet-emoji{transform:scale(1.12) rotate(-3deg)}.applet-title{font-size:18px;font-weight:500;letter-spacing:-.005em;margin:0 0 4px;color:var(--ink)}.applet-tag{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.applet-body{margin:0 0 16px;font-size:14px;color:var(--muted-strong);line-height:1.5}.applet-body code{font-family:var(--font-mono);font-size:12px;background:#11140f0d;padding:1px 4px;border-radius:3px}.applet-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:13px}.applet-cta{color:var(--leaf-deep);font-weight:500;display:inline-flex;align-items:center;gap:6px}.applet-cta:after{content:"→";transition:transform .18s ease}.applet:hover .applet-cta:after{transform:translate(3px)}.applet-status{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:var(--leaf-bg-2);color:var(--leaf-deep)}.applet-status:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--leaf-deep);animation:live-pulse 2.2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:.4}50%{opacity:1}}.applet-status.soon{background:#11140f0f;color:var(--muted-strong)}.applet-status.soon:before{background:var(--muted);animation:none}.applet.suggest{background:transparent;border:1px dashed var(--border-strong);box-shadow:none;color:var(--muted-strong);text-align:center;align-items:center;justify-content:center;min-height:260px}.applet.suggest:hover{border-color:var(--leaf-deep);background:var(--leaf-bg);color:var(--leaf-deep)}.applet.suggest .applet-title{color:inherit;font-size:16px}.applet.suggest .applet-body{color:inherit;max-width:28ch}.applet.suggest .plus{width:44px;height:44px;border-radius:999px;border:1px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;margin-bottom:14px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:64px}.principle{padding:22px 22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.principle .num{font-family:var(--font-mono);font-size:11px;color:var(--leaf-deep);letter-spacing:.06em;font-weight:600}.principle h3{margin:8px 0;font-size:17px;font-weight:500;letter-spacing:-.005em}.principle p{margin:0;color:var(--muted-strong);font-size:14px;line-height:1.5}.premium-stack{display:grid;gap:22px;margin-bottom:64px}.premium-card{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;background:var(--ink);color:var(--surface);border-radius:var(--radius-lg);padding:36px 40px;position:relative;overflow:hidden;box-shadow:var(--shadow-pop)}.premium-card:before{content:"";position:absolute;right:-10%;top:-40%;width:70%;aspect-ratio:1;background:radial-gradient(circle,rgba(127,176,105,.22),transparent 65%);pointer-events:none}.premium-card>*{position:relative;z-index:1}.premium-tag{display:inline-block;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--bloom-yellow);margin-bottom:16px;padding:3px 11px;background:#c8931824;border:1px solid rgba(200,147,24,.3);border-radius:999px}.premium-card h3{font-size:40px;margin:0 0 12px;font-weight:500;letter-spacing:-.02em;color:var(--surface);line-height:1.05}.premium-card .pitch{font-size:17px;line-height:1.5;margin:0 0 24px;color:#f6f5f1c7;max-width:42ch}.premium-card .pitch em{font-style:normal;color:var(--leaf-light);font-weight:500}.premium-card .actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.premium-cta{display:inline-flex;align-items:center;gap:8px;background:var(--leaf-light);color:var(--ink);padding:12px 22px;border-radius:var(--radius);font-weight:500;font-size:14px;text-decoration:none;transition:background .18s ease,transform .06s ease}.premium-cta:hover{background:#95c47e}.premium-cta:active{transform:translateY(1px)}.premium-cta:after{content:"↗";font-family:var(--font-mono)}.premium-secondary{color:#f6f5f199;text-decoration:none;font-size:13px;border-bottom:1px solid rgba(246,245,241,.2);padding-bottom:1px}.premium-secondary:hover{color:var(--surface);border-bottom-color:var(--surface)}.premium-art{position:relative;aspect-ratio:1 / 1;max-width:280px;justify-self:end;width:100%;background:radial-gradient(circle at 50% 60%,rgba(127,176,105,.18),transparent 70%);border:1px solid rgba(246,245,241,.08);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.premium-art svg{width:86%;height:86%}.premium-art .t-stroke{stroke:#f6f5f1d9}.premium-art .t-stroke-thin{stroke:#f6f5f166}.premium-art .t-glass-body{fill:#7fb0691a;stroke:#f6f5f1d9}.premium-art .t-soil{fill:#f6f5f124}.premium-beat{transform-origin:100px 135px;animation:premium-beat 2.6s ease-in-out infinite}@keyframes premium-beat{0%,to{transform:scale(1)}18%{transform:scale(1.06)}36%{transform:scale(.97)}54%{transform:scale(1.03)}}.premium-pollen{animation:premium-rise 4.8s linear infinite;opacity:0}.premium-pollen.p2{animation-delay:1.2s}.premium-pollen.p3{animation-delay:2.4s}.premium-pollen.p4{animation-delay:3.6s}@keyframes premium-rise{0%{transform:translateY(0);opacity:0}18%{opacity:1}to{transform:translateY(-70px);opacity:0}}.premium-card.calendula:before{background:radial-gradient(circle,rgba(240,128,90,.22),transparent 65%)}.premium-card.calendula .premium-tag{color:#f4a685;background:#f0805a24;border-color:#f0805a52}.premium-card.calendula .pitch em{color:#f4a685}.premium-card.calendula .premium-cta{background:var(--bloom-coral);color:var(--surface)}.premium-card.calendula .premium-cta:hover{background:#c8552c}.premium-card.calendula .premium-art{background:radial-gradient(circle at 50% 60%,rgba(240,128,90,.18),transparent 70%)}.cal-petal{transform-origin:100px 100px;opacity:0;animation:cal-bloom 4.2s ease-in-out infinite}@keyframes cal-bloom{0%{transform:rotate(var(--r)) translateY(0) scale(0);opacity:0}30%{transform:rotate(var(--r)) translateY(-12px) scale(1);opacity:1}72%{transform:rotate(var(--r)) translateY(-12px) scale(1);opacity:1}to{transform:rotate(var(--r)) translateY(0) scale(0);opacity:0}}.cal-center{transform-origin:100px 100px;animation:cal-center 4.2s ease-in-out infinite}@keyframes cal-center{0%,to{transform:scale(0)}25%,75%{transform:scale(1)}}footer{margin-top:64px;padding-top:32px;border-top:1px solid var(--border);display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:start}footer .parent{font-size:14px;color:var(--muted-strong);line-height:1.6}footer .parent strong{color:var(--ink);font-weight:500}footer .parent a{color:var(--leaf-deep);text-decoration:none;border-bottom:1px solid currentColor}footer .parent a:hover{color:var(--ink);border-bottom-color:var(--ink)}footer .meta{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.04em;text-align:right;line-height:1.8}footer .meta a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent}footer .meta a:hover{color:var(--ink);border-bottom-color:var(--ink)}@media (max-width: 760px){main{padding:32px 18px 64px}.hero{grid-template-columns:1fr;gap:24px}.hero h1{font-size:38px}.hero-mark-wrap{max-width:220px;justify-self:start}.principles{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer .meta{text-align:left}.premium-card{grid-template-columns:1fr;gap:24px;padding:28px 22px}.premium-card h3{font-size:32px}.premium-art{max-width:220px;justify-self:start}}svg.terrarium{display:block;overflow:visible}.t-stroke{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.t-stroke-thin{fill:none;stroke:var(--ink);stroke-width:1}.t-glass-body{fill:#7fb0690f;stroke:var(--ink);stroke-width:1.5}.t-soil{fill:var(--soil)}.hero-orbit{transform-origin:100px 105px;animation:hero-orbit-spin 22s linear infinite}.hero-orbit.o2{animation-duration:32s;animation-direction:reverse}.hero-orbit.o3{animation-duration:44s}@keyframes hero-orbit-spin{to{transform:rotate(360deg)}}.applet .icon-anim{transform-origin:100px 100px;transition:transform .4s ease}.applet:hover .icon-anim{transform:scale(1.05)}