.pg-preview-page{background:var(--bg);color:var(--ink)}.pg-preview-page .container{width:min(1120px,100vw - 40px);margin:0 auto}.pg-preview-page .center{text-align:center}.pg-preview-page .hero-headline{margin-top:18px}.pg-preview-page .label-mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);font-size:11px}.pg-stats{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}@media (max-width:880px){.pg-stats{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:540px){.pg-stats,.pg-board,.pg-framework-grid{grid-template-columns:1fr}}.pg-search{border:1px solid var(--line);width:100%;max-width:560px;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-items:center;gap:10px;margin:0 auto;padding:12px 16px;font-size:15px;display:flex}.pg-search svg{color:var(--ink-4);flex-shrink:0}.pg-search input{font-family:var(--font-body);color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:15px}.pg-search input::placeholder{color:var(--ink-4)}.pg-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.pg-chip{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);cursor:pointer;background:#fff;border-radius:999px;padding:7px 14px;font-size:11px;transition:all .12s}.pg-chip:hover{border-color:var(--ink-3);color:var(--ink)}.pg-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.pg-articles{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:980px){.pg-articles,.pg-feat-cards,.pg-int-grid,.pg-deploy-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pg-articles,.pg-feat-cards,.pg-int-grid,.pg-deploy-grid{grid-template-columns:1fr}}.pg-article{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:#fff;flex-direction:column;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.pg-article:hover{border-color:var(--ink-3);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pg-article-cover{aspect-ratio:16/10;background:repeating-linear-gradient(135deg, color-mix(in oklch, var(--accent) 8%, white 92%) 0 12px, color-mix(in oklch, var(--accent) 4%, white 96%) 12px 24px);border-bottom:1px solid var(--line);place-items:center;display:grid;position:relative}.pg-article-cover-mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);font-size:11px}.pg-article-cat{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);background:#fff;border-radius:6px;padding:4px 8px;font-size:10px;position:absolute;top:14px;left:14px}.pg-article-body{flex-direction:column;flex:1;gap:12px;padding:22px 22px 20px;display:flex}.pg-article-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:19px;font-weight:500;line-height:1.25}.pg-article-excerpt{color:var(--ink-3);flex:1;margin:0;font-size:14px;line-height:1.55}.pg-article-meta{font-family:var(--font-mono);color:var(--ink-4);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;font-size:11px;display:flex}.pg-feature{background:var(--ink);color:#fff;border-radius:var(--radius-lg);grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;padding:48px;display:grid;position:relative;overflow:hidden}.pg-feature:before{content:"";background:radial-gradient(circle at 100% 0%, color-mix(in oklch, var(--accent) 35%, transparent) 0%, transparent 50%);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.pg-feature>*{position:relative}@media (max-width:880px){.pg-feature,.pg-int-layout,.pg-feat-group-head,.pg-step-row,.pg-contact-grid,.pg-engineer-hero{grid-template-columns:1fr}.pg-feature{padding:32px}}.pg-feature h3{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;margin:14px 0 16px;font-size:clamp(28px,3.4vw,42px);font-weight:500;line-height:1.05}.pg-feature p{color:#ffffffb8;margin:0 0 22px;font-size:16px;line-height:1.55}.pg-feature .eyebrow{color:color-mix(in oklch, var(--accent) 70%, white 30%)}.pg-feature-art{aspect-ratio:4/3;font-family:var(--font-mono);color:#fff9;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:10px;padding:18px;font-size:11px;display:flex}.pg-feat-line{justify-content:space-between;display:flex}.pg-feat-line b{color:#fff;font-weight:600}.pg-feat-bar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.pg-feat-bar-fill{background:var(--accent);border-radius:3px;height:100%}.pg-int-layout{grid-template-columns:220px 1fr;gap:40px;display:grid}.pg-int-nav,.pg-doc-nav{align-self:start;position:sticky;top:120px}.pg-doc-nav-title{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);margin-bottom:14px;font-size:11px}.pg-int-nav button{text-align:left;cursor:pointer;width:100%;font-family:var(--font-body);color:var(--ink-2);background:0 0;border:0;border-radius:8px;padding:9px 12px;font-size:14px;display:block}.pg-int-nav button:hover{background:#0000000a}.pg-int-nav button.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.pg-int-grid,.pg-feat-cards,.pg-deploy-grid,.pg-framework-grid{gap:12px 16px;display:grid}.pg-int-grid{grid-template-columns:repeat(3,1fr);margin-top:22px}.pg-int-card{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;transition:border-color .12s,transform .12s;display:flex}.pg-int-card:hover,.pg-feat-card:hover{border-color:var(--accent);transform:translateY(-1px)}.pg-int-icon{width:38px;height:38px;font-family:var(--font-mono);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.pg-int-card h4,.pg-deploy h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 4px;font-weight:500}.pg-int-card h4{align-items:center;gap:6px;font-size:15px;display:flex}.pg-int-card p,.pg-side-card p{color:var(--ink-3);margin:0;font-size:12.5px;line-height:1.45}.pg-int-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent-ink);border-radius:4px;padding:2px 6px;font-size:9px;display:inline-block}.pg-feat-group{border-top:1px solid var(--line);margin-top:64px;padding-top:48px}.pg-feat-group:first-child{border-top:0;margin-top:0;padding-top:0}.pg-feat-group-head{grid-template-columns:1fr 1.6fr;align-items:start;gap:48px;margin-bottom:32px;display:grid}.pg-feat-group-head h3,.pg-step-body h3,.pg-trust-body h3{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin:0 0 12px;font-weight:500}.pg-feat-group-head h3{margin:0;font-size:clamp(28px,3vw,38px);line-height:1.05}.pg-feat-group-head h3 em{color:var(--accent);font-style:normal}.pg-feat-group-head p,.pg-step-body p,.pg-trust-body p{color:var(--ink-3);margin:0;font-size:15.5px;line-height:1.6}.pg-feat-cards{grid-template-columns:repeat(3,1fr)}.pg-feat-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:12px;padding:24px;transition:border-color .12s,transform .12s;display:flex}.pg-feat-num,.pg-trust-num,.pg-side-card-mono{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent-ink);font-size:11px}.pg-feat-card h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:18px;font-weight:500}.pg-feat-card p{color:var(--ink-3);margin:0;font-size:14px;line-height:1.55}.pg-feat-bullets,.pg-step-bullets{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pg-feat-bullets{border-top:1px solid var(--line);margin-top:6px;padding-top:12px}.pg-feat-bullets li,.pg-step-bullets li{font-family:var(--font-mono);color:var(--ink-2);grid-template-columns:14px 1fr;gap:8px;display:grid}.pg-feat-bullets li{font-size:11.5px}.pg-step-bullets li{font-size:12px}.pg-feat-bullets li:before{content:"→";color:var(--accent);font-weight:700}.pg-step-bullets li:before,.pg-role-pill:before{content:"·";color:var(--accent);font-weight:700}.pg-step-row{border-top:1px solid var(--line);grid-template-columns:110px 1fr 1.1fr;align-items:start;gap:36px;padding:36px 0;display:grid}.pg-step-row:last-child,.pg-trust-row:last-child{border-bottom:1px solid var(--line)}.pg-step-num,.pg-role-stat-v{font-family:var(--font-display);color:var(--ink);font-weight:500;line-height:.9}.pg-step-num{letter-spacing:-.04em;color:var(--accent);font-size:64px}.pg-step-visual{background:var(--bg-soft);border:1px solid var(--line);min-height:200px;font-family:var(--font-mono);color:var(--ink-2);border-radius:12px;padding:22px;font-size:12px;line-height:1.6}.pg-step-visual.dark,.pg-ide{background:var(--slack-bg);color:var(--slack-text)}.pg-step-visual.dark{border-color:#0000}.pg-step-visual.dark .k,.pg-ide-line .k{color:#c586c0}.pg-step-visual.dark .s,.pg-ide-line .s{color:#ce9178}.pg-step-visual.dark .n,.pg-ide-line .n{color:#b5cea8}.pg-step-visual.dark .c,.pg-ide-line .c{color:#6a9955}.pg-ide-line .f{color:#dcdcaa}.pg-ide-line .v{color:#9cdcfe}.pg-ide-line .t{color:#4ec9b0}.pg-trust-row{border-top:1px solid var(--line);grid-template-columns:80px 1fr;align-items:start;gap:32px;padding:32px 0;display:grid}.pg-trust-body p{max-width:720px;margin-bottom:16px}.pg-trust-pills,.pg-role-pills{flex-wrap:wrap;gap:8px 10px;display:flex}.pg-trust-pill,.pg-role-pill{border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-2);background:#fff;border-radius:999px;font-size:11px}.pg-trust-pill{padding:5px 11px}.pg-contact-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:40px;display:grid}.pg-form{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;padding:36px}.pg-form h3,.pg-side-card h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-weight:500}.pg-form h3{margin:0 0 22px;font-size:26px}.pg-field{margin-bottom:18px;display:block}.pg-field-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;font-size:11px;display:block}.pg-input,.pg-textarea,.pg-select{border:1px solid var(--line);width:100%;font-family:var(--font-body);color:var(--ink);background:#fff;border-radius:10px;outline:0;padding:12px 14px;font-size:15px}.pg-input:focus,.pg-textarea:focus,.pg-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 18%, transparent)}.pg-textarea{resize:vertical;min-height:130px}.pg-row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:540px){.pg-row-2{grid-template-columns:1fr}}.pg-side{flex-direction:column;gap:14px;display:flex}.pg-side-card{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:28px 1fr;align-items:start;gap:14px;padding:22px;display:grid}.pg-side-card h4{margin:0 0 4px;font-size:17px}.pg-side-card a{color:var(--accent-ink);font-weight:500;text-decoration:none}.pg-role-pills{margin-top:22px}.pg-role-pill{letter-spacing:.02em;padding:6px 12px}.pg-role-pill:before{margin-right:6px}.pg-role-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px;display:grid}.pg-role-stat{border-right:1px solid var(--line);padding:28px 28px 28px 0}.pg-role-stat:last-child{border-right:0}@media (max-width:880px){.pg-role-stats{grid-template-columns:1fr}.pg-role-stat{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.pg-role-stat:last-child{border-bottom:0}}.pg-role-stat-v{letter-spacing:-.035em;font-size:44px}.pg-role-stat-l{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);margin-top:8px;font-size:11px}.pg-role-stat-d{color:var(--ink-3);max-width:320px;margin-top:6px;font-size:14px;line-height:1.5}.pg-ide{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-family:var(--font-mono);font-size:12px;overflow:hidden}.pg-ide-titlebar{border-bottom:1px solid var(--slack-line);background:#121417;align-items:center;gap:8px;height:36px;padding:0 14px;display:flex}.pg-ide-traffic{gap:6px;display:flex}.pg-ide-traffic span{background:#3a3d42;border-radius:50%;width:11px;height:11px}.pg-ide-traffic span:first-child{background:#ff5f57}.pg-ide-traffic span:nth-child(2){background:#febc2e}.pg-ide-traffic span:nth-child(3){background:#28c840}.pg-ide-tabs{flex:1;gap:0;display:flex}.pg-ide-tab{height:36px;font-family:var(--font-mono);color:var(--slack-text-dim);border-right:1px solid var(--slack-line);align-items:center;gap:8px;padding:0 16px;font-size:11.5px;display:flex}.pg-ide-tab.active{background:var(--slack-bg);color:#fff}.pg-ide-tab .dot{background:var(--slack-yellow);border-radius:50%;width:6px;height:6px}.pg-ide-body{grid-template-columns:220px 1fr;display:grid}@media (max-width:640px){.pg-ide-body{grid-template-columns:1fr}}.pg-ide-tree{background:var(--slack-bg-2);border-right:1px solid var(--slack-line);min-height:380px;padding:16px 14px;font-size:11.5px}.pg-ide-tree-section,.pg-pipe-node .ml{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.pg-ide-tree-section{color:var(--slack-text-dim);margin-bottom:6px}.pg-ide-tree-item{color:var(--slack-text);border-radius:4px;align-items:center;gap:6px;padding:4px 6px;display:flex}.pg-ide-tree-item.active{color:#fff;background:#875aff29}.pg-ide-tree-item .ic{color:var(--slack-text-dim);width:12px}.pg-ide-tree-folder{color:var(--slack-text-dim);margin-top:12px;padding:4px 6px}.pg-ide-editor{min-height:380px;padding:18px 22px;line-height:1.65;overflow-x:auto}.pg-ide-line{grid-template-columns:28px 1fr;gap:12px;display:grid}.pg-ide-line-n{color:var(--slack-text-dim);-webkit-user-select:none;user-select:none;text-align:right}.pg-ide-status{background:var(--accent);color:#fff;letter-spacing:.04em;justify-content:space-between;gap:16px;padding:5px 14px;font-size:10.5px;display:flex}.pg-ide-status .ok{align-items:center;gap:6px;display:inline-flex}.pg-ide-status .ok:before,.pg-status-dot{border-radius:50%;display:inline-block}.pg-ide-status .ok:before{content:"";background:#28c840;width:6px;height:6px}.pg-board{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;display:grid}@media (max-width:880px){.pg-board{grid-template-columns:repeat(2,1fr)}}.pg-board-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:18px;display:flex}.pg-board-card .ml{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);font-size:10px}.pg-board-card .mv{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);font-size:28px;font-weight:500;line-height:1}.pg-board-card .mb-row{font-family:var(--font-mono);color:var(--ink-3);justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;font-size:11px;display:flex}.pg-board-card .mb-row b{color:var(--ink);font-weight:600}.pg-status-dot{width:8px;height:8px;margin-right:6px}.pg-status-dot.ok{background:#28a572}.pg-status-dot.warn{background:var(--slack-yellow)}.pg-status-dot.err{background:var(--slack-red)}.pg-pipeline{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:stretch;gap:18px;margin-top:22px;padding:28px;display:flex;overflow-x:auto}.pg-pipe-node{background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;flex-direction:column;flex-shrink:0;gap:6px;min-width:160px;padding:14px 16px;display:flex}.pg-pipe-node.acc{background:var(--accent-soft);border-color:var(--accent)}.pg-pipe-node .ml{color:var(--accent-ink)}.pg-pipe-node .name{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);font-size:15px;font-weight:500}.pg-pipe-node .meta{font-family:var(--font-mono);color:var(--ink-3);font-size:10.5px}.pg-pipe-arrow{color:var(--ink-4);font-family:var(--font-mono);align-self:center;place-items:center;display:grid}.pg-deploy-grid,.pg-framework-grid{grid-template-columns:repeat(3,1fr);margin-top:22px}.pg-deploy{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px}.pg-deploy h4{align-items:center;gap:8px;font-size:17px;display:flex}.pg-deploy-row{font-family:var(--font-mono);border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:8px 0;font-size:11.5px;display:flex}.pg-deploy-row:first-of-type{border-top:0}.pg-deploy-row span:first-child{color:var(--ink-3)}.pg-deploy-row span:last-child{color:var(--ink);font-weight:600}.pg-engineer-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;display:grid}.pg-framework-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.pg-framework-card h4{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:10px 0 8px;font-size:22px;font-weight:500}.pg-framework-card p{color:#ffffffb3;margin:0;font-size:14.5px;line-height:1.55}.pg-inline-status{border-radius:12px;margin-bottom:18px;padding:14px 16px;font-size:14px;line-height:1.5}.pg-inline-status.success{color:#17623f;background:#ebfff4;border:1px solid #bce8ce}.pg-inline-status.error{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3}.pg-inline-status.warn{color:#8a5a00;background:#fff8e8;border:1px solid #f8d48a}.pg-gdpr-row{align-items:flex-start;gap:10px;margin:8px 0 22px;display:flex}.pg-gdpr-row input{margin-top:4px}.pg-form .btn{cursor:pointer;border:0}