.ai-page{background:linear-gradient(180deg,#f3f7ee 0,#f8f9f6 420px,#f6f7f4 100%)}
.ai-page .site-header{background:rgba(248,249,246,.92);backdrop-filter:blur(14px)}
.ai-page .mark{width:38px;border-radius:9px;font-size:15px;letter-spacing:-.03em}
.ai-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:48px;align-items:center;padding:76px 0 58px;border-bottom:1px solid var(--line)}
.ai-hero h1{max-width:760px;margin:14px 0 18px;font-size:clamp(42px,6vw,76px);line-height:1.03;letter-spacing:-.055em;color:var(--text)}
.ai-hero>div>p{max-width:680px;color:var(--muted);font-size:19px;line-height:1.8}
.ai-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.ai-hero-actions .button{text-decoration:none}
.ai-hero aside{padding:28px;border:1px solid #d8e3cf;border-radius:14px;background:#fff;box-shadow:0 24px 70px #29431a10}.ai-hero aside>strong{font-size:20px}.ai-hero ol{display:grid;gap:16px;margin:22px 0 0;padding:0;list-style:none}.ai-hero li{display:flex;align-items:center;gap:12px;color:var(--muted)}.ai-hero li b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e7f3d9;color:var(--green)}
.ai-first-section{margin-top:46px}.ai-order-panel{scroll-margin-top:100px;margin:46px 0 8px;padding:30px;border:1px solid #cbd9bf;border-radius:14px;background:#fff;box-shadow:0 22px 60px #29431a0d}.ai-order-panel .section-title{margin-bottom:22px}.ai-order-panel .order-amount{margin:20px 0}.ai-order-panel .copy-box{max-width:760px}.ai-order-panel .order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ai-page footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.ai-page footer span:last-child{color:var(--muted)}
@media(max-width:900px){.ai-hero{grid-template-columns:1fr;gap:30px;padding:52px 0 40px}.ai-hero aside{max-width:560px}.ai-page .header-inner nav{display:none}}
@media(max-width:600px){.ai-hero h1{font-size:44px}.ai-hero>div>p{font-size:17px}.ai-hero-actions{display:grid}.ai-hero-actions .button{width:100%}.ai-order-panel{padding:20px}.ai-page .customer-header-actions{gap:8px}.ai-page .customer-header-actions .text-button{font-size:13px}.ai-page .brand{font-size:15px}}
