/* AI article: original content and composition, independent responsive layout. */
body[data-page="ai"]{margin:0;background:#fff;color:#000}
.ai-main{position:relative;z-index:1;max-width:1440px;margin:0 auto;--ai-gutter:100px}
.ai-hero{box-sizing:border-box;min-height:560px;padding:100px var(--ai-gutter) 32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:32px}
.ai-hero h1,.ai-copy h2,.ai-outro h2,.ai-prose p,.ai-hero p{margin:0}
.ai-hero h1{--type-color:#133259}
.ai-hero p{--type-color:#2b5180;width:40%;min-width:420px;max-width:560px}
.ai-section{box-sizing:border-box;padding:100px var(--ai-gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:100px}
.ai-section-2{align-items:center}
.ai-section-2 .ai-art,.ai-section-4 .ai-art{grid-column:1;grid-row:1}
.ai-section-2 .ai-copy,.ai-section-4 .ai-copy{grid-column:2;grid-row:1}
.ai-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.ai-trick{box-sizing:border-box;display:inline-flex;align-items:center;border:1.5px solid #e7e7e7;border-radius:99px;min-height:48px;padding:12px 16px;font-size:16px;font-weight:500;line-height:1.1;letter-spacing:-.01em}
.ai-prose{display:flex;flex-direction:column;gap:24px;width:100%}
.ai-spec-link{display:inline;background:#0080ff26;color:#004d99!important;border-radius:6px;padding:2px 4px;text-decoration:none;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-color .2s}
.ai-spec-link:hover{background:#0080ff40}.ai-spec-link:active{background:#0080ff55}
.ai-art{width:100%;min-width:0;position:relative}
.ai-art img{display:block;width:100%;height:100%;object-fit:cover}
.ai-art>div{box-sizing:border-box;position:relative;width:100%!important;height:100%!important}
.ai-art-1{aspect-ratio:534/480}
.ai-art-1 .framer-9id46k{background:#dedede;border-radius:20px;padding:8px}
.ai-art-1 .framer-f35sbp{width:100%;height:100%;position:relative;border-radius:14px}
.ai-art-1 .framer-1004v0a{position:absolute;left:5.2%;top:46.1%;width:13.7%;height:2.2%}
.ai-art-1 .framer-tvg5mm{position:absolute;left:7.5%;top:51.2%;width:14.8%;height:2.7%}
.ai-art-2{aspect-ratio:572/682}
.ai-art-2 .framer-qvtvfp{position:absolute;width:58.92%;height:30.2%;left:28.4%;top:66.13%}
.ai-art-2 .framer-1yn8kgm{position:absolute;width:57.34%;height:27.27%;left:34.27%;top:37.1%}
.ai-art-2 .framer-1mycdnq{position:absolute;width:61.01%;height:70.97%;left:6.03%;top:7.77%}
.ai-art-3{aspect-ratio:572/525}
.ai-art-3>div>div:first-child img{object-fit:contain}
.ai-art-3 .framer-yml17p{position:absolute;width:26.92%;height:17.14%;left:6.82%;top:81.33%}
.ai-art-3 .framer-j32w6l{position:absolute;width:16.08%;height:16.76%;left:72.9%;top:19.05%}
.ai-art-4{aspect-ratio:1318/1408}
.ai-outro{padding:100px var(--ai-gutter) 120px;display:flex;flex-direction:column;align-items:center;gap:32px}
.ai-home{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #d4d4d4;border-radius:99px;background:#fff;text-decoration:none;transition:background-color .4s var(--spring)}
.ai-home:hover{background:#f2f2f2}.ai-home:active{background:#e3e3e3}
.ai-close{position:fixed;right:20px;top:20px;z-index:5;display:grid;place-items:center;width:48px;height:48px;background:#dededee6;backdrop-filter:blur(8px);border-radius:50%;color:#000;text-decoration:none;transition:background-color .4s var(--spring)}
.ai-close:hover{background:#cfcfcf}.ai-close:active{background:#c1c1c1}
.ai-gradient{position:absolute;inset:0 0 auto;height:800px;pointer-events:none;overflow:hidden;background:linear-gradient(150deg,#b5e4ff 0%,#f6fbff 36%,#fff 70%)}
.ai-gradient canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .35s ease}
.ai-gradient canvas[data-rendered="true"]{opacity:1}
.ai-gradient:after{content:'';position:absolute;inset:auto 0 0;height:458px;background:linear-gradient(180deg,#fff0 0%,#fff 53.8793%)}
@keyframes ai-entry-fade{from{opacity:.7}to{opacity:1}}
[data-ai-fade]{animation:ai-entry-fade .45s cubic-bezier(.12,.23,.5,1) both}
[data-ai-fade="first-section"]{animation-delay:.1s}
@keyframes ai-gradient-reveal{from{opacity:0}to{opacity:1}}
[data-ai-fade="gradient"]{animation:ai-gradient-reveal .9s cubic-bezier(.22,1,.36,1) both}
.ai-enhanced [data-ai-pop]{opacity:0;transform:scale(.9);transition:opacity .6s var(--ai-pop-ease),transform .6s var(--ai-pop-ease);transition-delay:var(--ai-pop-delay)}
.ai-enhanced [data-ai-pop].ai-visible{opacity:1;transform:scale(1)}
@media(max-width:1199px){.ai-main{--ai-gutter:40px}.ai-hero{padding-top:112px;min-height:520px}.ai-hero p{width:65%;min-width:0}.ai-section{gap:48px;padding-block:72px}.ai-copy{gap:20px}.ai-prose{gap:20px}.ai-copy h2{--type-size:34px;--type-leading:1.25}.ai-close{right:24px;top:16px}.ai-outro{padding-block:72px 96px}}
@media(max-width:799px){.ai-main{--ai-gutter:24px}.ai-hero{padding-top:112px;padding-bottom:48px;min-height:0;gap:24px}.ai-hero h1{--type-size:40px;--type-leading:1.2}.ai-hero p{width:100%;max-width:560px}.ai-section{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:44px}.ai-section .ai-copy{grid-column:1;grid-row:1}.ai-section .ai-art{grid-column:1;grid-row:2;max-width:572px;margin-inline:auto}.ai-copy h2{--type-size:32px;--type-leading:1.25}.ai-copy h2 br{display:none}.ai-copy h2 br:after{content:' '}.ai-gradient{height:640px}.ai-gradient:after{height:350px}.ai-outro{padding-block:60px 80px}}
@media(max-width:479px){.ai-main{--ai-gutter:20px}.ai-hero h1{--type-size:clamp(34px,9vw,40px)}.ai-hero p,.ai-prose [data-text-style="body-2"]{--type-size:18px;--type-leading:1.6;--type-tracking:.005em}.ai-copy h2{--type-size:30px}.ai-close{right:16px;width:44px;height:44px}.ai-trick{min-height:44px}.ai-section{gap:28px}}
@media(prefers-reduced-motion:reduce){[data-ai-fade]{animation:none!important}.ai-gradient canvas{transition:none!important}.ai-enhanced [data-ai-pop]{opacity:1;transform:none;transition:none!important}}
/* Match the first-line baseline and left edge of the homepage hero. */
.ai-hero{justify-content:flex-start;padding-top:133px}
@media(min-width:1200px) and (max-width:1439px){.ai-main{--ai-gutter:48px}}
@media(min-width:800px) and (max-width:1199px){.ai-hero{padding-top:157px}}
@media(min-width:700px) and (max-width:799px){.ai-main{--ai-gutter:40px}.ai-hero{padding-top:175px}}
@media(max-width:699px){.ai-main{--ai-gutter:20px}.ai-hero{padding-top:calc(152px + clamp(30px,8.2vw,38px)*.95 - 38px)}}
@media(max-width:479px){.ai-hero{padding-top:calc(152px + clamp(30px,8.2vw,38px)*.95 - clamp(34px,9vw,40px)*.95)}}