.hero{isolation:isolate;grid-template-columns:minmax(0,11fr) minmax(0,9fr);align-items:center;min-height:min(48rem,100vh - 4.5rem);padding-block:6.5rem;display:grid;position:relative}.hero:before{z-index:-1;content:"";background:radial-gradient(circle at 78% 44%,#a87cff24,#0000 28rem),linear-gradient(#a87cff16 1px,#0000 1px) 0 0/3.5rem 3.5rem,linear-gradient(90deg,#66d0ff12 1px,#0000 1px) 0 0/3.5rem 3.5rem,linear-gradient(#f5f2f809 1px,#0000 1px) 0 0/14rem 14rem,linear-gradient(90deg,#f5f2f809 1px,#0000 1px) 0 0/14rem 14rem;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0 72%,#0000 100%);mask-image:linear-gradient(#000 0 72%,#0000 100%)}.hero h1{letter-spacing:-.075em;max-width:none;margin:0;font-size:clamp(3.2rem,5vw,4.25rem);line-height:.98}.hero-line{white-space:nowrap;display:block}.hero-intro{color:var(--text-body);max-width:38rem;margin:2rem 0 0;font-size:clamp(1.05rem,1.8vw,1.22rem);line-height:1.7}.hero-intro code,.problem h2 code{color:var(--violet-dark);font-family:var(--font-code);font-size:.82em;font-weight:500}.trust-note{border-left:2px solid var(--cyan);color:var(--muted);max-width:31rem;margin:2rem 0 0;padding-left:.85rem;font-size:.9375rem;line-height:1.65}.terminal-wrap{padding:1rem 0 2.6rem;position:relative}.terminal{z-index:2;border:1px solid var(--line-strong);color:var(--text);background:var(--surface);border-radius:.8rem;position:relative;overflow:hidden;box-shadow:0 2rem 6rem #00000059,0 0 0 .35rem #a87cff14}.terminal:after{background:linear-gradient(transparent, var(--violet), var(--cyan), transparent);content:"";opacity:.45;width:1px;height:100%;position:absolute;top:0;right:12%}.terminal-bar{border-bottom:1px solid var(--line);align-items:center;gap:.4rem;padding:.8rem 1rem;display:flex}.terminal-bar span{background:#4a4355;border-radius:50%;width:.55rem;height:.55rem}.terminal-bar span:nth-child(2){background:var(--violet)}.terminal-bar span:nth-child(3){background:var(--cyan)}.terminal-bar p{color:var(--muted);font-family:var(--font-code);margin:0 0 0 auto;font-size:.8125rem}.terminal pre{font-family:var(--font-code);margin:0;padding:1.55rem 1.4rem 1.8rem;font-size:clamp(.8125rem,1.4vw,.875rem);line-height:1.8;overflow-x:auto}.comment{color:var(--muted)}.prompt{color:var(--cyan)}.terminal-keyline{border-right:2px solid var(--cyan);border-bottom:2px solid var(--violet);width:68%;height:4rem;position:absolute;bottom:1.2rem;right:2.5rem}.resolved-context{z-index:3;border:1px solid var(--line-strong);background:var(--paper-raised);border-radius:.45rem;padding:.7rem .85rem;position:absolute;bottom:0;right:0;box-shadow:0 .7rem 2rem #00000059}.resolved-context span{color:var(--muted);font-family:var(--font-code);text-transform:uppercase;margin-bottom:.3rem;font-size:.8125rem;display:block}.resolved-context code{color:var(--violet-dark);font-family:var(--font-code);font-size:.8125rem}.workflow{border-block:1px solid var(--line-strong);background:var(--surface);grid-template-columns:10rem 1fr;display:grid}.workflow-label{border-right:1px solid var(--line-strong);padding:1.5rem 1rem 1.5rem 0}.workflow-label .eyebrow{margin:0}.workflow ol{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.workflow li{padding:1.5rem;position:relative}.workflow li:not(:last-child){border-right:1px solid var(--line)}.workflow li:before{background:var(--violet);width:.45rem;height:.45rem;box-shadow:0 0 0 .25rem var(--lilac);content:"";border-radius:50%;position:absolute;top:-.22rem;left:1.5rem}.workflow li:nth-child(n+3):before{background:var(--cyan)}.workflow li>span{color:var(--muted);font-family:var(--font-code);margin-bottom:.6rem;font-size:.8125rem;display:block}.workflow strong{font-size:.95rem;display:block}.workflow li p{color:var(--text-body);margin:.4rem 0 0;font-size:.9375rem;line-height:1.6}.problem{grid-template-columns:minmax(0,1.4fr) minmax(18rem,.75fr);gap:clamp(1.5rem,3vw,2.5rem);padding-block:8rem;display:grid}.problem-copy{color:var(--text-body);font-size:1.0625rem;line-height:1.7}.problem-copy p{margin:0}.problem-copy p+p{margin-top:1.2rem}.model-band{border-block:1px solid var(--line);color:var(--text);background:#100d17;padding-block:7rem}.model-grid{grid-template-columns:minmax(0,.9fr) minmax(24rem,1fr);align-items:center;gap:clamp(4rem,9vw,9rem);display:grid}.model-band .section-heading p:not(.eyebrow){color:var(--text-body)}.model-band .eyebrow{color:var(--violet-dark)}.resource-tree{border:1px solid var(--line-strong);background:var(--surface);font-family:var(--font-code);border-radius:.7rem;padding:1rem;position:relative}.resource-tree span{color:var(--muted);margin-bottom:.3rem;font-size:.8125rem;display:block}.resource-tree strong{font-size:.875rem;font-weight:500}.tree-project,.tree-environments>div{border:1px solid var(--line-strong);border-radius:.4rem;padding:.7rem .8rem}.tree-project{width:48%}.tree-line{border-right:1px solid var(--violet);border-bottom:1px solid var(--violet);width:52%;height:2.2rem}.tree-environments{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.tree-environments .selected{border-color:var(--cyan);background:#66d0ff14}.tree-secrets{border-left:1px solid var(--cyan);gap:.4rem;margin:1.2rem 0 0 34%;padding-left:1rem;display:grid}.tree-secrets code{color:var(--text-body);font-size:.8125rem}.roles,.deployment,.writing{padding-top:9rem}.role-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3.5rem;display:grid}.role-grid article{border:1px solid var(--line);background:var(--surface);border-radius:.65rem;min-height:19rem;padding:2.5rem}.role-grid article+article{border-left:1px solid var(--line)}.role-grid code{border:1px solid var(--line);color:var(--violet-dark);background:var(--lilac-soft);font-family:var(--font-code);border-radius:.35rem;padding:.4rem .55rem;font-size:.8125rem;display:inline-block}.role-grid h3{letter-spacing:-.04em;margin:4rem 0 .8rem;font-size:2rem}.role-grid p{color:var(--text-body);max-width:28rem;margin:0;line-height:1.7}.deployment{grid-template-columns:minmax(0,.75fr) minmax(28rem,1fr);gap:clamp(3rem,9vw,9rem);display:grid}.deployment h2{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1.05}.deployment-options{border-top:1px solid var(--line-strong)}.deployment-options article{border-bottom:1px solid var(--line-strong);grid-template-columns:8rem 1fr;column-gap:1.3rem;padding-block:1.5rem;display:grid}.deployment-options span{color:var(--violet-dark);font-family:var(--font-code);text-transform:uppercase;grid-row:span 2;padding-top:.3rem;font-size:.8125rem}.deployment-options h3{margin:0;font-size:1.35rem}.deployment-options p{color:var(--text-body);margin:.55rem 0 0;line-height:1.65}.writing-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem;display:flex}.writing-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1}.writing-heading>a{min-height:2.75rem;color:var(--violet-dark);text-underline-offset:.2rem;align-items:center;font-size:.9rem;font-weight:600;display:inline-flex}@media (width<=63.9375rem){.hero{grid-template-columns:1fr;min-height:auto}.hero h1{max-width:11ch}.hero-line{white-space:normal;display:inline}}@media (width<=58rem){.problem,.model-grid,.deployment,.workflow{grid-template-columns:1fr}.workflow-label{border-right:0;border-bottom:1px solid var(--line-strong)}.workflow ol{grid-template-columns:repeat(2,1fr)}.workflow li:nth-child(2){border-right:0}.workflow li:nth-child(-n+2){border-bottom:1px solid var(--line)}.model-grid{gap:3rem}}@media (width<=42rem){.hero{padding-block:4rem 4.5rem}.hero h1{letter-spacing:-.06em;max-width:11ch;font-size:clamp(2.85rem,13vw,3.8rem);line-height:.98}.terminal-wrap{margin-inline:0}.terminal pre{padding:1.25rem 1rem 1.5rem}.workflow ol,.role-grid{grid-template-columns:1fr}.workflow li,.workflow li:nth-child(2),.workflow li:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}.problem{padding-block:6rem}.roles,.deployment,.writing{padding-top:6rem}.model-band{padding-block:5rem}.tree-environments{grid-template-columns:1fr}.tree-project{width:72%}.tree-line{width:50%}.tree-secrets{margin-left:1rem}.role-grid article{min-height:auto;padding:1.5rem}.role-grid article+article{border:1px solid var(--line)}.role-grid h3{margin-top:2rem}.deployment{gap:2.5rem}.deployment-options article{grid-template-columns:1fr;padding-block:1.75rem}.deployment-options span{grid-row:auto;margin-bottom:.7rem}.writing-heading{flex-direction:column;align-items:flex-start}}
