:root{color:#13201b;background:#f2f5ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:#13201b;cursor:pointer;background:#fff;border:1px solid #aebbb4;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 12px;display:inline-flex}button:hover,button.active{color:#0d3d2f;border-color:#17624b}button.primary{color:#fff;background:#17624b;border-color:#17624b}button:disabled{cursor:not-allowed;opacity:.62}input,select,textarea{color:#13201b;background:#fff;border:1px solid #b8c3bd;width:100%;min-height:42px;padding:9px 10px}textarea{resize:vertical}label{color:#34413a;gap:6px;font-weight:700;display:grid}.app-shell{gap:18px;width:min(1240px,100% - 32px);margin:24px auto 56px;display:grid}.hero,.panel,.pipeline-panel{background:#fff;border:1px solid #d3dbd5}.hero{color:#fff;background:#123d34;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:stretch;gap:18px;padding:clamp(20px,4vw,36px);display:grid}.hero-copy{align-content:center;display:grid}.hero h1{max-width:860px;margin:0;font-size:clamp(2rem,4vw,4.2rem);line-height:1.02}.hero p{color:#d9e9e2;max-width:820px}.eyebrow{color:#8a4b14;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:900}.hero .eyebrow{color:#ffd18c}.button-row,.sample-row,.inline-input{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pipeline-panel{color:#13201b;background:#f5faf5;gap:14px;padding:16px;display:grid}.panel-heading,.snippet-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.panel-heading.compact{align-items:center;margin-bottom:0}.panel-heading h2,.snippet-heading h3{margin:0}.pipeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;position:relative}.pipeline:before{content:"";opacity:.5;background:linear-gradient(90deg,#17624b,#d58b31,#9f1d18);height:2px;position:absolute;top:18px;left:12px;right:12px}.pipeline-step{z-index:1;background:#fff;border:1px solid #cfdbd3;gap:7px;min-height:92px;padding:10px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative}.pipeline-step span{color:#143f34;background:#e8efe9;justify-content:center;align-items:center;width:24px;height:24px;font-weight:900;display:inline-flex}.pipeline-step.active{border-color:#17624b;animation:1.6s ease-in-out infinite pulseStep;transform:translateY(-4px);box-shadow:0 12px 24px #123d342e}.pipeline-step.active span{color:#fff;background:#17624b}.decision-meter,.score-line{background:#e8ede8;height:12px;overflow:hidden}.decision-meter span,.score-line span{background:linear-gradient(90deg,#17624b,#d58b31,#9f1d18);height:100%;display:block}.grid.two{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.panel{padding:clamp(16px,3vw,28px)}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.platform-card{text-align:left;align-content:start;gap:8px;min-height:132px;display:grid}.platform-card small{color:#5d6a63}.platform-card.active{background:#edf8f0;border-color:#17624b}.note{color:#5f6b64}.contract-grid{gap:10px;display:grid}.decision-tile{border:1px solid #d3dbd5;padding:14px}.decision-tile p{margin:6px 0 0}.decision-allow{background:#edf8f0;border-color:#98c8a5}.decision-warn{background:#fff8e8;border-color:#e1bf77}.decision-block{background:#fff1ee;border-color:#db9c90}.builder-grid,.sandbox-grid{grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);align-items:start;gap:18px;display:grid}.form-grid,.form-stack,.snippet-tabs{gap:14px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label:first-child,.form-grid label:nth-child(2),.form-grid label:nth-child(3){grid-column:1/-1}.inline-input{flex-wrap:nowrap}.inline-input input{min-width:0}.snippet{background:#f8faf8;border:1px solid #d3dbd5;padding:12px}.snippet pre{margin:0;overflow-x:auto}code{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.9rem}.result-card{background:#f8faf8;border:1px solid #d3dbd5;min-height:100%;padding:18px}.result-card h3{margin:0 0 12px;font-size:2.2rem}.result-block{background:#fff1ee;border-color:#db9c90}.result-warn{background:#fff8e8;border-color:#e1bf77}.result-allow{background:#edf8f0;border-color:#98c8a5}.result-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.result-columns h4{margin-bottom:6px}.result-columns ul{margin:0;padding-left:18px}.empty-state{align-content:center;justify-items:start;display:grid}.sample-row button{flex:120px}.replace-table{border:1px solid #d3dbd5;display:grid}.replace-row{border-bottom:1px solid #d3dbd5;grid-template-columns:minmax(180px,.7fr) minmax(220px,.9fr) minmax(260px,1.4fr);gap:14px;padding:12px;display:grid}.replace-row:last-child{border-bottom:0}.replace-row p{color:#5f6b64;margin:0}.error-text{color:#9f1d18;font-weight:800}@media (width<=920px){.hero,.grid.two,.builder-grid,.sandbox-grid,.result-columns,.replace-row,.platform-grid,.form-grid,.pipeline{grid-template-columns:1fr}.pipeline:before{background:linear-gradient(#17624b,#d58b31,#9f1d18);width:2px;height:auto;inset:10px auto 10px 20px}}@keyframes pulseStep{0%,to{box-shadow:0 12px 24px #123d342e}50%{box-shadow:0 16px 32px #123d3447}}@media (prefers-reduced-motion:reduce){.pipeline-step,.pipeline-step.active{transition:none;animation:none}}