/* Service illustrations are native compositions, not interactive product demos. */
.service-page .service-tools{padding-block:64px 48px}
.service-page .service-tools-intro{display:block;max-width:880px;margin-bottom:32px}
.service-page .service-tools-intro .eyebrow{font-size:12px;line-height:16px;letter-spacing:.06em;color:var(--muted);margin-bottom:24px}
.service-page .service-tools h2{font-size:48px;line-height:1.08;margin-bottom:24px}
.service-page .service-tools-intro>p:last-child{font-size:18px;line-height:28px;max-width:800px;color:var(--muted)}
.service-page .service-tool-grid{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:24px 32px;padding-block:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.service-page .service-tool{display:flex;flex:0 0 auto;flex-direction:row;min-width:0;align-items:center;text-align:left;gap:12px}
.service-page .service-tool img{width:24px;height:24px;margin:0;flex-shrink:0;object-fit:contain}
.service-page .service-tool[data-tool=photoshop] img{background:#31a8ff;border-radius:4px}
.service-page .service-tool>div{display:flex;flex-direction:column;gap:2px}
.service-page .service-tool strong{font-size:14px;line-height:20px;font-weight:500}
.service-page .service-tool span{font-size:12px;line-height:16px;color:var(--muted)}
.service-page .service-solutions{padding-top:64px}
.service-page .service-solutions>h2{max-width:840px}
.service-page .solution-copy h3{font-size:30px;line-height:36px;letter-spacing:-.03em}
.service-page .solution-copy p{font-size:18px;line-height:28px;margin-top:24px}
.service-page .service-visual{height:360px;padding:0;background:#e9e9e5;color:#1c1c20;container-type:inline-size;isolation:isolate}
.service-visual .sv-scene{position:relative;width:100%;height:100%;display:grid;place-items:center;padding:32px;overflow:hidden}
.service-visual img{display:block;width:100%;height:100%;object-fit:contain}
.service-visual strong,.service-visual b{font-weight:500}
.service-visual .sv-nebula-mark{display:block;width:100%;height:auto;aspect-ratio:915/240;overflow:hidden;flex-shrink:0}
.service-visual .sv-micro{display:block;font-size:9px;line-height:14px;letter-spacing:.07em;font-weight:500}
.service-visual .sv-browser{width:100%;overflow:hidden;border:1px solid #d7d7dc;background:#fff;border-radius:8px;box-shadow:0 16px 40px #1616260d}
.sv-browser-bar{height:28px;display:flex;align-items:center;gap:4px;padding:0 12px;border-bottom:1px solid #e8e8eb}
.sv-browser-bar i{display:block;width:4px;height:4px;border-radius:50%;background:#b5b5ba}
.sv-browser-bar>span{margin-left:auto;font-size:7px;line-height:10px;letter-spacing:.08em;color:#777780}
.sv-site{padding:16px 20px;background:#f9f9f5}
.sv-site-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sv-site-nav .sv-nebula-mark{width:72px}
.sv-site-nav>span{font-size:7px;line-height:12px;color:#5b5b64}
.sv-site-hero{position:relative;padding:36px 0 16px;isolation:isolate}
.sv-site-hero>.sv-micro{color:#73737b}
.sv-site-hero>strong{display:block;font-size:clamp(24px,7.8cqw,40px);line-height:1.02;letter-spacing:-.05em;margin:16px 0 24px}
.sv-site-hero>.sv-link{font-size:9px;line-height:16px;border-bottom:1px solid #1c1c20;padding-bottom:4px}
.sv-site-orbit{position:absolute;width:31%;aspect-ratio:1;border-radius:50%;background:#2426a4;right:0;top:35%;z-index:-1}
.sv-site-orbit:after{content:'';position:absolute;inset:14%;border-radius:50%;border:1px solid #a8a9e0}
.sv-cms .sv-scene{background:#e6e8ed}
.sv-editor{width:100%;display:grid;grid-template-columns:22% 1fr;background:#fff;border:1px solid #d5d7e0;border-radius:8px;overflow:hidden;box-shadow:0 16px 40px #1b21430d}
.sv-editor aside{background:#f3f4f7;border-right:1px solid #e5e6ec;padding:20px 8px;display:flex;flex-direction:column;gap:14px;font-size:8px;line-height:12px}
.sv-editor aside b{font-size:24px;line-height:28px;color:#2426a4;margin:0 8px 12px}
.sv-editor aside span{padding:4px 6px;color:#737581}
.sv-editor aside .selected{background:#e4e6fa;border-radius:4px;color:#2426a4}
.sv-editor-main{padding:20px;min-width:0}
.sv-editor-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:16px;margin-bottom:28px}
.sv-editor-title i{font-style:normal;font-size:8px;line-height:12px;color:#787b88}
.sv-editor-main>.sv-micro{color:#757784;font-size:7px;line-height:12px;letter-spacing:.06em;margin-top:16px}
.sv-field{padding:10px;border:1px solid #dfe1e8;border-radius:4px;font-size:9px;line-height:14px;margin-top:6px}
.sv-field-body{display:flex;flex-direction:column;gap:6px;min-height:55px}
.sv-field-body i{height:3px;border-radius:2px;width:94%;background:#e4e5eb}
.sv-field-body i:last-child{width:62%}
.sv-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:24px;font-size:8px;line-height:12px}
.sv-editor-actions>span{color:#777b88}
.sv-editor-actions>b{padding:8px;background:#2426a4;color:white;border-radius:4px;font-size:8px;line-height:12px}
.sv-store .sv-scene{background:#e5e4df}
.sv-catalog{padding:20px}
.sv-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}
.sv-catalog-head strong{font-size:18px;line-height:24px;letter-spacing:-.04em}
.sv-catalog-head>span{font-size:7px;line-height:12px;color:#696970}
.sv-catalog-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sv-catalog-art{aspect-ratio:1;display:grid;place-items:center;padding:16px;background:#2426a4;border-radius:4px}
.sv-catalog-art-one .sv-nebula-mark{filter:brightness(0) invert(1)}
.sv-catalog-art-two{background:#e9edc5}
.sv-catalog-art-two b{font-size:clamp(32px,10cqw,56px);line-height:1;letter-spacing:-.07em}
.sv-catalog-items>div>span{display:block;margin-top:10px;font-size:10px;line-height:16px}
.sv-catalog-items small{display:block;font-size:8px;line-height:12px;color:#73737a;margin-top:4px}
.sv-platform .sv-scene{background:#deded8}
.sv-member{width:100%;display:grid;grid-template-columns:26% 1fr;background:#fff;border:1px solid #d2d2cc;border-radius:8px;overflow:hidden;box-shadow:0 16px 40px #1818100d}
.sv-member aside{background:#f2f2ed;padding:24px 12px;display:flex;flex-direction:column;gap:20px;font-size:8px;line-height:12px}
.sv-member aside b{font-size:12px;line-height:16px;margin-bottom:24px;letter-spacing:-.04em}
.sv-member aside>span{color:#77776f}
.sv-member aside .selected{color:#2426a4}
.sv-member>div{padding:24px 20px}
.sv-member-top{display:flex;align-items:center;justify-content:space-between;font-size:7px;line-height:12px;letter-spacing:.05em;color:#7d7d76}
.sv-member-top i{width:16px;height:16px;border-radius:50%;background:#e9edc5}
.sv-member>div>strong{display:block;font-size:clamp(16px,4.6cqw,24px);line-height:1.12;letter-spacing:-.04em;margin-top:24px}
.sv-resource{padding:16px;margin-top:20px;background:#e9edc5;border-radius:4px;display:flex;flex-direction:column;gap:16px}
.sv-resource>span{font-size:7px;line-height:12px;letter-spacing:.04em}
.sv-resource>b{font-size:clamp(16px,4.6cqw,24px);line-height:1.05;letter-spacing:-.04em}
.sv-resource>small{font-size:8px;line-height:12px}
.service-page .sv-brand{background:#2426a4}
.sv-brand-sign{width:100%;padding:20px 8px}
.sv-brand-sign .sv-nebula-mark{filter:brightness(0) invert(1)}
.sv-brand-sign>span{display:block;text-align:center;color:#b4b5e8;font-size:8px;line-height:12px;letter-spacing:.16em;margin-top:32px}
.service-page .sv-type{background:#edede8}
.sv-type-study{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:8px}
.sv-type-study .sv-micro{color:#72726b}
.sv-type-study strong{display:block;font-size:clamp(32px,9.5cqw,48px);line-height:1;letter-spacing:-.06em;margin:24px 0;color:#2426a4}
.sv-type-study>div>span:last-child{font-size:10px;line-height:16px;color:#64645f}
.sv-palette{display:flex;gap:8px;margin-top:16px}
.sv-palette i{height:32px;flex:1;background:#2426a4}
.sv-palette i:nth-child(2){background:#1c1c20}
.sv-palette i:nth-child(3){background:#d9debb}
.sv-system .sv-scene{background:#d9dad6}
.sv-brand-book{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:250px;box-shadow:0 20px 30px #1010100e;transform:rotate(-3deg)}
.sv-brand-book>div{padding:24px;background:#2426a4;color:white;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.sv-brand-book>div:first-child .sv-nebula-mark{filter:brightness(0) invert(1);width:80%}
.sv-brand-book strong{font-size:clamp(20px,5.6cqw,30px);line-height:1.05;letter-spacing:-.04em}
.sv-brand-book span{font-size:7px;line-height:12px;letter-spacing:.06em}
.sv-brand-book>div:last-child{background:#f9f9f5;color:#2426a4;border-left:1px solid #d2d2cc}
.sv-brand-book b{font-size:clamp(32px,12cqw,64px);line-height:1;letter-spacing:-.07em}
.sv-mini-palette{display:flex;gap:4px}
.sv-mini-palette i{height:16px;flex:1;background:#2426a4}
.sv-mini-palette i:nth-child(2){background:#1c1c20}
.sv-mini-palette i:nth-child(3){background:#d9debb}
.sv-applications .sv-scene{background:#e7e6e0}
.sv-brand-application{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-right:12%}
.sv-brand-sheet{display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:#fbfbf7;width:70%;height:100%;min-height:270px;box-shadow:0 16px 32px #16161010;transform:rotate(-6deg)}
.sv-brand-sheet>span{font-size:6px;line-height:10px;letter-spacing:.08em}
.sv-brand-sheet>strong{font-size:clamp(20px,6cqw,32px);line-height:1.02;letter-spacing:-.05em;color:#2426a4}
.sv-brand-sheet .sv-nebula-mark{width:60%}
.sv-brand-card{position:absolute;right:0;bottom:20px;transform:rotate(5deg);width:55%;aspect-ratio:1.7;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:20px;background:#2426a4;box-shadow:0 16px 24px #16161012}
.sv-brand-card .sv-nebula-mark{filter:brightness(0) invert(1)}
.sv-brand-card>span{color:#d6d6f1;font-size:5px;line-height:8px;letter-spacing:.1em}
.service-page .sv-campaign{background:#d9ddd7}
.sv-campaign .sv-scene{padding:24px}
.sv-real-series{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;align-items:center}
.sv-real-series img{width:100%;height:auto;object-fit:contain;box-shadow:0 12px 16px #18201612}
.service-page .sv-poster{background:#e8ded0}
.sv-real-poster{width:70%;height:100%;box-shadow:0 12px 28px #3427191a}
.sv-real-poster img{object-fit:cover}
.sv-social .sv-scene{background:#d4d6d7}
.sv-social-device{height:100%;width:176px;max-width:66%;border:4px solid #202024;border-radius:24px;background:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 32px #10101812}
.sv-social-device>div:first-child{display:flex;gap:8px;align-items:center;padding:8px 12px;min-height:32px}
.sv-social-device>div:first-child img{width:24px;height:16px;filter:none}
.sv-social-device>div:first-child span{font-size:6px;line-height:10px;color:#606068}
.sv-social-device .sv-social-art{flex:1;min-height:0;object-fit:cover;object-position:center}
.sv-social-bottom{display:flex;align-items:center;justify-content:center;height:16px;flex-shrink:0}
.sv-social-bottom i{display:block;width:40%;height:3px;border-radius:3px;background:#222}
.sv-stage .sv-scene{background:#cbd2ce}
.sv-music-frame{height:100%;aspect-ratio:1;border:8px solid #f8f7f1;box-shadow:0 16px 24px #17251f1a}
.sv-music-frame img{object-fit:contain}
.sv-cloud .sv-scene{background:#e8e6e1}
.sv-cloud-flow{width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center}
.sv-cloud-logo{display:flex;align-items:center;gap:12px;padding:20px 28px;background:#fff;border:1px solid #d8d5cd;border-radius:8px;width:max-content}
.sv-cloud-logo img{width:40px;height:40px}
.sv-cloud-logo strong{font-size:18px;line-height:24px;letter-spacing:-.03em}
.sv-flow-line{height:40px;width:1px;background:#a5a198}
.sv-cloud-nodes{display:flex;align-items:center;gap:20px}
.sv-cloud-nodes>span{padding:16px 20px;border:1px solid #c9c5bc;background:#f5f4ef;border-radius:8px;font-size:12px;line-height:16px;white-space:nowrap}
.sv-cloud-nodes i{font-style:normal;color:#777167;font-size:20px}
.sv-cloud-tags{display:flex;gap:8px;margin-top:24px}
.sv-chip{padding:4px 8px;border:1px solid #c9c5bc;border-radius:4px;font-size:8px;line-height:12px;color:#716c62}
.sv-connect .sv-scene{background:#e2e5e4}
.sv-integration{width:100%;display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:12px}
.sv-integration-source{border:1px solid #d4d8d7;border-radius:8px;background:#fff;padding:20px 16px;box-shadow:0 12px 24px #20282008}
.sv-integration-source>span{font-size:7px;line-height:12px;color:#6e7774;letter-spacing:.08em}
.sv-integration-source>strong{display:block;font-size:clamp(14px,4.3cqw,20px);line-height:1.1;letter-spacing:-.04em;margin:20px 0}
.sv-integration-source>div{display:flex;flex-direction:column;gap:8px}
.sv-integration-source i{height:20px;width:100%;border:1px solid #e3e6e5;border-radius:4px}
.sv-connector{font-size:20px;color:#73817a;text-align:center}
.sv-integration-targets{display:flex;flex-direction:column;gap:12px}
.sv-integration-targets>div{background:#f6f8f6;border:1px solid #ced5d1;border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;font-size:9px;line-height:14px}
.sv-integration-targets i{font-style:normal;font-size:20px;line-height:24px;color:#4e6d5c}
.sv-integration-caption{grid-column:1/-1;text-align:center;font-size:7px;line-height:12px;letter-spacing:.07em;color:#6d7772;margin-top:24px}
.sv-performance .sv-scene,.sv-access .sv-scene,.sv-check .sv-scene{background:#e5e7e2}
.sv-paper{width:100%;background:#fafbf8;border:1px solid #d8dcd2;border-radius:8px;padding:24px;box-shadow:0 16px 32px #24311c0a}
.sv-paper>.sv-micro{color:#738069;font-size:7px;line-height:12px}
.sv-paper>strong{display:block;font-size:clamp(24px,6.4cqw,32px);line-height:1.04;letter-spacing:-.04em;margin:24px 0}
.sv-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #dfe3da;font-size:10px;line-height:14px}
.sv-row small{font-size:8px;line-height:12px;color:#718066;text-align:right}
.sv-check{font-style:normal;color:#607b4d;font-size:12px;line-height:16px}
.sv-paper-footer{font-size:6px;line-height:10px;letter-spacing:.04em;margin-top:12px;color:#7a8570}
.sv-backup .sv-scene{background:#dedfd9}
.sv-backup-stack{width:100%;max-width:350px}
.sv-backup-folder{position:relative;padding:24px;background:#d8dfc5;border:1px solid #bfc9a6;border-radius:4px 12px 0 0}
.sv-backup-folder:before{content:'';position:absolute;top:-10px;left:-1px;height:12px;width:38%;background:#d8dfc5;border:1px solid #bfc9a6;border-bottom:0;border-radius:8px 8px 0 0}
.sv-backup-folder>span{font-size:8px;line-height:12px;letter-spacing:.07em;color:#607044}
.sv-backup-folder>strong{display:block;font-size:clamp(24px,6.5cqw,32px);line-height:1.06;letter-spacing:-.04em;margin-top:16px}
.sv-backup-files{background:#f9faf7;padding:8px 24px;border:1px solid #d3d8cb;border-top:0;border-radius:0 0 8px 8px}
.sv-backup-files .sv-row:first-child{border:0}
.sv-content .sv-scene{background:#e1e4e9}
.sv-content-edit{padding:24px}
.sv-content-edit>.sv-micro{font-size:7px;line-height:12px;color:#737b88}
.sv-content-edit>strong{display:block;font-size:clamp(24px,6.5cqw,32px);line-height:1.02;letter-spacing:-.04em;margin:16px 0}
.sv-content-fields{display:grid;grid-template-columns:1fr 32%;gap:8px}
.sv-content-fields>div{padding:12px;border:1px solid #e0e3ea;border-radius:4px;display:flex;flex-direction:column;gap:12px;justify-content:space-between}
.sv-content-fields span{font-size:8px;line-height:12px;color:#7b8291}
.sv-content-fields b{font-size:9px;line-height:14px}
.sv-content-fields i{display:grid;place-items:center;background:#e6e7f4;font-size:24px;color:#2426a4;font-style:normal}
.sv-save{display:block;font-size:8px;line-height:12px;text-align:right;color:#2426a4;margin-top:16px}
.sv-evolve .sv-scene{background:#e4e6df}
.sv-roadmap{width:100%;padding:8px}
.sv-roadmap>.sv-micro{color:#777f6f;font-size:8px;line-height:12px}
.sv-roadmap>strong{display:block;font-size:clamp(32px,8cqw,40px);line-height:1.02;letter-spacing:-.05em;margin:24px 0 40px}
.sv-roadmap>div{display:grid;grid-template-columns:repeat(3,1fr)}
.sv-roadmap>div>span{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;border-top:1px solid #b3bea6;padding:20px 8px 0 0}
.sv-roadmap i{position:absolute;width:8px;height:8px;left:0;top:-4px;border-radius:50%;background:#5a7045}
.sv-roadmap b{font-size:10px;line-height:16px}
.sv-roadmap small{font-size:7px;line-height:12px;color:#6b7661}
@media(max-width:1100px){.service-page .service-visual{height:320px}.service-visual .sv-scene{padding:24px}.service-page .service-tools{padding-block:48px 32px}.sv-editor-main{padding:16px}.sv-editor-title{margin-bottom:20px}.sv-brand-book>div{padding:20px}.sv-brand-sheet{padding:20px;min-height:248px}.sv-paper{padding:20px}.sv-paper>strong{margin:20px 0}.sv-row{padding:10px 0}.sv-poster .sv-scene{padding:24px 32px}.sv-real-poster{width:72%}}
@media(min-width:701px) and (max-width:850px){.service-visual .sv-scene{padding:16px}.sv-site{padding:16px}.sv-site-nav>span{display:none}.sv-editor{grid-template-columns:25% 1fr}.sv-editor-main{padding:12px}.sv-editor aside{padding-inline:4px}.sv-editor-actions{flex-direction:column;align-items:flex-start;gap:12px}.sv-member aside{padding-inline:8px}.sv-member>div{padding:20px 12px}.sv-brand-book>div{padding:16px}.sv-cloud-nodes{gap:12px}.sv-cloud-nodes>span{padding:16px 12px}.sv-integration{gap:8px;grid-template-columns:1fr 16px 1fr}.sv-integration-source{padding:20px 12px}.sv-integration-targets>div{padding:12px 8px;gap:8px}.sv-catalog-head>span{display:none}}
@media(max-width:700px){.service-page .service-tools{padding-block:48px 24px}.service-page .service-tools h2{font-size:30px;line-height:36px;margin-bottom:24px}.service-page .service-tools-intro{margin-bottom:24px}.service-page .service-tools-intro>p:last-child{font-size:16px;line-height:24px}.service-page .service-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px}.service-page .service-tool{flex:none;min-width:0;gap:12px}.service-page .service-tool img{width:24px;height:24px}.service-page .service-tool span{font-size:10px;line-height:16px}.service-page .service-solutions{padding-top:48px}.service-page .solution-copy h3{font-size:30px;line-height:36px}.service-page .service-visual{height:320px}.service-visual .sv-scene{padding:24px}.sv-brand-sign{padding:12px 4px}.sv-brand-book>div{padding:20px}.sv-real-poster{width:auto;aspect-ratio:4/5}.sv-music-frame{max-width:100%;height:auto;width:100%}.sv-social-device{width:156px}.sv-backup-folder{padding:24px 20px}.sv-cloud-nodes{gap:16px}.sv-cloud-nodes>span{padding:16px}.sv-site-hero{padding-top:28px}.sv-site-nav>span{font-size:6px}.sv-editor-main{padding:16px}.sv-editor-actions>b{padding:8px 6px}.sv-palette i{height:28px}}
@media(max-width:370px){.service-page .service-visual{height:296px}.service-visual .sv-scene{padding:20px}.sv-editor aside{font-size:7px}.sv-editor-main{padding:12px}.sv-editor-actions{flex-direction:column;align-items:flex-start;gap:8px}.sv-cloud-nodes{gap:12px}.sv-cloud-nodes>span{padding:12px}.sv-cloud-logo{padding:16px 20px}.sv-brand-book>div{padding:16px}.sv-brand-sheet{min-height:240px;padding:20px}}