.gth-ai-page{container-type:inline-size}.gth-ai-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);padding:clamp(1.75rem,4.5vw,4.5rem)}.gth-ai-hero h1{font-size:clamp(2.75rem,4.6vw,4.6rem)}.gth-ai-hero>div>p:not(.gth-story-eyebrow){color:#4d665b}.gth-ai-connection{border:1px solid #c4dbce;border-radius:1.5rem;background:#ffffffb8;padding:clamp(1.5rem,3vw,2.5rem);min-width:0}.gth-ai-node{display:flex;align-items:flex-start;gap:1rem}.gth-ai-node>span{flex:0 0 2rem;border-radius:50%;background:#dff4ea;color:#1f745c;display:grid;place-items:center;aspect-ratio:1;font-size:.7rem;font-weight:900}.gth-ai-node h2{font-size:clamp(1.5rem,2.3vw,2rem);margin:0 0 .45rem}.gth-ai-node p{font-size:.96rem;line-height:1.55;margin:0;color:#4d665b}.gth-ai-bridge{padding:.5rem 0 .5rem .6rem;color:#53826b;font-size:1.5rem}.gth-ai-connection .gth-story-eyebrow{margin:0 0 1.75rem}.gth-ai-connection-note{border-top:1px solid #ccded3;padding-top:1.25rem;margin:1.5rem 0 0;font-size:.85rem!important;line-height:1.6!important;color:#4d665b}
.gth-ai-page h3{font-family:"DM Serif Display",serif;letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.5rem,2.5vw,2.1rem);line-height:1.15;margin:.25rem 0 1rem}.gth-ai-page .gth-story-heading{max-width:52rem}.gth-ai-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:2rem 0}.gth-ai-capabilities article{border:1px solid var(--line);border-radius:1.4rem;padding:clamp(1.5rem,3vw,2.5rem);background:#f0f6f1}.gth-ai-capabilities article:nth-child(2){background:#fff4df}.gth-ai-capabilities article:nth-child(3){background:#edf1fb}.gth-ai-capabilities article:nth-child(4){background:#f6ece5}.gth-ai-capabilities article>p:last-child{color:#4d665b;margin-bottom:0}.gth-ai-note{font-size:.92rem!important;line-height:1.65!important;color:#526a5e;max-width:65rem}.gth-ai-example{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,4vw,4rem);align-items:center}.gth-ai-screenshot{margin:0;min-width:0}.gth-ai-screenshot a{display:block;border:1px solid var(--line);border-radius:1.25rem;overflow:hidden;background:#fff}.gth-ai-screenshot a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.gth-ai-screenshot img{display:block;width:100%;height:auto}.gth-ai-screenshot figcaption{margin:.8rem .3rem 0;color:#526a5e;font-size:.82rem;line-height:1.6}.gth-ai-screenshot figcaption span{display:block;color:var(--green);font-weight:800}.gth-ai-prompts{display:grid;gap:1rem;list-style:none;padding:0;margin:1.5rem 0}.gth-ai-prompts li{padding:.9rem 1.15rem;border-left:3px solid #a8c6b5;background:#f0f6f1;border-radius:0 .7rem .7rem 0;line-height:1.6}
.gth-ai-setup{scroll-margin-top:8rem}.gth-ai-setup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:start;margin-top:2.5rem}.gth-ai-steps{counter-reset:gth-ai-step;list-style:none;margin:0;padding:0}.gth-ai-steps li{counter-increment:gth-ai-step;position:relative;padding:0 0 1.5rem 3.3rem}.gth-ai-steps li:before{content:counter(gth-ai-step,decimal-leading-zero);position:absolute;left:0;top:.1rem;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#dff4ea;color:var(--green);font-size:.8rem;font-weight:900}.gth-ai-steps h3{font-size:1.6rem;margin:0 0 .7rem}.gth-ai-steps p{margin:0;color:#4d665b}.gth-ai-key-note{font-size:.9rem!important;line-height:1.65!important;background:#fff4df;border:1px solid #e8d8b4;border-radius:1rem;padding:1.2rem}.gth-ai-compatibility{padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--line);border-radius:1.5rem;background:#f0f6f1}.gth-ai-compatibility>div{max-width:55rem}.gth-ai-compatibility .gth-ai-screenshot{margin-top:2rem}.gth-ai-server{padding:1.2rem;background:#fff;border:1px solid var(--line);border-radius:.8rem;margin:1.5rem 0}.gth-ai-server span{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#526a5e;margin-bottom:.5rem;font-weight:800}.gth-ai-server code{display:block;font-size:.9rem;overflow-wrap:anywhere;color:#173d31}.gth-ai-page strong{font-family:inherit;letter-spacing:normal;line-height:inherit}.gth-ai-faq{margin-top:2rem}.gth-ai-faq details{border-top:1px solid var(--line);padding:1.3rem 0}.gth-ai-faq details:last-child{border-bottom:1px solid var(--line)}.gth-ai-faq summary{font-size:1.15rem;font-weight:800;color:var(--forest);cursor:pointer}.gth-ai-faq summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.gth-ai-faq p{color:#4d665b;max-width:60rem;margin:1rem 0 0}
@container(max-width:60rem){.gth-ai-hero,.gth-ai-example,.gth-ai-setup-grid{grid-template-columns:minmax(0,1fr)}.gth-ai-hero h1{font-size:clamp(3rem,8vw,4.8rem)}.gth-ai-example>div{max-width:44rem}.gth-ai-screenshot{max-width:52rem}.gth-ai-connection{margin-top:.5rem}}
@container(max-width:36rem){.gth-ai-capabilities{grid-template-columns:minmax(0,1fr)}.gth-ai-hero h1{font-size:clamp(2.8rem,11vw,3.8rem)}.gth-ai-node h2{font-size:1.65rem}.gth-ai-setup-grid{gap:1rem}.gth-ai-steps li{padding-left:2.8rem}.gth-ai-steps h3{font-size:1.45rem}.gth-ai-server{padding:1rem}.gth-ai-hero .gth-story-actions{display:grid}.gth-ai-hero .gth-story-button{justify-content:center}}
