:root{--bg:#f3f6f2;--bg-strong:#e6ece8;--panel:#fff;--panel-soft:#f8faf8;--ink:#18211f;--muted:#64716d;--line:#d3ddd8;--green:#176b54;--green-dark:#0d4637;--blue:#1e6f89;--coral:#cc6755;--gold:#bf8b28;--shadow:0 20px 50px #18211f1f;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,Segoe UI,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:linear-gradient(#176b5412 1px,#0000 1px) 0 0/36px 36px,linear-gradient(90deg,#176b5412 1px,#0000 1px) 0 0/36px 36px,linear-gradient(#f3f6f2 0%,#fbfcfa 48%,#e6ece8 100%);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}svg{flex:none}.app-shell{min-height:100vh}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f3f6f2e6;border-bottom:1px solid #d3ddd8eb;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:12px max(22px,50vw - 620px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{border:2px solid var(--ink);background:linear-gradient(135deg, var(--green), var(--blue));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-family:IBM Plex Mono,monospace;font-weight:700;display:inline-flex}.brand span:last-child{min-width:0;display:grid}.brand-name{font-weight:700;line-height:1.1}.brand-sub{color:var(--muted);font-size:.84rem;line-height:1.25}.nav-links{color:var(--muted);justify-content:flex-end;align-items:center;gap:18px;font-size:.94rem;display:flex}.nav-links a{align-items:center;gap:5px;display:inline-flex}.nav-links a:hover,.text-button:hover{color:var(--green-dark)}.menu-button{border:1px solid var(--line);background:var(--panel);min-height:40px;color:var(--ink);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:none}.page-main{width:min(1240px,100% - 32px);margin:0 auto;padding:38px 0 78px}.architect-hero{align-content:start;gap:20px;min-height:calc(100vh - 72px);padding-top:14px;display:grid}.hero-copy{max-width:940px}.eyebrow{color:var(--green);letter-spacing:0;text-transform:uppercase;margin:0 0 9px;font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:700}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;max-width:980px;margin:0;font-size:4.25rem;line-height:1}h2{letter-spacing:0;margin:0;font-size:1.55rem;line-height:1.16}h3{margin:0;font-size:1.08rem;line-height:1.25}.lead{max-width:800px;color:var(--muted);margin:18px 0 0;font-size:1.12rem;line-height:1.7}.hero-actions,.roadmap-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{border:1px solid var(--green-dark);background:var(--green);color:#fff;box-shadow:0 12px 26px #176b542e}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.primary-button:hover,.secondary-button:hover,.choice-button:hover,.mode-button:hover,.plugin-button:hover,.text-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.72;transform:none}.architect-grid{grid-template-columns:minmax(360px,.86fr) minmax(520px,1.14fr);align-items:start;gap:18px;display:grid}.tool-panel,.blueprint-panel,.content-panel,.empty-state{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:8px}.tool-panel,.blueprint-panel{padding:18px}.panel-heading{gap:4px;margin-bottom:12px;display:grid}.compact-heading{margin-top:20px}.usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.choice-button,.mode-button,.plugin-button{border:1px solid var(--line);background:var(--panel-soft);color:var(--ink);border-radius:8px;transition:transform .16s,border-color .16s,background .16s}.choice-button{text-align:left;gap:4px;min-height:74px;padding:12px;display:grid}.choice-button span{color:var(--muted);font-size:.86rem;line-height:1.35}.choice-button-active,.mode-button-active,.plugin-button-active{background:#e8f3ed;border-color:#176b5485;box-shadow:inset 0 0 0 1px #176b5424}.deployment-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mode-button{justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 10px;font-weight:700;display:flex}.knowledge-list{gap:8px;display:grid}.radio-row{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:flex-start;gap:10px;padding:11px;display:flex}.radio-row input{accent-color:var(--green);margin-top:4px}.radio-row span{gap:2px;display:grid}.radio-row small{color:var(--muted);line-height:1.45}.plugin-grid{flex-wrap:wrap;gap:8px;display:flex}.plugin-button{align-items:center;gap:7px;min-height:38px;padding:0 11px;font-weight:700;display:inline-flex}.blueprint-top{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.blueprint-top p{color:var(--muted);margin:8px 0 0;line-height:1.6}.status-pill{color:#6d4b0f;white-space:nowrap;background:#fff4d9;border:1px solid #bf8b2866;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-family:IBM Plex Mono,monospace;font-size:.76rem;font-weight:700;display:inline-flex}.signal-strip{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.signal-strip div{background:#fff;gap:4px;min-height:72px;padding:12px;display:grid}.signal-strip div+div{border-left:1px solid var(--line)}.signal-strip span{color:var(--muted);text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.76rem;font-weight:700}.canvas-board{border:1px solid var(--line);background-color:#f7fbfa;background-image:linear-gradient(#1e6f8917 1px,#0000 1px),linear-gradient(90deg,#1e6f8917 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;gap:10px;margin-top:14px;padding:14px;display:grid}.canvas-node{background:#ffffffeb;border:1px solid #d3ddd8e6;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:46px;padding:9px 11px;display:grid}.canvas-node span{color:var(--blue);font-family:IBM Plex Mono,monospace;font-weight:700}.blueprint-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.blueprint-columns article,.ops-note,.plugin-summary{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:10px;padding:14px;display:grid}.blueprint-columns ul,.check-list,.check-grid{gap:8px;margin:0;padding:0;list-style:none;display:grid}.blueprint-columns li,.check-list li,.check-grid li{align-items:flex-start;gap:8px;display:flex}.blueprint-columns svg,.check-list svg,.check-grid svg{color:var(--green);margin-top:4px}.ops-note,.plugin-summary{margin-top:14px}.ops-note p:last-of-type,.content-panel p,.empty-state p,.resource-hero .lead{color:var(--muted);line-height:1.7}.mini-tags,.plugin-summary div{flex-wrap:wrap;gap:7px;display:flex}.mini-tags span,.plugin-summary span{border:1px solid var(--line);min-height:26px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;padding:0 9px;font-family:IBM Plex Mono,monospace;font-size:.74rem;display:inline-flex}.status-banner{color:var(--green-dark);background:#e8f3ed;border:1px solid #176b5447;border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:11px 12px;font-weight:700;display:flex}.content-section{padding-top:76px;scroll-margin-top:88px}.section-heading{max-width:780px;margin-bottom:20px}.section-heading p:last-child{color:var(--muted);line-height:1.7}.capability-grid,.guide-grid,.plan-grid,.faq-grid,.resource-layout{gap:14px;display:grid}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-grid,.plan-grid,.faq-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-panel{align-content:start;gap:12px;padding:18px;display:grid}.card-title-row{align-items:center;gap:8px;display:flex}.card-title-row .eyebrow{margin:0}.text-button{width:fit-content;color:var(--green);background:0 0;border:0;align-items:center;gap:6px;font-weight:700;display:inline-flex}.plan-panel{position:relative}.plan-panel-featured{border-color:#176b548a}.plan-panel-selected{border-color:var(--green);background:linear-gradient(#f4fff8f5,#fffffff0);box-shadow:0 24px 60px #176b542e}.plan-panel .status-pill{position:absolute;top:14px;right:14px}.billing-toggle{border:1px solid var(--line);background:#ffffffdb;border-radius:10px;gap:6px;width:fit-content;margin:-2px 0 18px;padding:6px;display:inline-flex;box-shadow:0 12px 30px #18211f14}.billing-option{min-width:140px;color:var(--muted);background:0 0;border:0;border-radius:8px;gap:2px;padding:10px 14px;font-weight:700;display:grid}.billing-option span{font-size:.78rem;font-weight:700}.billing-option-active{background:var(--green);color:#fff;box-shadow:0 10px 22px #176b542e}.plan-select-button{width:fit-content;color:var(--green);background:0 0;border:0;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:inline-flex}.plan-radio-dot{border:2px solid var(--line);border-radius:999px;width:14px;height:14px;box-shadow:inset 0 0 0 3px #fff}.plan-select-button[aria-pressed=true] .plan-radio-dot{border-color:var(--green);background:var(--green)}.price-line{flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:4px;font-size:2rem;font-weight:700;display:flex}.price-line small{color:var(--muted);font-size:1rem;font-weight:700}.price-compare{color:var(--muted);font-size:1rem;text-decoration:line-through}.billing-detail{color:var(--muted);font-size:.94rem}.savings-pill{color:#805500;background:#bf8b2821;border-radius:999px;width:fit-content;padding:6px 10px;font-size:.86rem;font-weight:700}.checkout-error{color:#9a332e;background:#fff6f1eb;border:1px solid #a93a3a38;border-radius:8px;margin:-4px 0 16px;padding:12px 14px;font-weight:700}.community-band{padding-bottom:8px}.community-links{flex-wrap:wrap;gap:10px;display:flex}.community-links a{border:1px solid var(--line);min-height:46px;color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-weight:700;display:inline-flex}.resource-page{padding-top:34px}.resource-hero{gap:14px;max-width:880px;padding:38px 0 18px;display:grid}.resource-layout{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:22px}.wide-panel{grid-column:1/-1}.large-copy{font-size:1.12rem}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-state{text-align:center;gap:14px;max-width:680px;margin:70px auto;padding:30px;display:grid}.site-footer{border-top:1px solid var(--line);min-height:70px;color:var(--muted);background:#fff9;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:18px;display:flex}.site-footer a{color:var(--green);font-weight:700}@media (width<=1120px){h1{font-size:3.25rem}.architect-grid,.capability-grid,.guide-grid,.plan-grid,.faq-grid,.resource-layout{grid-template-columns:1fr}}@media (width<=760px){.site-header{flex-wrap:wrap;padding:10px 16px}.menu-button{display:inline-flex}.nav-links{align-items:flex-start;width:100%;display:none}.nav-links-open{gap:12px;display:grid}.page-main{width:min(100% - 24px,1240px);padding-top:24px}.architect-hero{min-height:auto;padding-top:8px}h1{font-size:2.42rem;line-height:1.04}h2{font-size:1.3rem}.lead{font-size:1rem}.hero-actions,.blueprint-top,.site-footer{align-items:stretch}.usecase-grid,.deployment-row,.signal-strip,.blueprint-columns,.check-grid{grid-template-columns:1fr}.signal-strip div+div{border-left:0;border-top:1px solid var(--line)}.primary-button,.secondary-button,.community-links a,.mode-button{width:100%}.billing-toggle{width:100%;display:grid}.billing-option{width:100%}.plan-panel .status-pill{width:fit-content;position:static}}
