/* V24: refreshed TransClaw product scene and a shelf of practiced ideas. */
.transclaw-brand-logo { display:block; width:190px; max-width:100%; height:auto; object-fit:contain; }
.portfolio-platform-name .transclaw-brand-logo { width:224px; }
.portfolio-interface-brand { display:flex; align-items:center; flex-wrap:wrap; gap:12px 18px; }
.portfolio-interface-brand .transclaw-brand-logo { width:160px; }
@media(max-width:760px) { .portfolio-platform-name .transclaw-brand-logo { width:194px; } }
.portfolio-platform-art.transclaw-showcase { padding:0; }
.transclaw-showcase .transclaw-stage { position:relative; padding:82px 0 94px; perspective:1600px; }
/* A single screenshot must not inherit the legacy two-column .transclaw-screen grid. */
.portfolio-platform-art.transclaw-showcase .transclaw-screen { display:block; width:100%; margin:0; border:1px solid #365779; border-radius:12px; background:#061426; box-shadow:14px 22px 0 -17px #2c4563,25px 40px 65px #0007; overflow:hidden; transform:rotateY(-12deg) rotateX(5deg) rotateZ(-3deg); transition:transform .5s ease,box-shadow .5s ease; }
.portfolio-platform-art.transclaw-showcase .transclaw-screen img { width:100%; height:auto; filter:none; transform:none; }
.portfolio-platform-art.transclaw-showcase .transclaw-screen>span { position:absolute; right:15px; bottom:12px; margin:0; padding:4px 9px; background:#0c203de6; border:1px solid #3b5c7b; border-radius:5px; font-size:9px; color:#b7d7f7; }
.transclaw-floating-cards { pointer-events:none; }
.transclaw-float { position:absolute; z-index:2; width:218px; padding:17px 18px 15px; background:linear-gradient(125deg,#163355f5,#0c1c36f7); border:1px solid #4a709796; border-radius:12px; box-shadow:0 20px 42px #0006,inset 0 1px #c7e5ff12; backdrop-filter:blur(16px); text-align:left; }
.transclaw-float:before { content:""; position:absolute; top:-1px; left:20px; right:30%; height:1px; background:linear-gradient(90deg,#a7dcff8c,transparent); }
.transclaw-float-agents { top:9px; left:5%; transform:rotate(-3deg); }
.transclaw-float-knowledge { right:-1%; bottom:10px; transform:rotate(3deg); background:linear-gradient(120deg,#0d2945f7,#10263df5); }
.transclaw-float-label { display:flex; align-items:center; gap:7px; color:#88b3da; font:500 8px/1.4 var(--sans); letter-spacing:.07em; margin-bottom:9px; }
.transclaw-float-label>span { width:18px; height:18px; display:block; color:#a6d2ff; }
.transclaw-float-label svg { width:100%; height:100%; }
.transclaw-float>strong { display:block; color:#ecf5ff; font-size:18px; font-weight:550; line-height:1.5; }
.dark-theme .transclaw-float>p { font-size:11px; line-height:1.6; color:#9ebad7; margin:4px 0 10px; }
.transclaw-agent-flow { display:flex; align-items:center; justify-content:space-between; gap:7px; margin:11px 0 12px; }
.transclaw-agent-flow>span { padding:5px 8px; border:1px solid #4077aa88; background:#16385b; color:#c3e3ff; font-size:10px; border-radius:4px; }
.transclaw-agent-flow>i { font-size:15px; color:#79b9eb; font-style:normal; }
.transclaw-float>small { color:#7fa4c6; font-size:9px; line-height:1.5; display:flex; align-items:center; gap:5px; }
.transclaw-float-agents>small>i { width:5px; height:5px; background:#ff6455; border-radius:50%; box-shadow:0 0 9px #ff4c5e77; }
.transclaw-library-row { display:flex; gap:5px; margin:13px 0 11px; }
.transclaw-library-row>span { font-size:10px; color:#b3dce9; border:1px solid #3a748a80; border-radius:4px; padding:5px 7px; background:#11374d; }
.dark-theme .transclaw-visual-caption { font-size:9px; color:#778eac; margin:4px 0 0; text-align:center; letter-spacing:.05em; }
.transclaw-showcase.has-platform-certification .portfolio-platform-certification { top:-28px; right:-4px; transform:scale(.86); transform-origin:top right; z-index:3; }
.transclaw-showcase.has-platform-certification .transclaw-stage { padding-top:110px; }
.transclaw-showcase.has-platform-certification .transclaw-float-agents { top:36px; left:0; }
.transclaw-product-screen { background:radial-gradient(ellipse at 60% 55%,#11305c5e,transparent 65%),#030817; overflow:hidden; }
.transclaw-product-screen .transclaw-showcase { max-width:1010px; margin:0 auto; }
.transclaw-product-screen .transclaw-stage { padding:90px 40px 100px; }
.transclaw-product-screen .transclaw-float { width:240px; padding:20px; }
.transclaw-product-screen .transclaw-float-agents { left:0; }
.transclaw-product-screen .transclaw-float-knowledge { right:0; }
.portfolio-interface-caption a { color:#a9d5ff; text-decoration:underline; text-underline-offset:3px; }

.dark-theme .practiced-ideas { padding-block:84px 72px; background:radial-gradient(ellipse at 50% 48%,#16315155,transparent 68%),#060f20; border-block:1px solid #29405b80; overflow:hidden; }
.practiced-ideas-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:50px; }
.practiced-ideas-heading h2 { margin:0; }
.dark-theme .practiced-ideas-heading p { max-width:410px; font-size:14px; line-height:1.9; margin:0 0 2px; color:#a8bdd7; }
.ideas-bookshelf { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:27px; }
.idea-book { min-width:0; }
.idea-book-visual { height:240px; display:flex; justify-content:center; align-items:flex-end; position:relative; margin-bottom:25px; perspective:900px; }
.idea-book-visual:after { content:""; position:absolute; z-index:0; height:17px; bottom:-14px; left:5%; right:0; background:#000b; border-radius:50%; filter:blur(12px); }
.idea-book-visual img { display:block; height:100%; width:100%; object-fit:contain; object-position:center bottom; position:relative; z-index:1; transition:transform .4s ease; }
.idea-book-visual.cover-changbian { width:100%; }
.cover-changbian img { width:250px; height:278px; max-width:none; clip-path:polygon(10.4% 9%,20% 7%,89% 11.5%,89% 87.3%,20% 92.6%,10.3% 90.8%); margin-bottom:-20px; }
.cover-flat { width:168px; max-width:100%; margin-inline:auto; height:226px; margin-top:14px; }
.cover-flat img { object-fit:fill; transform:rotateY(-10deg); box-shadow:5px 4px 0 #12233a,10px 10px 25px #0006; border-radius:1px 3px 3px 1px; }
.cover-flat:before { content:""; z-index:2; position:absolute; width:6px; top:0; bottom:0; left:0; background:linear-gradient(90deg,#0006,#fff1,transparent); pointer-events:none; }
.cover-evolution { width:100%; }
.cover-evolution img { position:absolute; height:222px; width:222px; max-width:none; bottom:-3px; clip-path:polygon(14.5% 4%,19% 2.5%,85.8% 4%,85.8% 95.2%,19% 97.7%,14.5% 96%); transform-origin:bottom; }
.cover-evolution img:nth-child(1) { z-index:1; transform:translateX(-30px) rotate(-10deg); }
.cover-evolution img:nth-child(2) { z-index:2; transform:translateX(-12px) rotate(-5deg); }
.cover-evolution img:nth-child(3) { z-index:3; transform:translateX(7px) rotate(1deg); }
.cover-evolution img:nth-child(4) { z-index:4; transform:translateX(24px) rotate(6deg); }
.idea-book-concept { display:block; font-size:11px; color:#82bff2; letter-spacing:.12em; margin-bottom:9px; }
.dark-theme .idea-book h3 { font-size:16px; line-height:1.65; font-weight:500; margin:0 0 7px; min-height:53px; }
.idea-book-author { font-size:11px; color:#869cbb; display:block; min-height:22px; }
.dark-theme .idea-book-practice { border-top:1px solid #2e4560; margin:17px 0 0; padding-top:13px; font-size:12px; line-height:1.8; color:#b4c9e0; }
.idea-book-practice>span { display:block; font-size:9px; color:#6685aa; margin-bottom:4px; letter-spacing:.1em; }
.ideas-practice-line { display:flex; align-items:center; justify-content:center; gap:28px; border-top:1px solid #2b405d; margin-top:43px; padding-top:23px; color:#a9c3dd; font-size:12px; letter-spacing:.03em; }
.ideas-practice-line i { color:#49698c; font-style:normal; }
.sales-contact { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; color:#c9e4ff; line-height:1.6; }
.sales-contact>span { color:#8bacce; font-size:11px; }
.sales-contact>strong { font-size:14px; font-weight:450; }
.sales-contact b { font-weight:550; white-space:nowrap; }
.sales-contact>i { font-style:normal; color:#7cc7ff; font-size:16px; }
.sales-contact:hover strong { color:#91d8ff; }
.footer-sales-contact { margin:12px 0 14px; gap:4px 10px; }
.footer-sales-contact>span { flex-basis:100%; font-size:10px; }
.footer-sales-contact>strong { font-size:15px; }
.lead-sales-contact,.dialog-sales-contact { padding:14px 16px; border:1px solid #30557b; border-radius:8px; background:linear-gradient(110deg,#102e4d,#0b1d35); }
.lead-sales-contact { margin:0 0 22px; }
.dialog-sales-contact { margin-top:28px; }
.lead-sales-contact>i,.dialog-sales-contact>i { margin-left:auto; }
.cover-culture img { height:230px; width:auto; max-width:100%; filter:drop-shadow(8px 12px 14px #0005); }
@media (max-width:1100px) and (min-width:761px) {
 .transclaw-float { width:190px; padding:13px 14px; }.transclaw-float>strong {font-size:16px;}.transclaw-float-label {font-size:7px;}.transclaw-library-row>span {padding:5px;}.transclaw-float-agents {left:0;}.transclaw-float-knowledge {right:0;}
 .transclaw-showcase.has-platform-certification .portfolio-platform-certification {transform:scale(.72);top:-50px;}.transclaw-showcase.has-platform-certification .transclaw-float-agents {top:32px;}.transclaw-showcase.has-platform-certification .transclaw-stage {padding-top:165px;}
 .ideas-bookshelf {gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px;}.idea-book-visual {height:225px;}.cover-flat {height:213px;}.ideas-bookshelf .idea-book h3 {min-height:0;}
}
@media (max-width:760px) {
 .portfolio-title-part {display:inline;white-space:normal;overflow-wrap:anywhere;}
 .portfolio-platform-art.transclaw-showcase .transclaw-stage,.transclaw-product-screen .transclaw-stage {padding:18px 0 0;}
 .portfolio-platform-art.transclaw-showcase .transclaw-screen {width:100%;margin:0;transform:rotateY(-5deg) rotateZ(-2deg);border-radius:7px;}
 .portfolio-platform-art.transclaw-showcase .transclaw-screen>span {bottom:5px;right:5px;font-size:7px;padding:3px 6px;}
 .transclaw-floating-cards {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:-9px;position:relative;z-index:2;padding-inline:5px;}
 .transclaw-showcase .transclaw-float,.transclaw-product-screen .transclaw-float {position:relative;inset:auto;transform:none;width:auto;min-width:0;padding:14px 12px;border-radius:8px;}
 .transclaw-showcase .transclaw-float-agents {transform:rotate(-2deg);}.transclaw-showcase .transclaw-float-knowledge {transform:translateY(18px) rotate(2deg);}
 .transclaw-float-label {font-size:6px;gap:5px;margin-bottom:7px;}.transclaw-float-label>span {width:14px;height:14px;flex-shrink:0;}.transclaw-float>strong {font-size:14px;}.dark-theme .transclaw-float>p {font-size:10px;margin-block:4px 8px;}.transclaw-float>small {font-size:8px;line-height:1.7;}
 .transclaw-agent-flow {gap:4px;justify-content:flex-start;flex-wrap:wrap;margin-block:9px;}.transclaw-agent-flow>span {font-size:8px;padding:4px 5px;}.transclaw-agent-flow>i {font-size:12px;}.transclaw-library-row {gap:4px;flex-wrap:wrap;margin-block:10px;}.transclaw-library-row>span {font-size:8px;padding:4px 5px;}
 .dark-theme .transclaw-visual-caption {font-size:8px;margin-top:37px;}
 .transclaw-showcase.has-platform-certification .portfolio-platform-certification {position:relative;inset:auto;transform:none;margin:0 0 14px auto;}
 .dark-theme .practiced-ideas {padding-block:58px 48px;}.practiced-ideas-heading {display:block;margin-bottom:29px;}.dark-theme .practiced-ideas-heading p {font-size:12px;margin-top:15px;max-width:100%;}
 .ideas-bookshelf {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:28px;padding:10px 6px 21px;margin:0 -6px;scrollbar-width:thin;scrollbar-color:#466684 #102139;}.idea-book {flex:0 0 205px;scroll-snap-align:start;}.idea-book-visual {height:235px;}.cover-flat {height:226px;}.dark-theme .idea-book h3 {font-size:16px;min-height:53px;}.idea-book-practice {font-size:12px;}.ideas-practice-line {gap:12px;flex-wrap:wrap;margin-top:25px;padding-top:20px;font-size:10px;}
}
@media (prefers-reduced-motion:reduce) { .transclaw-showcase .transclaw-screen,.idea-book-visual img {transition:none;} }
@media (max-width:400px) { .lead-sales-contact>i,.dialog-sales-contact>i {display:none;} }