.cases-page{--case-lilac:#ce9df5;--case-text:#b7b3bf}.cases-preview{color:#d4c3df;text-align:center;background:#130e1b;border-bottom:1px solid #2b2035;padding:10px 24px;font-size:12px;line-height:1.6}.cases-hero{background:radial-gradient(at 70% 0,#23103280,#0000 63%);padding:78px 0 66px;position:relative;overflow:hidden}.cases-hero h1{letter-spacing:-.055em;max-width:850px;margin:24px 0;font-size:clamp(44px,5.8vw,76px);font-weight:550;line-height:1.04}.cases-hero h1 span{color:var(--case-lilac)}.cases-hero p{max-width:630px;color:var(--case-text);font-size:17px;line-height:1.7}.cases-hero-bottom{justify-content:space-between;align-items:end;gap:32px;display:flex}.cases-text-link{align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:600;display:inline-flex}.cases-text-link svg{width:18px}.case-related .cases-text-link{overflow-wrap:anywhere;min-width:0;max-width:100%}.case-related .cases-text-link svg{flex:none}.cases-text-link:hover{color:var(--case-lilac)}.cases-catalog{padding:24px 0 96px}.cases-section-label{color:#bbb2c5;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:20px;margin:0 0 26px;font-size:12px;display:flex}.cases-section-label:after{content:"";background:#ffffff18;flex:1;height:1px}.case-card{background:#0b0a0e;border:1px solid #ffffff20;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.case-card-content{flex-direction:column;align-items:start;padding:38px;display:flex}.case-card h2{margin:22px 0 16px;font-size:clamp(27px,3.2vw,39px);font-weight:550;line-height:1.14}.case-card p{color:var(--case-text);font-size:15px;line-height:1.65}.case-status{color:#ddc7ef;background:#aa66cc0b;border:1px solid #c993f038;border-radius:5px;align-items:center;gap:8px;padding:5px 9px;font-size:11px;line-height:1.5;display:inline-flex}.case-status:before{content:"";background:#bd8ce0;border-radius:50%;flex:none;width:5px;height:5px}.case-status--pilot{color:#e5c38f;background:#e7bb7508;border-color:#e7bb7540}.case-status--pilot:before{background:#e5c38f}.case-category{color:#a795b8;letter-spacing:.13em;text-transform:uppercase;margin-top:25px;font-size:11px}.case-card-actions{flex-direction:column;align-items:start;gap:6px;margin-top:auto;padding-top:24px;display:flex}.case-project-links{flex-wrap:wrap;align-items:center;gap:4px 18px;display:flex}.case-project-link{color:#c3b0d1;text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;font-size:13px;text-decoration:underline;display:inline-flex}.case-project-link svg{flex:none;width:16px;height:16px}.case-project-link:hover{color:var(--case-lilac)}.case-detail-hero .case-project-links{margin-top:12px}.case-card-note{border-top:1px solid #ffffff14;margin-top:22px;padding-top:15px;font-size:12px!important}.cases-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.cases-grid .case-card{flex-direction:column;display:flex}.cases-grid .case-card-content{flex:1;padding:30px}.cases-grid .case-card-actions{min-height:118px}.cases-grid .case-card h2{font-size:29px}.cases-grid .case-visual{height:305px;min-height:305px}.case-visual{isolation:isolate;background:radial-gradient(at 45% 48%,#51236d60,#0000 65%),#110b1a;border-right:1px solid #ffffff0d;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:460px;display:flex;position:relative;overflow:hidden}.case-visual-grid{z-index:-1;opacity:.24;background-image:linear-gradient(#9164aa22 1px,#0000 1px),linear-gradient(90deg,#9164aa22 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 80%);mask-image:radial-gradient(#000,#0000 80%)}.case-visual-caption{letter-spacing:.05em;color:#baa6cc;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;top:23px;left:25px}.case-visual-caption>span:first-child{background:#a56be1;border-radius:2px;width:6px;height:6px}.case-visual-footnote{color:#a895b5;font-size:10px;position:absolute;bottom:18px;left:25px}.case-shop-diagram{width:65%;max-width:310px;padding:55px 0}.case-mini-panel{background:linear-gradient(120deg,#25182e,#15101e);border:1px solid #b893d536;border-radius:10px;padding:16px 20px;box-shadow:0 16px 32px #0004}.case-query{width:85%;margin-left:auto}.case-query svg{vertical-align:middle;color:#c18ae9;width:15px;margin-right:8px}.case-query span{font-size:12px}.case-query i{background:#a595b03b;border-radius:3px;width:85%;height:4px;margin-top:12px;display:block}.case-query i:last-child{width:57%;margin-top:7px}.case-connector{color:#b775e4;justify-content:center;align-items:center;height:36px;display:flex}.case-connector svg{width:16px;height:25px}.case-catalog{background:#522b6d69;border:1px solid #b97ae277;border-radius:10px;align-items:center;gap:15px;padding:19px 16px;display:flex;box-shadow:0 0 40px #b375e119}.case-catalog>svg{color:#dfb7fc;flex:none;width:23px}.case-catalog>svg:last-child{width:17px;margin-left:auto}.case-catalog strong,.case-catalog span{font-size:12px;font-weight:500;display:block}.case-catalog span{color:#bba5cd;margin-top:5px;font-size:10px}.case-answer{width:88%}.case-mini-label{color:#c2a5d6;font-size:10px}.case-product-lines{gap:8px;margin-top:12px;display:flex}.case-product-lines div{background:linear-gradient(135deg,#b390c11c,#b390c104);border:1px solid #d7bcf121;border-radius:4px;width:33%;height:29px}.case-visual--studio{background:radial-gradient(at 45% 48%,#21396b60,#0000 70%),#0a101b}.case-studio-diagram{background:#101827;border:1px solid #aabfee36;border-radius:9px;width:70%;max-width:390px;transform:rotate(-3deg);box-shadow:10px 18px 40px #0007}.case-browser-bar{border-bottom:1px solid #ffffff12;gap:4px;padding:10px 12px;display:flex}.case-browser-bar span{background:#8198b6;border-radius:50%;width:4px;height:4px}.case-studio-content{text-align:center;padding:16px}.case-studio-content>svg{color:#9ebaf4;width:19px;margin:0 auto 10px;display:block}.case-studio-content>span{letter-spacing:-.04em;font-size:25px}.case-wave{justify-content:center;align-items:center;gap:4px;height:77px;display:flex}.case-wave i{background:linear-gradient(#a6c0fd,#53669040);border-radius:4px;width:3px;transform:scaleY(.6)}.case-studio-pages{color:#aebddd;justify-content:center;gap:18px;font-size:10px;display:flex}.case-studio-pages span{align-items:center;gap:5px;display:flex}.case-studio-pages svg{width:11px}.case-website-sheets{justify-content:center;gap:14px;width:calc(100% - 48px);max-width:540px;margin:60px 0 48px;display:flex}.case-website-sheet{background:#171020;border:1px solid #c291e540;border-radius:9px;flex:1;min-width:0;max-width:280px}.case-website-content{text-align:center;padding:22px 14px}.case-website-content>svg{color:#c99be9;width:22px;height:22px;margin:0 auto 15px;display:block}.case-website-content strong{font-size:clamp(16px,2vw,24px);font-weight:550;display:block}.case-website-content>span{color:#c3b0d1;margin-top:7px;font-size:10px;display:block}.case-website-lines{gap:7px;margin-top:20px;display:grid}.case-website-lines i{background:#c3b0d12e;border-radius:4px;height:4px}.case-visual--practice{background:radial-gradient(#1f454c60,#0000 70%),#0b1519}.case-visual--practice .case-website-sheet{background:#101e24;border-color:#91bec840}.case-visual--social{background:radial-gradient(#41312560,#0000 70%),#16110d}.case-social-diagram{width:65%;max-width:290px;padding:48px 0 32px}.case-social-node{background:#261f19;border:1px solid #cbb48e33;border-radius:7px;align-items:center;gap:12px;padding:10px 18px;font-size:12px;display:flex}.case-social-node svg{color:#d9b88a;width:16px;height:16px}.case-social-node svg:last-child:not(:first-child){margin-left:auto}.case-social-focus{background:#48331c88;border-color:#dcb07488}.case-social-diagram .case-connector{color:#c9a874;height:23px}.case-pilot-note{color:#cbb58f;text-align:center;margin-top:15px;font-size:10px;display:block}.cases-principles{padding:0 0 80px}.cases-principles-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.cases-principles h2{margin-bottom:32px;font-size:29px;font-weight:550}.cases-principles h3{margin:17px 0 10px;font-size:17px;font-weight:550}.cases-principles p{color:var(--case-text);font-size:14px;line-height:1.7}.cases-principles svg{color:#bb84e4;width:22px}.cases-cta{padding:0 0 90px}.cases-cta-inner{background:radial-gradient(at 100%,#4f246a35,#0000 70%),#100c15;border:1px solid #c48ae32b;border-radius:16px;justify-content:space-between;align-items:center;gap:35px;padding:44px;display:flex}.cases-cta h2{margin-bottom:14px;font-size:30px;font-weight:550}.cases-cta p{color:var(--case-text);max-width:550px;font-size:15px;line-height:1.7}.cases-cta-actions{flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.case-back{color:#c3b0d1;align-items:center;gap:9px;min-height:44px;margin-bottom:28px;font-size:13px;display:inline-flex}.case-back svg{width:16px}.case-detail-hero{padding-top:35px}.case-detail-page .container{max-width:880px}.case-detail-hero h1{max-width:950px;font-size:clamp(40px,5vw,67px)}.case-detail-meta{color:#b6a6c2;flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;font-size:12px;display:flex}.case-detail-visual{margin-bottom:64px}.case-detail-visual .case-visual{border:1px solid #ffffff20;border-radius:16px;min-height:410px}.case-detail-visual .case-studio-diagram{margin:65px 0}.case-detail-visual .case-social-diagram{width:280px}.case-detail-body{padding-bottom:80px}.case-detail-index{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-bottom:48px;padding:20px 0;display:flex}.case-detail-index>span{color:#9c8ba9;letter-spacing:.13em;text-transform:uppercase;width:100%;font-size:11px}.case-detail-index a{color:#beb3c7;padding:10px 0;font-size:13px}.case-detail-index a:hover{color:#e5c8ff}.case-detail-section{margin-bottom:48px;scroll-margin-top:110px}.case-detail-section h2{margin-bottom:20px;font-size:29px;font-weight:550}.case-detail-section>p{color:#c0b8c9;font-size:16px;line-height:1.85}.case-steps{margin:25px 0 0;padding:0;list-style:none}.case-steps li{border-top:1px solid #ffffff17;align-items:start;gap:20px;padding:22px 0;display:flex}.case-steps li>span{color:#b278dc;padding-top:4px;font-size:12px}.case-steps h3{margin-bottom:9px;font-size:17px;font-weight:550}.case-steps p{color:var(--case-text);font-size:14px;line-height:1.75}.case-evidence{background:#160f1d;border:1px solid #c78af531;border-radius:10px;padding:26px}.case-evidence>span{color:#d2acee;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.case-evidence h2{margin-top:15px;font-size:24px}.case-evidence ul{margin:0;padding-left:20px}.case-evidence li{color:#c9bfce;margin-top:12px;padding-left:4px;font-size:14px;line-height:1.75}.case-evidence>p{border-top:1px solid #ffffff17;margin-top:20px;padding-top:18px;font-size:13px}.case-related{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:24px;padding:24px 0 50px;display:flex}.case-related>span{color:#a798b2;font-size:12px}.case-visual--system{min-height:480px}.case-system-map{width:calc(100% - 64px);max-width:420px;padding:64px 0 55px}.case-system-tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.case-system-tiles>div:last-child:nth-child(odd){grid-column:1/-1}.case-system-tiles>div{background:linear-gradient(120deg,#2b1c35,#17101f);border:1px solid #c291e52e;border-radius:8px;align-items:center;gap:10px;min-height:62px;padding:12px;font-size:12px;line-height:1.45;display:flex}.case-system-tiles>div>span{color:#b68acb;font-size:10px}.case-system-map-analysis{color:#cfbea2;border:1px dashed #c8b89750;border-radius:8px;flex-direction:column;gap:7px;margin-top:20px;padding:15px;font-size:12px;display:flex}.case-system-map-analysis small{color:#bba98f;font-size:10px}.case-system-kicker{color:#c99be9;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:11px;line-height:1.5;display:block}.case-detail-section>.case-system-scope{color:#b49bc5;margin-top:25px;font-size:12px}.case-modules{margin-top:20px}.case-module{border-top:1px solid #ffffff1c;grid-template-columns:32px minmax(0,1fr);gap:16px;padding:28px 0;display:grid}.case-module-number{color:#bd85dd;padding-top:5px;font-size:12px}.case-module h3,.case-system-analysis h3{margin-bottom:12px;font-size:22px;font-weight:550;line-height:1.25}.case-module p,.case-system-analysis>p{color:#c2b8cb;font-size:15px;line-height:1.75}.case-module-facts{border-top:1px solid #ffffff0f;grid-template-columns:.9fr 1.1fr;gap:24px;margin:20px 0 0;padding-top:15px;display:grid}.case-module-facts dt{color:#cfa9e7;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:10px}.case-module-facts dd{color:#b9aebf;margin:0;font-size:13px;line-height:1.7}.case-system-analysis{background:#1d17102e;border:1px dashed #a8937045;border-radius:12px;margin-top:18px;padding:28px}.case-system-analysis .case-system-kicker,.case-system-analysis dt{color:#cbb48f}.case-system-example .case-visual{border:1px solid #c78af52b;border-radius:12px;min-height:390px;margin-top:25px}.case-example-steps{color:#c8b1d9;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0;padding:20px 0 28px 22px;font-size:12px;list-style-type:decimal-leading-zero;display:flex}.case-example-steps li{margin-right:12px;padding-left:3px}@media (width<=800px){.cases-hero{padding:54px 0 40px}.cases-hero-bottom{display:block}.cases-hero-bottom>a{margin-top:20px}.case-card{grid-template-columns:1fr}.case-card-content{order:-1}.case-visual{min-height:350px}.case-shop-diagram{max-width:290px;padding:48px 0 38px}.cases-grid{grid-template-columns:1fr}.cases-grid .case-card-actions{min-height:0}.case-card-content,.cases-grid .case-card-content{padding:27px}.cases-principles-grid{gap:24px}.cases-cta-inner{padding:30px;display:block}.cases-cta-actions{align-items:start;margin-top:25px}.case-detail-index{gap:8px 20px;margin-bottom:32px}.case-detail-index>span{width:100%;margin:0}.case-detail-visual{margin-bottom:35px}}@media (width<=520px){.cases-page .container{width:calc(100% - 36px)}.cases-preview{padding:10px 18px;font-size:11px}.cases-hero h1{font-size:clamp(38px,11vw,44px)}.cases-hero p{font-size:15px}.cases-grid .case-card h2,.case-card h2{font-size:29px}.cases-principles-grid{grid-template-columns:1fr}.cases-principles-grid article{border-top:1px solid #ffffff17;padding-top:20px}.cases-catalog{padding-bottom:65px}.case-detail-hero h1{font-size:39px}.case-detail-visual .case-visual{min-height:350px}.cases-cta h2{font-size:27px}.case-related{flex-direction:column;align-items:start;gap:5px}.case-system-map{width:calc(100% - 48px);padding-top:57px}.case-system-tiles{grid-template-columns:1fr;gap:7px}.case-system-tiles>div{min-height:36px;padding:8px 12px}.case-module{grid-template-columns:23px minmax(0,1fr);gap:9px}.case-module-facts{grid-template-columns:1fr;gap:16px}.case-module h3,.case-system-analysis h3{font-size:21px}.case-system-analysis{padding:21px}.case-example-steps{grid-template-columns:1fr 1fr;column-gap:32px;display:grid}}