/* Shared visual language for secondary pages. */
.inner-main { min-height:calc(100vh - 280px); padding:116px 0 80px; background:linear-gradient(180deg,#f7f9ff 0,#fff 360px); }
.inner-hero { position:relative; overflow:hidden; padding:46px 0 38px; border-bottom:1px solid #e7edf7; }
.inner-hero::after { content:""; position:absolute; z-index:0; width:360px; height:360px; right:4%; top:-180px; border-radius:50%; background:radial-gradient(circle,rgba(235,130,225,.24),rgba(235,130,225,0) 70%); pointer-events:none; }
.inner-hero .container { position:relative; z-index:1; }.inner-kicker { margin:0 0 8px; color:var(--blue); font-size:13px; font-weight:600; letter-spacing:.08em; }.inner-hero h1 { margin:0; font-size:40px; line-height:1.35; }.inner-hero p:not(.inner-kicker) { max-width:620px; margin:12px 0 0; color:#7d899f; font-size:16px; }
.page-toolbar { display:flex; justify-content:space-between; align-items:center; gap:18px; margin:30px auto 24px; }.filter-tabs { display:flex; flex-wrap:wrap; gap:9px; }.filter-tab { border:1px solid #dfe7f5; border-radius:99px; padding:8px 17px; background:#fff; color:#65738d; cursor:pointer; }.filter-tab:hover,.filter-tab.active { border-color:#b9d2ff; background:#eaf2ff; color:var(--blue); }
.case-gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.showcase-card { overflow:hidden; border:1px solid #e6ebf4; border-radius:10px; background:#fff; box-shadow:0 8px 22px rgba(41,66,113,.05); transition:transform .2s,box-shadow .2s; }.showcase-card:hover { transform:translateY(-4px); box-shadow:0 14px 30px rgba(41,66,113,.12); }.showcase-card.is-hidden { display:none; }.showcase-card>img { width:100%; aspect-ratio:1.48; object-fit:cover; }.showcase-card-body { padding:18px 19px 19px; }.showcase-card-meta { display:flex; justify-content:space-between; gap:10px; align-items:center; color:#7590c8; font-size:12px; }.showcase-card h2 { margin:7px 0 6px; font-size:19px; }.showcase-card p { margin:0; color:#7c899f; font-size:13px; line-height:1.75; }.showcase-card .tag { padding:3px 8px; border-radius:5px; background:#f0f5ff; color:#4f82df; }
.case-more { display:inline-flex; align-items:center; gap:5px; margin-top:14px; color:var(--blue); font-size:13px; font-weight:600; }.case-more svg { width:15px; height:15px; }
.comparison-gallery { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }.comparison-card { overflow:hidden; border:1px solid #e6ebf4; border-radius:10px; background:#fff; box-shadow:0 8px 22px rgba(41,66,113,.05); }.comparison-card.is-hidden { display:none; }.comparison-head { display:flex; justify-content:space-between; align-items:center; padding:16px 18px 12px; }.comparison-head h2 { margin:0; font-size:17px; }.comparison-head span { color:#6e8fcf; font-size:12px; }.compare-view { --split:50%; position:relative; overflow:hidden; aspect-ratio:1.65; background:#eef2f8; }.compare-view>img,.compare-before img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.compare-before { position:absolute; inset:0; clip-path:inset(0 calc(100% - var(--split)) 0 0); }.compare-view input { position:absolute; z-index:3; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; }.compare-line { position:absolute; z-index:2; top:0; bottom:0; left:var(--split); width:2px; background:#fff; box-shadow:0 0 0 1px rgba(40,59,96,.13),0 0 12px rgba(34,55,101,.18); pointer-events:none; transform:translateX(-1px); }.compare-line::after { content:"↔"; position:absolute; top:50%; left:50%; display:grid; place-items:center; width:30px; height:30px; border:2px solid #fff; border-radius:50%; background:var(--blue); color:#fff; font-style:normal; font-size:14px; transform:translate(-50%,-50%); }.compare-label { position:absolute; z-index:2; top:12px; padding:4px 9px; border-radius:4px; color:#fff; background:rgba(23,35,63,.56); font-size:11px; pointer-events:none; }.compare-label.before { left:12px; }.compare-label.after { right:12px; }.comparison-card>p { margin:0; padding:13px 18px 17px; color:#7c899f; font-size:13px; line-height:1.7; }
.showcase-cta { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:52px; padding:30px 40px; border-radius:10px; color:#fff; background:linear-gradient(100deg,#5e92ff,#df76f0); box-shadow:0 10px 20px rgba(131,102,229,.18); }.showcase-cta h2 { margin:0 0 4px; font-size:21px; }.showcase-cta p { margin:0; color:rgba(255,255,255,.84); }
.legal-layout { display:grid; grid-template-columns:220px minmax(0,760px); gap:48px; align-items:start; }.legal-nav { position:sticky; top:100px; padding:18px 0; border-right:1px solid #e7edf6; }.legal-nav strong { display:block; margin:0 20px 12px; color:#45536e; font-size:13px; }.legal-nav a { display:block; padding:8px 20px; color:#8590a5; font-size:13px; border-left:2px solid transparent; }.legal-nav a:hover { color:var(--blue); }.legal-nav a.active { color:var(--blue); border-left-color:var(--blue); background:#f1f6ff; }.legal-document { padding:30px 36px 42px; border:1px solid #e6ebf4; border-radius:10px; background:#fff; box-shadow:0 8px 24px rgba(41,66,113,.04); }.legal-document .document-meta { margin:0 0 28px; padding-bottom:19px; border-bottom:1px solid #edf1f7; color:#8490a5; font-size:13px; }.legal-document h2 { margin:30px 0 11px; font-size:19px; }.legal-document h3 { margin:22px 0 7px; font-size:15px; }.legal-document p,.legal-document li { color:#68768f; font-size:14px; line-height:1.95; }.legal-document ul { margin:8px 0 15px; padding-left:21px; }.legal-document li::marker { color:#80a8ef; }.legal-note { margin:0 0 26px; padding:14px 16px; border:1px solid #dce9ff; border-radius:7px; background:#f5f9ff; color:#617391; font-size:13px; line-height:1.75; }
body.dark .inner-main { background:linear-gradient(180deg,#121c31 0,#10182a 360px); } body.dark .inner-hero { border-color:#293750; } body.dark .inner-hero p:not(.inner-kicker),body.dark .legal-document p,body.dark .legal-document li { color:#aebbd0; } body.dark .filter-tab,body.dark .showcase-card,body.dark .legal-document { border-color:#2c3b55; background:#162139; } body.dark .filter-tab { color:#b8c5da; } body.dark .filter-tab.active { background:#213b6a; color:#a9c9ff; } body.dark .showcase-card p,body.dark .showcase-card-meta,body.dark .legal-nav a,body.dark .legal-document .document-meta { color:#aebbd0; } body.dark .legal-nav { border-color:#293750; } body.dark .legal-nav strong,body.dark .legal-document h2,body.dark .legal-document h3 { color:#ecf2ff; } body.dark .legal-nav a.active { background:#1a3154; } body.dark .legal-note { border-color:#304c78; background:#182c4a; color:#b9c9e2; }
@media (max-width:800px) { .inner-main{padding-top:92px}.case-gallery,.comparison-gallery{grid-template-columns:repeat(2,1fr)}.legal-layout{grid-template-columns:1fr;gap:22px}.legal-nav{position:static;display:flex;overflow:auto;padding:0;border:0;border-bottom:1px solid #e7edf6}.legal-nav strong{display:none}.legal-nav a{white-space:nowrap;padding:10px 14px;border:0}.legal-nav a.active{border-bottom:2px solid var(--blue);background:transparent}.legal-document{padding:24px 21px 32px} }
@media (max-width:560px) { .inner-hero h1{font-size:30px}.inner-hero p:not(.inner-kicker){font-size:14px}.page-toolbar{display:block}.filter-tabs{margin-top:14px}.case-gallery,.comparison-gallery{grid-template-columns:1fr}.showcase-cta{display:block;padding:26px 24px}.showcase-cta .button{margin-top:18px}.legal-document h2{font-size:18px} }