@font-face{font-family:Unbounded;src:url('/articles/prompt-roles-experiment/fonts/unbounded-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-024F}
@font-face{font-family:Unbounded;src:url('/articles/prompt-roles-experiment/fonts/unbounded-cyrillic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F}
@font-face{font-family:'Inter Tight';src:url('/articles/prompt-roles-experiment/fonts/inter-tight-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-024F}
@font-face{font-family:'Inter Tight';src:url('/articles/prompt-roles-experiment/fonts/inter-tight-cyrillic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F}
@font-face{font-family:'JetBrains Mono';src:url('/articles/prompt-roles-experiment/fonts/jetbrains-mono-latin.woff2') format('woff2');font-style:normal;font-weight:100 800;font-display:swap;unicode-range:U+0000-024F}
@font-face{font-family:'JetBrains Mono';src:url('/articles/prompt-roles-experiment/fonts/jetbrains-mono-cyrillic.woff2') format('woff2');font-style:normal;font-weight:100 800;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F}
:root{--bg:#f4f2ed;--ink:#111110;--pink:#ff2e92;--line:rgba(17,17,16,.25);--display:Unbounded,sans-serif;--text:'Inter Tight',sans-serif;--mono:'JetBrains Mono',monospace}
*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);scroll-padding-top:24px}body{margin:0;font:400 18px/1.6 var(--text)}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px;overflow-wrap:anywhere}a:hover{text-decoration-color:var(--pink);text-decoration-thickness:3px}a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.pagebar{min-height:66px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;border-bottom:1px solid var(--ink);font:400 12px/1.5 var(--mono)}.pagebar a{display:inline-flex;align-items:center;min-height:40px}.pagebar nav{display:flex;gap:26px;flex-wrap:wrap}main{max-width:1280px;margin:auto;padding:0 28px}section{border-top:1px solid var(--ink);padding:56px 0}.product-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:clamp(32px,5vw,72px);padding:74px 0 70px;border-top:0;align-items:center}.hero-copy{min-width:0}.eyebrow,.section-label,.meta,.tag,.panel-top,.panel-note{font:400 11px/1.8 var(--mono)}.eyebrow{margin:0 0 28px;display:flex;align-items:center;gap:10px}.eyebrow:before,.status-dot{content:'';display:inline-block;width:8px;height:8px;background:var(--pink);flex:0 0 8px}h1,h2,h3{margin:0;font-family:var(--display);text-wrap:balance}h1{font-size:clamp(38px,5.6vw,76px);line-height:1.1;text-transform:uppercase;font-weight:800;margin-bottom:26px}.outline{color:var(--bg);-webkit-text-stroke:1.6px var(--ink);paint-order:stroke fill}h2{font-size:clamp(25px,2.8vw,36px);line-height:1.3;font-weight:800;margin-bottom:20px}h3{font-size:18px;line-height:1.5;font-weight:500}p{margin:0 0 20px;max-width:43em;text-wrap:pretty}.lead{font-size:clamp(23px,2.5vw,32px);line-height:1.35}.intro{max-width:36em}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px;font:400 12px/1.5 var(--mono)}.button{border:1px solid var(--ink);border-radius:999px;padding:14px 20px;display:inline-flex;gap:20px;text-decoration:none}.button:hover{background:var(--pink);text-decoration:none}.runtime{border:1px solid var(--ink);padding:26px;min-width:0}.panel-top{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}.runtime h2{font-size:20px}.runtime-list{margin:0}.runtime-list>div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.runtime-list dt{font-weight:400}.runtime-list dd{margin:0;text-align:right;font-weight:600}.flow{display:grid;justify-items:center;gap:5px;padding:25px 0;font:400 12px/1.7 var(--mono)}.flow strong{border-bottom:3px solid var(--pink)}.flow b{font-weight:400}.panel-note{margin:0;border-top:1px solid var(--line);padding-top:16px;font-size:10px}.section-heading{max-width:780px;margin-bottom:34px}.section-label{margin-bottom:16px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.service-grid article{padding:28px 26px 30px;border-right:1px solid var(--line);min-width:0}.service-grid article:first-child{padding-left:0}.service-grid article:last-child{border-right:0;padding-right:0}.service-number{display:block;font:400 12px var(--mono);margin-bottom:30px;text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:3px;text-underline-offset:5px}.service-grid h3{margin-bottom:18px}.service-grid p{font-size:16px}.tag{display:inline-block;font-size:10px;border-bottom:2px solid var(--pink)}.tool-row{display:grid;grid-template-columns:100px minmax(180px,.9fr) minmax(0,1.4fr);gap:26px;align-items:start;padding:25px 0;border-top:1px solid var(--line)}.tool-row .tag{justify-self:start;margin-top:6px}.tool-row p{margin:0;font-size:16px}.release-note{font-size:15px;padding-top:26px;border-top:1px solid var(--line);max-width:none}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.connection-grid h3{margin-bottom:20px}.connection-grid p{font-size:16px}.permissions{margin:0}.permissions dt{font-size:16px;font-weight:600;margin-top:20px}.permissions dt:first-child{margin-top:0}.permissions dd{margin:7px 0 18px;font-size:16px}.data-note{margin:28px 0 0;padding-top:24px;border-top:1px solid var(--line);font-size:16px;max-width:none}code{font-family:var(--mono);font-size:.82em;overflow-wrap:anywhere}.contact-link{font-size:clamp(19px,3vw,32px)}.support p{margin-bottom:14px}footer.pagebar{border-top:1px solid var(--ink);border-bottom:0}.skip-link{position:absolute;top:-100px;left:18px;background:var(--bg);padding:12px;z-index:3}.skip-link:focus{top:10px}.legal-hero{padding:64px 0 44px;max-width:820px}.privacy{max-width:1120px}.privacy h1{font-size:clamp(36px,5vw,64px)}.privacy section{display:grid;grid-template-columns:150px minmax(0,1fr);gap:36px}.privacy section>.section-label{margin-top:5px}.privacy section>div{min-width:0}.privacy ol{padding-left:1.4em}.privacy li{margin-bottom:16px}.privacy .permissions dd{font-size:18px}.meta{margin-bottom:26px}
@media(max-width:980px){.product-hero{grid-template-columns:minmax(0,1fr) minmax(270px,.8fr);gap:30px}h1{font-size:clamp(36px,5.3vw,58px)}.runtime{padding:20px}.connection-grid{gap:35px}.tool-row{grid-template-columns:80px minmax(150px,.9fr) minmax(0,1.2fr);gap:18px}}
@media(max-width:720px){body{font-size:17px}.pagebar{padding:10px 18px;gap:0 18px;font-size:10px}.pagebar nav{gap:14px}main{padding:0 18px}.product-hero{grid-template-columns:minmax(0,1fr);padding:40px 0;gap:34px}h1{font-size:clamp(33px,9vw,62px)}h2{font-size:26px}.lead{font-size:26px}.actions{gap:18px;font-size:11px}.runtime{padding:22px}.runtime-list>div{font-size:14px}.flow{padding:18px 0}.service-grid{grid-template-columns:minmax(0,1fr)}.service-grid article,.service-grid article:first-child,.service-grid article:last-child{padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}.service-grid article:last-child{border-bottom:0}.service-number{margin-bottom:20px}.service-grid p{max-width:36em}.tool-row{grid-template-columns:80px minmax(0,1fr);gap:12px 18px}.tool-row p{grid-column:2}.connection-grid{grid-template-columns:minmax(0,1fr);gap:26px}section{padding:36px 0}.section-heading{margin-bottom:26px}.privacy section{grid-template-columns:minmax(0,1fr);gap:6px}.privacy h1{font-size:clamp(30px,8vw,48px)}.legal-hero{padding:40px 0 26px}.privacy .permissions dd{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
