.solutions-hero{background:linear-gradient(120deg,#f8f8f4,#edf3ef);padding:64px 0 52px}.solutions-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.solutions-hero small{font-size:11px;letter-spacing:.22em;font-weight:800;color:#6b8780}.solutions-hero h1{font:500 clamp(44px,6vw,72px)/1.05 var(--serif);letter-spacing:-.04em;margin:14px 0}.solutions-hero p{font-size:18px;color:var(--muted);max-width:600px;margin:0 0 22px}.ai-solutions-page .badge{display:inline-block;background:var(--sage);border:1px solid var(--line);border-radius:30px;padding:8px 15px;font-size:12px;color:var(--green)}.solutions-hero .art{position:relative;width:270px;height:220px;display:grid;place-items:center;flex-shrink:0}.solutions-hero .art span{font:100px var(--serif);color:#0b5e5755}.solutions-hero .ring{position:absolute;width:230px;height:145px;border:17px solid #0b5e5733;border-radius:50%;transform:rotate(-35deg);box-shadow:inset 0 0 12px #fff,0 20px 30px #30463215}.solutions-hero .ring.second{transform:rotate(40deg);border-color:#8ca99b66}
.solutions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-block:52px}.solutions-grid .card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.solutions-grid h2{font:500 29px/1.15 var(--serif);letter-spacing:-.025em;margin:16px 0 10px}.solutions-grid .number{color:var(--green);font-size:13px;font-weight:750;background:var(--sage);border-radius:10px;width:40px;height:40px;display:grid;place-items:center}.solutions-grid .card>p{font-size:14px;color:var(--muted);min-height:44px;margin:0}.solutions-grid .sample{background:#f4f7f5;border-radius:10px;padding:12px;margin:18px 0 22px;flex:1}.ai-solutions-page .bubble{font-size:13px;background:#fff;border-radius:10px;padding:12px;margin:6px 0;box-shadow:0 2px 6px #233a2510}.ai-solutions-page .bubble.user{background:var(--sage);color:var(--ink2)}.solutions-grid .btn{justify-content:space-between;width:100%}
.solutions-cta{padding:48px 0;background:linear-gradient(120deg,#123d37,#08695f);color:#fff}.solutions-cta h2{font:500 clamp(32px,4vw,46px)/1.1 var(--serif);letter-spacing:-.03em;margin:0 0 14px;max-width:700px}.solutions-cta p{color:#d5e5df;margin:0}.solutions-cta .btn{flex-shrink:0}.ai-solutions-page main>.notice{max-width:850px;margin:0 auto;padding:24px 22px 36px;text-align:center}
.ai-solutions-page dialog{width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:16px;padding:26px;color:var(--ink);box-shadow:var(--shadow)}.ai-solutions-page dialog::backdrop{background:#14272399}.ai-solutions-page .modalhead{display:flex;justify-content:space-between;align-items:center;gap:20px;font:500 28px var(--serif)}.ai-solutions-page .modalhead button{font-size:32px;border:0;background:none;cursor:pointer;color:var(--ink)}.ai-solutions-page dialog label{display:block;margin:15px 0;font-size:14px;font-weight:650}.ai-solutions-page dialog input,.ai-solutions-page dialog select,.ai-solutions-page dialog textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;margin-top:6px;background:#fbfcfb}.ai-solutions-page #demo-body button{margin-top:15px;background:var(--ai-primary-background);color:#fff}.ai-solutions-page #result{padding:12px;background:var(--sage);border-radius:8px;font-size:14px}.ai-solutions-page #result:empty{display:none}.ai-solutions-page .preview{width:100%;max-height:240px;object-fit:cover;border-radius:10px}.ai-solutions-page button:focus-visible,.ai-solutions-page a:focus-visible{outline:3px solid #79a39b;outline-offset:4px}
@media(max-width:1000px){.solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solutions-hero .art{width:230px}.solutions-cta .ai-page-final-inner{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.solutions-hero{padding:38px 0}.solutions-hero .art{display:none}.solutions-hero p{font-size:17px}.solutions-grid{grid-template-columns:1fr;padding-block:32px}.solutions-grid .card>p{min-height:0}.solutions-cta{padding:36px 0}.ai-solutions-page dialog{padding:20px}}@media(prefers-reduced-motion:reduce){.ai-solutions-page *{scroll-behavior:auto;transition:none}}