.ai-bg-page{--scene-accent:#5c55e8;--scene-coral:#ec6a86;--scene-teal:#1aa994;--scene-soft:#f7f8fc}
.ai-bg-hero{background:radial-gradient(circle at 10% 8%,rgba(92,85,232,.16),transparent 30%),radial-gradient(circle at 90% 18%,rgba(26,169,148,.17),transparent 30%),linear-gradient(180deg,#fff,#f7f9fd)}
.ai-bg-hero .container-xxl{grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr)}
.ai-bg-route-note{margin-top:1.1rem!important;padding:.75rem .9rem;border-left:3px solid var(--scene-accent);border-radius:0 12px 12px 0;background:#f0efff;font-size:.76rem!important}.ai-bg-route-note a{color:#433dcc;font-weight:760;text-decoration:underline}
.ai-bg-hero-visual{display:grid;grid-template-columns:1fr auto 1fr;gap:.65rem;align-items:center}.ai-bg-hero-visual>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;background:var(--scene-accent);font-weight:850;box-shadow:0 12px 26px rgba(36,33,83,.2)}
.ai-bg-hero-visual figure{position:relative;overflow:hidden;margin:0;border:1px solid #dedee9;border-radius:25px;background:#fff;box-shadow:0 24px 60px rgba(34,32,75,.14)}.ai-bg-hero-visual img{display:block;width:100%;aspect-ratio:.826/1;object-fit:cover}.ai-bg-hero-visual figcaption{position:absolute;left:12px;bottom:12px;padding:.38rem .58rem;border-radius:9px;color:#fff;background:rgba(24,24,37,.67);font-size:.63rem;font-weight:760;backdrop-filter:blur(8px)}
.ai-bg-upload{background:#fff}.ai-bg-use-list{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem;margin:1rem 0 1.3rem;padding:0;list-style:none;color:#626476;font-size:.78rem}.ai-bg-use-list li:before{content:"✓";margin-right:.45rem;color:var(--scene-teal);font-weight:850}.ai-bg-upload-card{width:100%;max-width:760px;margin-left:auto}.ai-bg-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:.65rem 0 0}.ai-bg-samples span{position:relative;overflow:hidden;height:92px;border-radius:13px}.ai-bg-samples img{width:100%;height:100%;object-fit:cover}.ai-bg-samples b{position:absolute;left:7px;bottom:7px;padding:.22rem .38rem;border-radius:7px;color:#fff;background:rgba(20,20,35,.65);font-size:.58rem;backdrop-filter:blur(7px)}.ai-bg-privacy{margin:.6rem 0 0;color:#7e8091;font-size:.66rem;text-align:center}.ai-bg-privacy a{color:#433dcc;font-weight:750;text-decoration:underline}
.ai-bg-explained{background:var(--scene-soft)}.ai-bg-explained-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem);align-items:center}.ai-bg-explained-layout p{color:var(--muted);font-size:.84rem}.ai-bg-explained-layout>div:first-child>a{color:#433dcc;font-size:.78rem;font-weight:760}.ai-bg-difference{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ai-bg-difference article{min-height:260px;padding:1.4rem;border:1px solid var(--line);border-radius:23px;background:#fff;box-shadow:0 16px 40px rgba(34,32,75,.05)}.ai-bg-difference span,.ai-bg-step-grid span,.ai-bg-natural-grid span,.ai-bg-next-grid span{color:var(--scene-accent);font-size:.66rem;font-weight:850}.ai-bg-difference h3{margin:2rem 0 .45rem}.ai-bg-difference a{color:#433dcc;font-weight:750}.ai-bg-difference p{margin:0;font-size:.78rem}
.ai-bg-steps{background:#fff}.ai-bg-step-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin:0;padding:0;list-style:none}.ai-bg-step-grid li{min-height:270px;padding:1.3rem;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 13px 34px rgba(31,30,65,.04)}.ai-bg-step-grid h3{margin:2rem 0 .45rem}.ai-bg-step-grid p{margin:0;color:var(--muted);font-size:.75rem}
.ai-bg-styles{background:var(--scene-soft)}.ai-bg-style-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1rem;align-items:stretch}.ai-bg-style-tabs{display:grid;gap:.55rem}.ai-bg-style-tabs button{padding:1rem 1.1rem;border:1px solid #dedee8;border-radius:14px;color:#4f5062;background:#fff;font-size:.75rem;font-weight:760;text-align:left;transition:.2s}.ai-bg-style-tabs button:hover,.ai-bg-style-tabs button[aria-selected="true"]{color:#fff;border-color:var(--scene-accent);background:var(--scene-accent);transform:translateX(4px)}.ai-bg-style-preview{overflow:hidden;padding:1rem;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:var(--shadow)}.ai-bg-preview-grid{display:block}.ai-bg-preview-grid figure{position:relative;overflow:hidden;margin:0;border-radius:17px}.ai-bg-preview-grid img{display:block;width:100%;height:470px;object-fit:cover}.ai-bg-preview-grid figcaption{position:absolute;left:10px;bottom:10px;padding:.3rem .48rem;border-radius:7px;color:#fff;background:rgba(22,22,35,.65);font-size:.6rem;font-weight:760;backdrop-filter:blur(7px)}.ai-bg-style-preview>p{margin:1rem 0 0;color:var(--muted);font-size:.78rem}.ai-bg-output-pairs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.ai-bg-output-pairs article{padding:1rem;border:1px solid var(--line);border-radius:22px;background:#fff}.ai-bg-output-pairs article>div{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.ai-bg-output-pairs img{width:100%;height:300px;border-radius:14px;object-fit:cover}.ai-bg-output-pairs h3{margin:1rem 0 .3rem}.ai-bg-output-pairs p{margin:0;color:var(--muted);font-size:.76rem}
.ai-bg-products{background:#fff}.ai-bg-product-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem);align-items:center}.ai-bg-product-layout figure{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow)}.ai-bg-product-layout figure img{display:block;width:100%;min-height:530px;object-fit:cover}.ai-bg-product-layout figcaption{padding:.85rem 1rem;color:#6d6f81;font-size:.68rem}.ai-bg-product-list{display:grid;grid-template-columns:1fr 1fr;gap:0 1.2rem}.ai-bg-product-list article{padding:.85rem 0;border-bottom:1px solid #dedfe7}.ai-bg-product-list h3{margin:0 0 .25rem}.ai-bg-product-list p{margin:0;color:var(--muted);font-size:.75rem}.ai-bg-warning{padding:.8rem .95rem;border-left:3px solid #df8b37;border-radius:0 12px 12px 0;color:#6d5a44;background:#fff7e9;font-size:.72rem}.ai-bg-product-layout>div>a{color:#433dcc;font-size:.74rem;font-weight:760;text-decoration:underline}
.ai-bg-subjects{background:var(--scene-soft)}.ai-bg-subject-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ai-bg-subject-grid article{overflow:hidden;padding:1rem;border:1px solid var(--line);border-radius:25px;background:#fff}.ai-bg-subject-grid img{width:100%;height:430px;border-radius:17px;object-fit:cover}.ai-bg-subject-grid h3{margin:1.1rem 0 .4rem}.ai-bg-subject-grid p{margin:0;color:var(--muted);font-size:.8rem}.ai-bg-subject-grid small{display:block;margin-top:.75rem;color:#838596;font-size:.66rem;line-height:1.55}.room-concepts{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;min-height:430px;padding:1rem;border-radius:17px;background:linear-gradient(145deg,#f1ece4,#d9e8e7)}.room-concepts span{display:flex;align-items:flex-end;padding:1rem;border-radius:15px;color:#fff;background:linear-gradient(160deg,rgba(27,31,47,.05),rgba(27,31,47,.66)),linear-gradient(145deg,#c6a783,#789c9a);font-size:.72rem;font-weight:780}
.ai-bg-concepts{background:#fff}.ai-bg-concept-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,6vw,6rem);align-items:center}.ai-bg-concept-layout p{color:var(--muted);font-size:.82rem}.concept-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.concept-parts article{padding:1rem;border:1px solid var(--line);border-radius:17px;background:#fafafe}.concept-parts span,.prompt-examples span{color:var(--scene-accent);font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.concept-parts p{margin:.5rem 0 0;font-size:.7rem}.prompt-examples{padding:clamp(1.3rem,4vw,2.4rem);border-radius:26px;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(26,169,148,.27),transparent 30%),linear-gradient(145deg,#28284b,#5655a2)}.prompt-examples article{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.14)}.prompt-examples span{color:#9ce4d9}.prompt-examples p{margin:.45rem 0 0;color:#e5e5f1}.prompt-examples small{display:block;margin-top:1rem;color:#cfd0df;font-size:.65rem}
.ai-bg-natural{color:#fff;background:radial-gradient(circle at 12% 14%,rgba(26,169,148,.27),transparent 30%),linear-gradient(145deg,#20233e,#454c8f)}.ai-bg-natural .eyebrow{color:#cccaff}.ai-bg-natural .section-heading p{color:#dfe1ee}.ai-bg-natural-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.ai-bg-natural-grid article{padding:1.25rem;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.055)}.ai-bg-natural-grid span{color:#96e0d4}.ai-bg-natural-grid h3{margin:1.8rem 0 .4rem;color:#fff}.ai-bg-natural-grid p{margin:0;color:#dfe1ec;font-size:.74rem}
.ai-bg-compare{background:#fff}.ai-bg-table{overflow:hidden;border:1px solid var(--line);border-radius:21px;box-shadow:0 16px 40px rgba(31,30,65,.05)}.ai-bg-table .table{margin:0}.ai-bg-table th,.ai-bg-table td{padding:1.05rem 1.2rem;border-color:#e5e5ed;font-size:.8rem}.ai-bg-table thead th{color:#fff;background:#292b40}.ai-bg-table a{color:#433dcc;font-weight:760}.ai-bg-table-note{margin:1rem 0 0;color:#6c6e80;font-size:.74rem}.ai-bg-table-note a{color:#433dcc;font-weight:760;text-decoration:underline}
.ai-bg-next{background:var(--scene-soft)}.ai-bg-next-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.ai-bg-next-grid>a{display:flex;min-height:225px;padding:1.25rem;border:1px solid var(--line);border-radius:21px;color:var(--ink);background:#fff;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}.ai-bg-next-grid>a:hover{transform:translateY(-4px);border-color:#cbc8f5;box-shadow:0 18px 42px rgba(36,34,76,.09)}.ai-bg-next-grid h3{margin:1.7rem 0 .4rem}.ai-bg-next-grid p{margin:0 0 1rem;color:var(--muted);font-size:.74rem}.ai-bg-next-grid b{margin-top:auto;color:#433dcc;font-size:.68rem}
.ai-bg-responsible{background:#fff}.ai-bg-responsible-card{display:grid;grid-template-columns:1fr 300px;gap:clamp(1.5rem,5vw,4rem);align-items:center;overflow:hidden;padding:clamp(1.5rem,4vw,3rem);border-radius:28px;color:#fff;background:radial-gradient(circle at 87% 12%,rgba(236,106,134,.27),transparent 30%),linear-gradient(145deg,#25264c,#5658aa)}.ai-bg-responsible-card .eyebrow{color:#d0ceff}.ai-bg-responsible-card p{color:#e4e4f1;font-size:.8rem}.ai-bg-responsible-card ul{display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1rem;padding:0;list-style:none;color:#ececf5;font-size:.72rem}.ai-bg-responsible-card li:before{content:"✓";margin-right:.4rem;color:#95dfd3;font-weight:850}.ai-bg-responsible-card a{color:#fff;font-weight:760;text-decoration:underline}.ai-bg-responsible-card img{width:100%;max-height:430px;border-radius:20px;object-fit:cover;box-shadow:0 22px 40px rgba(0,0,0,.2)}
.ai-bg-final-cta{background:radial-gradient(circle at 12% 15%,rgba(26,169,148,.4),transparent 29%),radial-gradient(circle at 88% 85%,rgba(236,106,134,.32),transparent 30%),#4e45c7}
@media(max-width:1199.98px){.ai-bg-step-grid{grid-template-columns:repeat(3,1fr)}.ai-bg-natural-grid{grid-template-columns:repeat(3,1fr)}.ai-bg-next-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991.98px){.ai-bg-hero .container-xxl,.ai-bg-explained-layout,.ai-bg-product-layout,.ai-bg-concept-layout{grid-template-columns:1fr}.ai-bg-hero-visual{width:100%;max-width:720px;margin:auto}.ai-bg-style-layout{grid-template-columns:1fr}.ai-bg-style-tabs{grid-template-columns:repeat(3,1fr)}.ai-bg-style-tabs button{text-align:center}.ai-bg-style-tabs button:hover,.ai-bg-style-tabs button[aria-selected="true"]{transform:translateY(-2px)}.ai-bg-output-pairs,.ai-bg-subject-grid{grid-template-columns:1fr}.ai-bg-product-layout figure{max-width:720px;margin:auto}.ai-bg-next-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){.ai-bg-hero-visual{grid-template-columns:1fr 1fr}.ai-bg-hero-visual>span{position:absolute;left:50%;z-index:2;transform:translateX(-50%)}.ai-bg-step-grid,.ai-bg-natural-grid,.ai-bg-next-grid,.ai-bg-difference{grid-template-columns:1fr}.ai-bg-step-grid li,.ai-bg-difference article{min-height:0}.ai-bg-style-tabs{grid-template-columns:1fr 1fr}.ai-bg-preview-grid img{height:330px}.ai-bg-product-list,.concept-parts{grid-template-columns:1fr}.ai-bg-responsible-card{grid-template-columns:1fr}.ai-bg-responsible-card img{max-height:340px}.ai-bg-table th,.ai-bg-table td{padding:.8rem;font-size:.72rem}}
@media(max-width:575.98px){.ai-bg-hero-visual{gap:.4rem}.ai-bg-hero-visual figure{border-radius:18px}.ai-bg-hero-visual figcaption{left:7px;bottom:7px;font-size:.55rem}.ai-bg-use-list{grid-template-columns:1fr}.ai-bg-samples span{height:75px}.ai-bg-style-tabs{grid-template-columns:1fr}.ai-bg-preview-grid img{height:260px}.ai-bg-output-pairs article>div{grid-template-columns:1fr}.ai-bg-output-pairs img{height:280px}.ai-bg-subject-grid img,.room-concepts{min-height:0;height:350px}.ai-bg-responsible-card ul{grid-template-columns:1fr}}