@import url('concept-v2.css?v=answer-model');

.hero{min-height:760px}
.hero h1 em{display:inline}
button.button{cursor:pointer}
.example-section{background:rgba(255,255,255,.018)}
.example-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.example-step{min-height:290px;padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column}
.example-step>span{font:11px 'JetBrains Mono',monospace;color:var(--orange)}
.example-step h3{font:400 24px/1.2 'Outfit',sans-serif;margin:34px 0 12px}
.example-step p{font-size:14px;color:var(--soft);max-width:480px}
.field-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:28px}
.field-chips b{font:10px 'JetBrains Mono',monospace;color:var(--muted);border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:20px;padding:7px 10px}
.example-output{margin-top:14px;padding:26px 28px;display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center;border:1px solid rgba(244,121,32,.35);background:linear-gradient(135deg,rgba(244,121,32,.13),rgba(244,121,32,.025));border-radius:7px}
.example-output span{font:11px 'JetBrains Mono',monospace;color:var(--orange);text-transform:uppercase}
.example-output p{font:400 18px/1.5 'Outfit',sans-serif}
.boundary-note{margin-top:18px;padding-left:16px;border-left:2px solid var(--orange);font-size:13px;color:var(--muted)}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:start}
.faq-layout .section-intro{margin-bottom:0;position:sticky;top:120px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:0 4px}
.faq-list summary{cursor:pointer;list-style:none;padding:24px 38px 24px 0;font:400 19px/1.35 'Outfit',sans-serif;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;right:4px;top:22px;color:var(--orange);font:22px 'JetBrains Mono',monospace}
.faq-list details[open] summary:after{content:'×'}
.faq-list details p{padding:0 50px 24px 0;color:var(--soft);font-size:14px}
.experience-section{background:rgba(255,255,255,.012)}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.experience-grid h2{font:400 clamp(2.2rem,4vw,3.5rem)/1.1 'Outfit',sans-serif;letter-spacing:-.03em;margin:18px 0 0}
.experience-grid h2 span{color:var(--orange)}
.experience-copy{display:grid;gap:20px;color:var(--soft);font-size:16px;line-height:1.8;padding-top:34px}
.contact-v3{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.contact-copy{text-align:left}
.contact-copy .section-label{justify-content:flex-start}
.contact-copy h2{font-size:clamp(2.35rem,4vw,3.75rem)}
.contact-copy h2 span{display:inline;color:#fff3e8}
.contact-copy p:not(.section-label){margin:0;color:rgba(23,17,13,.72);font-size:16px}
.contact-form-v3{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:30px;background:#17110d;color:var(--text);border-radius:9px;box-shadow:0 30px 80px rgba(72,30,0,.22)}
.contact-form-v3 .field-full{grid-column:1/-1}
.contact-form-v3 label{display:flex;align-items:center;gap:7px;margin-bottom:7px;font:11px 'JetBrains Mono',monospace;color:var(--soft)}
.contact-form-v3 label span{color:var(--orange)}
.contact-form-v3 label small{margin-left:auto;font:9px 'JetBrains Mono',monospace;color:var(--muted)}
.contact-form-v3 input,.contact-form-v3 textarea{width:100%;border:1px solid var(--line-strong);background:rgba(255,255,255,.055);color:var(--text);border-radius:4px;padding:13px 14px;font:14px 'DM Sans',sans-serif;outline:none}
.contact-form-v3 input:focus,.contact-form-v3 textarea:focus{border-color:var(--orange)}
.contact-form-v3 textarea{min-height:120px;resize:vertical}
.contact-form-v3 .honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.submit-row-v3{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:6px}
.submit-row-v3 p{font-size:10px;color:var(--muted);max-width:260px}
.submit-row-v3 a{color:var(--soft)}
.button-dark{background:var(--orange);border-color:var(--orange);color:#17110d;white-space:nowrap}

@media(max-width:1040px){.faq-layout,.contact-v3{grid-template-columns:1fr;gap:42px}.faq-layout .section-intro{position:static}.experience-grid{gap:48px}}
@media(max-width:760px){.example-grid,.experience-grid{grid-template-columns:1fr}.example-output{grid-template-columns:1fr;gap:10px}.contact-form-v3{grid-template-columns:1fr;padding:22px}.contact-form-v3>div{grid-column:1/-1}.submit-row-v3{align-items:flex-start;flex-direction:column}.example-step{min-height:250px}.experience-copy{padding-top:0}}