.ai-page{--ai-dark:#14291f}.ai-hero{min-height:300px;border-radius:24px;background:linear-gradient(120deg,#14291f 0%,#1f4936 58%,#dceee3 58%,#eef6f1 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);align-items:center;overflow:hidden;padding:42px 48px;margin-bottom:16px}.ai-hero-copy{max-width:760px}.ai-hero .eyebrow{color:#9bd1b4}.ai-hero h1{font-size:38px}.ai-hero p{color:#d3e3da;font-size:14px;max-width:700px}.ai-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 12px}.ai-actions .button{display:inline-flex;align-items:center;text-decoration:none;padding:13px 18px}.ai-actions .primary{background:#f3cf79;color:#243c31;box-shadow:none}.ai-actions .ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}.ai-hero small{color:#9fb8ab;font-size:10px}.ai-file{justify-self:center;position:relative;width:145px;height:184px;border-radius:18px 18px 34px 18px;background:#fff;color:#1c533b;box-shadow:0 24px 50px rgba(13,43,29,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(4deg)}.ai-file:before{content:"";position:absolute;right:0;top:0;border-left:35px solid transparent;border-bottom:35px solid #c5dfd0}.ai-file span{font-size:13px;font-weight:800;letter-spacing:.15em}.ai-file b{font-size:42px;line-height:1;margin:13px 0;color:#d0a74c}.ai-file i{display:block;width:72px;height:5px;border-radius:5px;background:#dce9e1;box-shadow:0 13px #dce9e1,0 26px #dce9e1}.ai-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.ai-flow article{display:flex;gap:16px}.ai-flow article>span{font-size:25px;color:#bfd0c7;font-weight:800}.ai-flow h2{font-size:15px}.ai-flow p{font-size:10px;margin:0}.ai-howto{margin-bottom:16px;background:linear-gradient(145deg,#fff,#f5f9f6)}.ai-howto-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.ai-howto-head p{max-width:720px;font-size:11px;margin:0}.ai-howto-head .button{flex:0 0 auto}.ai-howto blockquote{margin:18px 0;padding:18px 20px;border:1px solid #c8ddd1;border-left:5px solid var(--green);border-radius:12px;background:#fff;color:#294338;font-size:12px;line-height:1.7}.ai-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ai-check-grid section{border-top:1px solid var(--line);padding-top:13px}.ai-check-grid h3{font-size:11px}.ai-check-grid ul{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:10px;line-height:1.65}.ai-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.ai-contents ul{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-contents li{border-top:1px solid var(--line);padding-top:12px}.ai-contents li b,.ai-contents li span{display:block}.ai-contents li b{font-size:11px}.ai-contents li span{font-size:9px;color:var(--muted);line-height:1.5;margin-top:4px}.ai-quality{background:#fbfaf5}.ai-quality>p{font-size:11px}.ai-principles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.ai-principles span{background:#edf4ef;border-radius:8px;padding:10px;font-size:9px;font-weight:800;color:#35644e}.ai-scenarios{margin-top:14px;display:grid;grid-template-columns:.55fr 1.45fr;gap:30px}.ai-scenarios ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;counter-reset:scenario}.ai-scenarios li{counter-increment:scenario;border:1px solid var(--line);border-radius:9px;padding:10px;font-size:10px;font-weight:700}.ai-scenarios li:before{content:counter(scenario,decimal-leading-zero);color:#88a597;margin-right:9px}.ai-privacy{display:flex;gap:14px;align-items:flex-start;margin-top:14px;background:#eef6f1}.ai-privacy>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#d5eadc;color:#1f704e;font-weight:800}.ai-privacy p{font-size:10px;margin:0}@media(max-width:1050px){.ai-hero{grid-template-columns:1fr;background:linear-gradient(120deg,#14291f,#1f4936)}.ai-flow{grid-template-columns:repeat(2,1fr)}.ai-file{display:none}.ai-layout{grid-template-columns:1fr}.ai-scenarios{grid-template-columns:1fr}}@media(max-width:760px){.ai-hero{padding:28px 24px}.ai-howto-head{display:block}.ai-howto-head .button{width:100%;margin-top:14px}.ai-check-grid{grid-template-columns:1fr}.ai-hero h1{font-size:29px}.ai-flow,.ai-contents ul,.ai-scenarios ol{grid-template-columns:1fr}.ai-actions{flex-direction:column}.ai-actions .button{justify-content:center}}