.ai-page { background: #faf8f3; }
.ai-hero { position: relative; overflow: hidden; padding-top: 88px; background: #0d211f; color: #f4f0e7; }
.ai-grid-lines { position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, black, transparent 90%); }
.ai-hero-grid { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; min-height: 675px; align-items: center; }
.ai-hero-copy { position: relative; z-index: 2; max-width: 730px; padding: 80px 0 65px; }
.ai-hero h1 { max-width: 760px; margin: 0 0 28px; font: 500 clamp(52px, 6.4vw, 86px)/1.01 var(--serif); letter-spacing: -.04em; }
.ai-hero h1 em { color: var(--gold); font-weight: 500; }
.ai-lead { max-width: 680px; color: #c4ceca; font-size: 17px; }
.ai-hero-visual { position: relative; display: grid; place-items: center; height: 560px; }
.ai-hero-visual > p { position: absolute; bottom: 75px; margin: 0; color: #7f918b; font-size: 8px; letter-spacing: .25em; }
.ai-orbit { position: absolute; border: 1px solid rgba(211,180,125,.34); border-radius: 50%; }
.orbit-one { width: 410px; height: 410px; }
.orbit-two { width: 285px; height: 285px; border-color: rgba(255,255,255,.12); }
.ai-orbit:before, .ai-orbit:after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #d3b47d; box-shadow: 0 0 24px rgba(211,180,125,.8); }
.orbit-one:before { top: 58px; right: 55px; }.orbit-one:after { bottom: 40px; left: 87px; }
.orbit-two:before { top: 125px; left: -4px; }.orbit-two:after { top: 68px; right: 16px; }
.ai-core { z-index: 2; display: grid; place-items: center; width: 175px; height: 175px; border-radius: 50%; background: radial-gradient(circle at 40% 35%, #2f514a, #102825 70%); box-shadow: 0 0 90px rgba(184,148,92,.14); }
.ai-core span { font: 500 10px var(--serif); letter-spacing: .2em; }.ai-core b { color: var(--gold); font: 400 23px var(--serif); }
.ai-trust { position: relative; display: flex; align-items: center; gap: 28px; min-height: 82px; border-top: 1px solid rgba(255,255,255,.13); color: #aab7b2; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.ai-trust span:first-child { color: #d8dcd8; font: 500 12px var(--serif); letter-spacing: .02em; text-transform: none; }.ai-trust i { flex: 1; height: 1px; background: rgba(255,255,255,.13); }
.ai-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 85px; border: 1px solid var(--line); background: var(--line); }
.ai-facts article { min-height: 245px; padding: 34px; background: #faf8f3; }.ai-facts span, .ai-service-grid > article > span { color: var(--gold); font-size: 10px; }.ai-facts h3 { margin: 36px 0 10px; font: 500 25px var(--serif); }.ai-facts p { color: #64716e; font-size: 13px; }
.ai-services { background: #f0ece3; }
.ai-service-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.ai-service-grid article { min-height: 310px; padding: 42px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.34); }
.ai-service-grid h3 { max-width: 430px; margin: 34px 0 14px; font: 500 29px/1.2 var(--serif); }.ai-service-grid p { max-width: 500px; color: #64716e; }.ai-service-grid small { display: block; margin-top: 30px; color: #997746; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.ai-workflows { background: #faf8f3; }.workflow-list { border-top: 1px solid var(--line); }.workflow-list article { display: grid; grid-template-columns: 90px 1fr; gap: 28px; padding: 28px 10px; border-bottom: 1px solid var(--line); }.workflow-list b { color: var(--gold); font: 400 10px var(--sans); }.workflow-list h3 { margin: 0 0 5px; font: 500 25px var(--serif); }.workflow-list p { max-width: 800px; margin: 0; color: #64716e; }
.ai-method { background: #142a27; color: white; }.ai-method-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 110px; }.ai-method-grid > div > p:last-child { max-width: 390px; color: #9baca6; }.ai-method ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.14); }.ai-method li { display: grid; grid-template-columns: 55px 1fr; gap: 18px; padding: 20px 5px; border-bottom: 1px solid rgba(255,255,255,.14); }.ai-method li > span { color: #d3b47d; font-size: 9px; }.ai-method strong { font: 500 21px var(--serif); }.ai-method li p { margin: 3px 0 0; color: #9baca6; font-size: 12px; }
.ai-principles { background: #eee9df; }.principle-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }.principle-grid article { padding: 35px; border: 1px solid var(--line); background: rgba(255,255,255,.4); }.principle-grid h3 { margin: 0 0 14px; font: 500 24px var(--serif); }.principle-grid p { margin: 0; color: #64716e; }
.ai-contact { padding: 110px 0 45px; background: #0d211f; color: white; }.ai-contact-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 100px; align-items: end; }.ai-contact h2 { font: 500 clamp(42px, 5vw, 68px)/1.05 var(--serif); margin: 0; }.ai-contact h2 em { color: var(--gold); }.ai-contact-grid > div:last-child > p { margin: 0 0 28px; color: #aab7b2; }.ai-phone { display: block; width: max-content; margin-top: 22px; color: #d7c4a0; font: 500 18px var(--serif); }.ai-independent { margin-top: 80px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); color: #71827d; font-size: 9px; }

@media (max-width: 900px) {
  .ai-hero-grid { grid-template-columns: 1fr; min-height: 820px; }.ai-hero-copy { padding-top: 90px; }.ai-hero-visual { position: absolute; right: -100px; bottom: -60px; width: 500px; opacity: .52; }.ai-facts { grid-template-columns: 1fr; }.ai-facts article { min-height: 190px; }.ai-method-grid, .ai-contact-grid { grid-template-columns: 1fr; gap: 55px; }.ai-service-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .ai-hero { padding-top: 74px; }.ai-hero-grid { min-height: 740px; }.ai-hero-copy { padding: 70px 0 120px; }.ai-hero h1 { font-size: 49px; }.ai-lead { font-size: 15px; }.ai-hero-visual { right: -180px; bottom: -145px; transform: scale(.75); }.ai-trust { gap: 15px; min-height: 68px; }.ai-trust span:nth-last-child(-n+3) { display: none; }.ai-facts { margin-top: 55px; }.ai-service-grid article { min-height: auto; padding: 30px; }.workflow-list article { grid-template-columns: 35px 1fr; gap: 10px; }.workflow-list h3 { font-size: 20px; }.principle-grid { grid-template-columns: 1fr; }.ai-contact { padding-top: 75px; }.ai-independent { margin-top: 55px; }
}