/* AI / SNS service only. Shared header, footer and hero definitions are inherited. */
.aw-page{--aw-navy:#062333;--aw-blue:#087eff;--aw-muted:#536b83;background:#fff;color:#102237;line-height:1.7}
.aw-page .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.aw-page .aw-section{padding:48px 0}
.aw-page .aw-heading{text-align:center;margin:0 0 26px}
.aw-page .aw-heading h2{margin:0;font:700 clamp(1.5rem,2.5vw,2rem)/1.4 "Noto Serif JP","Yu Mincho",serif;color:inherit}
.aw-page .aw-heading p{margin:8px 0 0;font-size:.9rem;line-height:1.8;color:var(--aw-muted)}
.aw-page .aw-left .aw-heading,.aw-page .aw-strength .aw-heading{text-align:left}
.aw-page article,.aw-page li{min-width:0}
.aw-page article h3{font-size:.98rem;line-height:1.55;margin:10px 0 0;color:inherit}
.aw-page article p{font-size:.86rem;line-height:1.7;margin:8px 0 0;color:var(--aw-muted)}
.aw-page .aw-icon{display:block;width:44px;height:44px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--aw-blue);flex-shrink:0;overflow:visible}
.aw-page .aw-badges{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:20px 0 0}
.aw-page .aw-badges li{border:1px solid #b7c9d9;border-radius:30px;color:#fff;padding:4px 18px;font-size:.8rem;line-height:1.5}
.aw-page .aw-problems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;text-align:center}
.aw-page .aw-problems img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:3px;filter:none}
.aw-page .aw-problems h3{max-width:12em;margin:12px auto 0}
.aw-page .aw-dark{background:var(--aw-navy);color:#fff}
.aw-page .aw-dark .aw-heading p{color:#d0dfeb}
.aw-page .aw-pale{background:#e7f5ff}
.aw-page .aw-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.aw-page .aw-offers article{background:#fff;color:#102237;border:1px solid #d4e2ef;border-radius:4px;padding:24px;text-align:center}
.aw-page .aw-offers p{max-width:23em;margin:8px auto 0}
.aw-page .aw-strength{position:relative;isolation:isolate;min-height:390px;overflow:hidden;background:#fff}
.aw-page .aw-strength-copy{position:relative;z-index:2;width:57%;padding:42px 0}
.aw-page .aw-strength .aw-heading p{max-width:34em}
.aw-page .aw-strength-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin-top:30px}
.aw-page .aw-strength-grid article{display:flex;align-items:center;gap:16px}
.aw-page .aw-strength-grid .aw-icon{margin:0}
.aw-page .aw-strength-grid h3{font-size:.94rem;margin:0;max-width:11em}
.aw-page .aw-strength figure{position:absolute;inset:0 0 0 auto;width:49%;margin:0;z-index:0}
.aw-page .aw-strength figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center}
.aw-page .aw-strength figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,.9) 8%,transparent 40%)}
.aw-page .aw-ai-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}
.aw-page .aw-ai-flow li{position:relative;background:white;border:1px solid #d9e8f5;border-radius:3px;padding:16px}
.aw-page .aw-ai-flow li+li:before{content:"›";position:absolute;left:-14px;top:40%;color:#68ace7;font-size:1.4rem}
.aw-page .aw-ai-title,.aw-page .aw-ai-detail{display:flex;align-items:center;gap:12px}
.aw-page .aw-ai-title span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#c8e2fb;flex-shrink:0}
.aw-page .aw-ai-title h3{font-size:.93rem;margin:0;line-height:1.5}
.aw-page .aw-ai-detail{margin-top:16px;align-items:flex-start}
.aw-page .aw-ai-detail .aw-icon{width:30px;height:30px;margin:0}
.aw-page .aw-ai-detail p{font-size:.8rem;line-height:1.7;color:var(--aw-muted);margin:0}
.aw-page .aw-note{font-size:.78rem;line-height:1.7;color:var(--aw-muted);text-align:center;margin:18px 0 0}
.aw-page .aw-platforms{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.aw-page .aw-platforms article{border:1px solid #67818e;border-radius:3px;padding:18px 10px;text-align:center}
.aw-page .aw-platforms .aw-icon{color:white;width:34px;height:34px}
.aw-page .aw-platforms h3{font-size:.92rem;margin-top:8px}
.aw-page .aw-scope{text-align:center;color:#fff;font-size:.88rem;margin:20px 0 0}
.aw-page .aw-process{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0;text-align:center}
.aw-page .aw-process li{position:relative}
.aw-page .aw-process li:before{content:"";position:absolute;top:26px;left:-10px;right:-10px;height:1px;background:#a9d1ff}
.aw-page .aw-process li:first-child:before{left:50%}.aw-page .aw-process li:last-child:before{right:50%}
.aw-page .aw-process span{position:relative;display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:50%;background:linear-gradient(135deg,#d4e9ff,#8bc0ff);font-size:1rem}
.aw-page .aw-process .aw-icon{width:30px;height:30px;margin:12px auto 0}
.aw-page .aw-process h3{font-size:.95rem;line-height:1.5;margin:8px 0 0}
.aw-page .aw-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.aw-page .aw-plans article{display:flex;flex-direction:column;padding:24px;background:white;border:1px solid #cee2f6;border-radius:4px}
.aw-page .aw-plans h3{color:#0876f5;text-align:center;font-size:1.05rem;margin:0}
.aw-page .aw-plans ul{padding:0;list-style:none;margin:20px 0;font-size:.88rem;color:var(--aw-muted)}
.aw-page .aw-plans li{position:relative;padding-left:24px;margin:6px 0}
.aw-page .aw-plans li:before{content:"✓";position:absolute;left:0;color:#0089ff;font-weight:700}
.aw-page .aw-plans a{display:block;margin-top:auto;padding:10px 8px;text-align:center;border-radius:4px;background:linear-gradient(100deg,#008cff,#0064ed);color:white;font-weight:700;font-size:.94rem;text-decoration:none}
.aw-page .aw-plans a:hover{background:#005dd4}
.aw-page a:focus-visible,.aw-page summary:focus-visible{outline:3px solid #168eff;outline-offset:4px}
.aw-page .aw-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.aw-page .aw-metrics article{border:1px solid #dce8f3;padding:24px 15px;text-align:center;border-radius:3px}
.aw-page .aw-metrics h3{font-size:.93rem}
.aw-page .aw-improve{padding-bottom:20px}
.aw-page .aw-faq{padding-top:20px}
.aw-page .aw-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;align-items:start}
.aw-page .aw-faq details{border:1px solid #dce8f3;border-radius:3px}
.aw-page .aw-faq summary{position:relative;padding:12px 34px;list-style:none;cursor:pointer;font-size:.86rem;line-height:1.6}
.aw-page .aw-faq summary::-webkit-details-marker{display:none}
.aw-page .aw-faq summary:before{content:"Q";position:absolute;left:12px;color:#087eff}
.aw-page .aw-faq summary:after{content:"+";position:absolute;right:12px;color:#087eff;font-size:1.1rem}
.aw-page .aw-faq details[open] summary:after{content:"−"}
.aw-page .aw-faq details>p{margin:0;padding:0 16px 16px;font-size:.86rem;line-height:1.8;color:var(--aw-muted)}
@media(max-width:960px){
.aw-page .aw-offers article{padding:20px 14px}.aw-page .aw-ai-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.aw-page .aw-ai-flow li:nth-child(3):before{display:none}
.aw-page .aw-strength-copy{width:65%}.aw-page .aw-strength-grid{gap:20px 16px}.aw-page .aw-strength-grid article{gap:10px}.aw-page .aw-strength-grid .aw-icon{width:34px;height:34px}
.aw-page .aw-plans article{padding:20px 16px}.aw-page .aw-process{gap:12px}
}
@media(max-width:650px){
.aw-page .container{width:calc(100% - 32px)}.aw-page .aw-section{padding:40px 0}.aw-page .aw-heading{margin-bottom:22px}.aw-page .aw-heading h2{font-size:1.5rem}.aw-page .aw-heading p{font-size:.85rem}
.aw-page .aw-badges{gap:8px}.aw-page .aw-badges li{font-size:.72rem;padding:4px 12px}
.aw-page .aw-problems{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.aw-page .aw-problems h3{font-size:.87rem}
.aw-page .aw-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.aw-page .aw-offers article{padding:20px 12px}.aw-page .aw-offers h3{font-size:.91rem}.aw-page .aw-offers p{font-size:.8rem}
.aw-page .aw-strength{min-height:0;display:flex;flex-direction:column}.aw-page .aw-strength-copy{width:100%;padding:36px 0 24px}.aw-page .aw-strength-grid{gap:22px 12px}.aw-page .aw-strength-grid h3{font-size:.86rem}.aw-page .aw-strength figure{position:relative;inset:auto;width:100%;height:240px}.aw-page .aw-strength figure img{object-position:center 40%}.aw-page .aw-strength figure:after{background:linear-gradient(180deg,#fff,transparent 25%)}
.aw-page .aw-ai-flow{grid-template-columns:1fr;gap:12px}.aw-page .aw-ai-flow li+li:before{display:none}.aw-page .aw-ai-title h3{font-size:.95rem}.aw-page .aw-ai-detail{margin-top:12px}.aw-page .aw-ai-detail p{font-size:.85rem}
.aw-page .aw-platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.aw-page .aw-platforms h3{font-size:.85rem}.aw-page .aw-scope{font-size:.82rem}
.aw-page .aw-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.aw-page .aw-process li:before{display:none}.aw-page .aw-process h3{font-size:.88rem}
.aw-page .aw-plans{grid-template-columns:1fr;gap:16px}.aw-page .aw-plans article{padding:24px}.aw-page .aw-plans ul{font-size:.9rem}
.aw-page .aw-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.aw-page .aw-metrics article{padding:20px 12px}.aw-page .aw-metrics h3{font-size:.88rem}.aw-page .aw-metrics p{font-size:.8rem}
.aw-page .aw-improve{padding-bottom:18px}.aw-page .aw-faq{padding-top:18px}.aw-page .aw-faq-grid{grid-template-columns:1fr;gap:10px}
}

/* Writing-system interface. All rules scoped to this page. */
.aw-page .aw-left .aw-heading{text-align:center}
.aw-page .aw-functions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.aw-page .aw-functions article{padding:22px 12px;border:1px solid #668195;border-radius:3px;text-align:center}
.aw-page .aw-functions .aw-icon{color:white;width:34px;height:34px}
.aw-page .aw-functions h3{font-size:.9rem}
.aw-page .aw-dark .aw-note{color:#d0dfeb}
.aw-page .aw-process .aw-icon{display:none}
.aw-page .aw-strength-grid article{background:#ffffffd9;border:1px solid #e1ebf4;border-radius:4px;padding:16px}
.aw-page .aw-demo-layout{display:grid;grid-template-columns:.6fr 1.4fr;gap:40px;align-items:center}
.aw-page .aw-demo-steps{list-style:none;margin:0;padding:0;display:grid;gap:24px}
.aw-page .aw-demo-steps li{display:flex;align-items:center;gap:16px;position:relative;font-weight:700;font-size:.95rem}
.aw-page .aw-demo-steps span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#a9d7ff;flex-shrink:0}
.aw-page .aw-demo{margin:0;min-width:0;background:#fff;border:7px solid #f6fbff;border-radius:14px;box-shadow:0 8px 20px #0778ca20}
.aw-page .aw-demo-bar{display:flex;align-items:center;gap:5px;padding:10px 12px;background:linear-gradient(100deg,#0875ee,#398ef1);color:white;border-radius:7px 7px 0 0}
.aw-page .aw-demo-bar i{width:7px;height:7px;background:#a4d9ff;border-radius:50%}
.aw-page .aw-demo-bar strong{font-size:.85rem;margin-left:8px}
.aw-page .aw-demo-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px;background:#f1f8ff}
.aw-page .aw-demo-input{font-size:.8rem;min-width:0}
.aw-page .aw-demo-input dl{margin:0 0 14px;display:grid;gap:10px}
.aw-page .aw-demo-input dl>div{display:grid;grid-template-columns:4em 1fr;gap:8px;align-items:center}
.aw-page .aw-demo-input dt{font-weight:700}.aw-page .aw-demo-input dd{margin:0;background:#fff;border:1px solid #cfdeec;padding:7px;border-radius:3px;display:flex;justify-content:space-between;gap:6px}
.aw-page .aw-demo-field{padding:12px;background:white;border:1px solid #cfdeec;min-height:90px;border-radius:3px;margin:8px 0 14px}
.aw-page .aw-demo-generate{display:block;padding:10px;text-align:center;background:#087cff;color:white;border-radius:4px;font-weight:700}
.aw-page .aw-demo-result{background:white;border:1px solid #d8e6f2;border-radius:4px;padding:12px;display:flex;flex-direction:column;min-width:0}
.aw-page .aw-demo-result h3{font-size:.9rem;color:#153b67;margin:0 0 10px}
.aw-page .aw-demo-result p{font-size:.8rem;line-height:1.9;margin:0 0 16px}
.aw-page .aw-demo-actions{display:flex;gap:6px;margin-top:auto}
.aw-page .aw-demo-actions span{flex:1;text-align:center;font-size:.7rem;border:1px solid #c7dff9;color:#0677f5;padding:6px 2px;border-radius:3px}
.aw-page .aw-demo figcaption{font-size:.7rem;line-height:1.7;color:#50667b;padding:10px 8px;text-align:right}
@media(max-width:960px){.aw-page .aw-demo-layout{grid-template-columns:1fr}.aw-page .aw-demo-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.aw-page .aw-demo{max-width:720px;width:100%;margin:auto}}
@media(max-width:650px){.aw-page .aw-functions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.aw-page .aw-demo-columns{grid-template-columns:1fr;padding:12px;gap:14px}.aw-page .aw-demo-layout{gap:24px}.aw-page .aw-demo-steps li{font-size:.8rem;gap:8px}.aw-page .aw-demo-steps span{width:34px;height:34px}.aw-page .aw-demo-bar{padding:10px 7px}.aw-page .aw-demo-bar strong{font-size:.75rem}.aw-page .aw-strength-grid article{padding:12px;gap:8px}.aw-page .aw-strength-grid .aw-icon{width:28px;height:28px}.aw-page .aw-demo-result p{font-size:.86rem}}