/* ThunderCode v1.1.5 — animated engineering studio / HOME only.
   Scoped selectors protect every other page and preserve the immersive theme. */
.tc-development-studio{position:relative;isolation:isolate;overflow:hidden;padding:clamp(80px,8vw,135px) 0 40px;background:linear-gradient(148deg,#eef5ff 0%,#fafdff 46%,#eef6fd 100%);border-block:1px solid #dce9f6;color:#11233f;font-family:Inter,system-ui,sans-serif}
.tc-development-studio::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 70% 40%,rgba(57,134,247,.14),transparent 42%),radial-gradient(ellipse at 12% 94%,rgba(40,219,196,.10),transparent 42%),linear-gradient(90deg,rgba(57,116,193,.034) 1px,transparent 1px),linear-gradient(rgba(57,116,193,.034) 1px,transparent 1px);background-size:auto,auto,55px 55px,55px 55px}
.tc-development-studio::after{content:"";position:absolute;width:680px;height:680px;top:-290px;right:-250px;z-index:-1;border-radius:50%;border:1px solid rgba(27,114,216,.07);box-shadow:0 0 0 70px rgba(27,114,216,.018),0 0 0 150px rgba(27,114,216,.016)}
.tc-devstudio-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(30px,5vw,90px);align-items:center}
.tc-devstudio-copy{min-width:0;position:relative;z-index:2}
.tc-devstudio-eyebrow{font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:850;letter-spacing:.12em;color:#2275d2;display:flex;align-items:center;gap:11px;margin-bottom:28px}
.tc-devstudio-ping{position:relative;width:9px;height:9px;flex:0 0 9px;background:#1ac7b5;border-radius:50%;box-shadow:0 0 0 6px rgba(26,199,181,.10)}
.tc-devstudio-ping::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(26,199,181,.26);animation:tcdevBeacon 3.2s ease-in-out infinite}
.tc-devstudio-copy h2{font-size:clamp(38px,4.4vw,67px)!important;line-height:1.065;letter-spacing:-.059em;font-weight:850;color:#0f1f3c!important;margin:0 0 22px;max-width:680px}
.tc-devstudio-copy h2 em{font-style:normal;background:linear-gradient(100deg,#1165e0,#22b7be);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tc-devstudio-copy>p{font-size:clamp(15px,1.2vw,18px);line-height:1.8;max-width:580px;color:#5b6f88!important;margin:0 0 32px}
.tc-devstudio-steps{border-top:1px solid #d8e3f1;max-width:490px;margin-bottom:24px}
.tc-devstudio-steps>div{display:grid;grid-template-columns:33px 1fr;grid-template-rows:auto auto;column-gap:13px;padding:17px 0;border-bottom:1px solid #d8e3f1}
.tc-devstudio-steps>div>span{grid-row:1 / 3;font-family:'Space Grotesk',Inter,sans-serif;font-size:13px;color:#2584ce;font-weight:850;padding-top:1px}
.tc-devstudio-steps strong{font-size:16px;color:#152844;font-weight:800;line-height:1.35}
.tc-devstudio-steps small{margin-top:4px;color:#6b7d94;font-size:12px}
.tc-devstudio-link{display:inline-flex;align-items:center;gap:12px;font-weight:850;color:#0c66d7!important;text-decoration:none;font-size:14px;transition:gap .2s}
.tc-devstudio-link:hover{gap:18px}
.tc-devstudio-link .icon{height:18px;width:18px}
.tc-devstudio-scene{position:relative;min-width:0;height:530px;transform-style:preserve-3d;perspective:1000px;isolation:isolate}
.tc-devstudio-aura{position:absolute;inset:14% -5% 9% 4%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(49,126,255,.22),rgba(57,218,237,.08) 44%,transparent 69%);filter:blur(17px);animation:tcdevBreath 7s ease-in-out infinite}
.tc-devstudio-code-badge{position:absolute;top:4%;right:2%;z-index:5;padding:11px 14px;background:rgba(255,255,255,.94);border:1px solid rgba(44,108,209,.18);box-shadow:0 14px 44px rgba(30,68,124,.13);border-radius:15px;color:#2168bf;font-weight:950;font-size:20px;transform:rotate(8deg);animation:tcdevFloat 5s ease-in-out infinite}
.tc-devstudio-code-badge span{display:block;font-size:9px;letter-spacing:.11em;color:#7d91ac;font-weight:800}
.tc-devstudio-terminal{position:absolute;left:0;top:15%;width:88%;max-width:650px;z-index:2;overflow:hidden;border-radius:22px;border:1px solid rgba(201,218,255,.24);background:linear-gradient(148deg,#0d1b34,#091223 72%);box-shadow:0 38px 75px rgba(9,25,54,.23),0 8px 16px rgba(9,25,54,.11);transform:rotateY(2deg) rotateX(1deg);animation:tcdevTerminal 9s ease-in-out infinite}
.tc-devstudio-window-top{display:flex;align-items:center;gap:12px;padding:14px 19px;background:#111e34;border-bottom:1px solid rgba(188,211,255,.10);color:#8295b2;font:600 11px Inter,system-ui,sans-serif}
.tc-devstudio-window-dots{display:flex;align-items:center;gap:5px}
.tc-devstudio-window-dots i{width:8px;height:8px;display:block;border-radius:50%;background:#ff6a75}
.tc-devstudio-window-dots i:nth-child(2){background:#ffca5d}
.tc-devstudio-window-dots i:nth-child(3){background:#42d5af}
.tc-devstudio-live{margin-left:auto;white-space:nowrap;font-size:9px;letter-spacing:.07em;color:#96d6b9;font-weight:800}
.tc-devstudio-live span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#3ce0b0;margin-right:4px;box-shadow:0 0 10px #3ce0b0;animation:tcdevBeacon 3s ease-in-out infinite}
.tc-devstudio-tabs{display:flex;align-items:center;gap:4px;padding:9px 12px 0;background:#0d1b34}
.tc-devstudio-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#9caeca;font:700 11px Inter,system-ui,sans-serif;padding:12px 13px;cursor:pointer;white-space:nowrap}
.tc-devstudio-tabs button[aria-selected="true"]{color:#c6f2ff;border-bottom-color:#35d4fb;background:rgba(41,179,236,.08)}
.tc-devstudio-tabs button:focus-visible{outline:2px solid #39d7fa;outline-offset:-2px}
.tc-devstudio-editor{min-height:274px;padding:15px 0 16px;background:linear-gradient(160deg,#09182d,#0a1225)}
.tc-devstudio-codepanel[hidden]{display:none!important}
.tc-devstudio-codelines{counter-reset:devline;list-style:none;overflow:hidden;margin:0;padding:0;color:#d1e2f6;font:500 clamp(9.5px,.84vw,11.8px)/1.9 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}
.tc-devstudio-codelines li{position:relative;min-height:1.9em;padding:0 16px 0 56px;counter-increment:devline}
.tc-devstudio-codelines li::before{content:counter(devline,decimal-leading-zero);position:absolute;left:17px;top:0;color:#4c6687;font-size:10px;font-weight:500}
.tc-devstudio-codelines li:nth-child(4),.tc-devstudio-codelines li:nth-child(8){background:linear-gradient(90deg,rgba(13,158,235,.12),transparent 95%);animation:tcdevActiveLine 6s ease-in-out infinite}
.tc-devstudio-codelines .code-key{color:#bba2ff}.tc-devstudio-codelines .code-str{color:#7be0b6}.tc-devstudio-codelines .code-fn{color:#6dcfff}.tc-devstudio-codelines .code-tag{color:#87d3f6}.tc-devstudio-codelines .code-val{color:#ffb36b}
.tc-devstudio-status{display:flex;justify-content:space-between;gap:9px;background:#102641;border-top:1px solid rgba(185,226,251,.1);padding:10px 15px;color:#80a3ca;font-size:9px;font-weight:750;letter-spacing:.08em}
.tc-devstudio-status>span:first-child{color:#75dbbe;display:flex;align-items:center;gap:7px}
.tc-devstudio-status-dot{background:#3ddbaf;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #3ddbaf}
.tc-devstudio-mobile{position:absolute;z-index:4;bottom:6%;right:-3%;width:34%;max-width:206px;min-width:151px;height:345px;border:7px solid #0b1630;border-radius:33px;background:linear-gradient(150deg,#091a33,#0e2b56);box-shadow:0 29px 42px rgba(13,33,63,.24),0 0 0 2px #7694ad,inset 0 0 0 1px rgba(255,255,255,.08);padding:23px 14px 15px;color:white;animation:tcdevMobile 7s ease-in-out infinite}
.tc-devstudio-mobile-camera{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:55px;height:11px;border-radius:50px;background:#030a18}
.tc-devstudio-mobile-title{display:flex;justify-content:space-between;align-items:center;color:#b1d9ff;font-size:10px;font-weight:900}
.tc-devstudio-mobile-title>span:first-child{font-size:23px;font-style:italic;color:#fff}
.tc-devstudio-mobile-spark{color:#20dbb9;font-size:15px}
.tc-devstudio-mobile-greeting{font-size:12px;line-height:1.25;color:#bcd2eb;margin:24px 0 17px}
.tc-devstudio-mobile-greeting strong{font-size:21px;color:white;display:block;letter-spacing:-.05em;line-height:1.2}
.tc-devstudio-mobile-chart{height:93px;border-radius:12px;display:flex;gap:6px;align-items:end;padding:13px 12px;background:linear-gradient(160deg,rgba(31,90,167,.45),rgba(39,142,182,.11));border:1px solid rgba(128,206,255,.12)}
.tc-devstudio-mobile-chart span{flex:1;height:var(--bar-height,40%);background:linear-gradient(180deg,#28debd,#277ee1);border-radius:4px 4px 2px 2px;transform-origin:bottom;animation:tcdevBar 3.3s ease-in-out infinite alternate}
.tc-devstudio-mobile-chart span:nth-child(1){--bar-height:35%;animation-delay:-.8s}.tc-devstudio-mobile-chart span:nth-child(2){--bar-height:64%;animation-delay:-2s}.tc-devstudio-mobile-chart span:nth-child(3){--bar-height:52%;animation-delay:-1.4s}.tc-devstudio-mobile-chart span:nth-child(4){--bar-height:85%;animation-delay:-2.6s}.tc-devstudio-mobile-chart span:nth-child(5){--bar-height:67%;animation-delay:-1s}.tc-devstudio-mobile-chart span:nth-child(6){--bar-height:93%;animation-delay:-2.2s}
.tc-devstudio-mobile-actions{display:flex;gap:5px;justify-content:space-between;margin-top:16px}
.tc-devstudio-mobile-actions>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(129,186,241,.14);background:rgba(75,127,200,.15);border-radius:9px;width:31%;min-height:50px;font-size:18px;color:#35d2f4}
.tc-devstudio-mobile-actions small{font-size:8px;color:#c0d4ee}
.tc-devstudio-mobile-nav{display:flex;gap:10px;justify-content:center;margin-top:16px}
.tc-devstudio-mobile-nav span{width:16px;height:3px;border-radius:3px;background:rgba(166,199,243,.26)}
.tc-devstudio-mobile-nav span:first-child{background:#29dcaf}
.tc-devstudio-transfer{position:absolute;z-index:3;bottom:19%;left:58%;width:40%;height:120px;border:2px dashed rgba(33,161,219,.40);border-left:0;border-bottom:0;border-radius:0 80px 0 0;transform:rotate(12deg);pointer-events:none}
.tc-devstudio-transfer span{position:absolute;width:8px;height:8px;border-radius:50%;background:#27cfd1;box-shadow:0 0 0 6px rgba(39,207,209,.12);animation:tcdevBeacon 3s ease-in-out infinite}
.tc-devstudio-transfer span:first-child{top:-6px;left:10%}.tc-devstudio-transfer span:nth-child(2){top:30%;right:-5px;animation-delay:-1s}.tc-devstudio-transfer span:last-child{bottom:0;right:-5px;animation-delay:-2s}
.tc-devstudio-deploy{position:absolute;right:22%;bottom:0;z-index:5;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.95);border:1px solid rgba(23,121,188,.13);border-radius:11px;padding:9px 13px;color:#1a6bc4;font-size:10px;font-weight:850;letter-spacing:.06em;box-shadow:0 12px 28px rgba(24,82,141,.10);animation:tcdevFloat 5s ease-in-out infinite reverse}
.tc-devstudio-deploy-icon{font-size:23px;line-height:1;color:#228bd7}.tc-devstudio-deploy b{color:#24be99}
.tc-devstudio-pipeline{display:flex;justify-content:space-between;align-items:center;gap:26px;border-top:1px solid #d5e3f2;margin-top:65px;padding:28px 0 0}
.tc-devstudio-track{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font:800 11px Inter,system-ui,sans-serif;letter-spacing:.13em;color:#436b9a}
.tc-devstudio-track i{width:clamp(18px,3.7vw,66px);height:1px;background:linear-gradient(90deg,#3d90ee,#35dfbc);position:relative;overflow:hidden}
.tc-devstudio-track i::after{content:"";height:100%;width:35%;position:absolute;left:-45%;background:#fff;box-shadow:0 0 7px #51b7e1;animation:tcdevWire 2.9s linear infinite}
.tc-devstudio-track i:nth-of-type(2)::after{animation-delay:.4s}.tc-devstudio-track i:nth-of-type(3)::after{animation-delay:.8s}.tc-devstudio-track i:nth-of-type(4)::after{animation-delay:1.2s}
.tc-devstudio-pipeline>small{white-space:nowrap;font-size:10px;font-weight:750;letter-spacing:.11em;color:#879bb4}
@keyframes tcdevMobile{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-16px) rotate(2deg)}}
@keyframes tcdevTerminal{0%,100%{transform:translateY(0) rotateY(2deg) rotateX(1deg)}50%{transform:translateY(6px) rotateY(0deg) rotateX(0deg)}}
@keyframes tcdevFloat{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-10px) rotate(5deg)}}
@keyframes tcdevBeacon{0%,100%{opacity:.65;transform:scale(.95)}50%{opacity:1;transform:scale(1.25)}}
@keyframes tcdevBreath{0%,100%{opacity:.72;transform:scale(.98)}50%{opacity:1;transform:scale(1.06)}}
@keyframes tcdevActiveLine{0%,100%{opacity:.44}50%{opacity:1}}
@keyframes tcdevBar{0%,100%{transform:scaleY(.82)}50%{transform:scaleY(1.08)}}
@keyframes tcdevWire{to{left:120%}}
@media(max-width:1100px){.tc-devstudio-shell{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:25px}.tc-devstudio-scene{height:455px}.tc-devstudio-terminal{top:12%;width:92%}.tc-devstudio-codelines{font-size:9.8px}.tc-devstudio-mobile{bottom:0;right:0;height:300px;min-width:136px;width:36%;padding:19px 10px 12px}.tc-devstudio-mobile-greeting{margin:16px 0 12px}.tc-devstudio-mobile-chart{height:80px}.tc-devstudio-mobile-actions{margin-top:12px}.tc-devstudio-pipeline{margin-top:45px}}
@media(max-width:850px){.tc-devstudio-shell{grid-template-columns:1fr}.tc-devstudio-copy h2{max-width:700px}.tc-devstudio-copy>p{max-width:680px}.tc-devstudio-scene{height:500px;max-width:710px;width:100%;margin:0 auto}.tc-devstudio-terminal{max-width:585px;width:83%}.tc-devstudio-mobile{min-width:175px;height:337px;right:0;bottom:2%;padding:23px 14px 14px}.tc-devstudio-codelines{font-size:11px}.tc-devstudio-pipeline{margin-top:32px}}
@media(max-width:600px){.tc-development-studio{padding:75px 0 30px}.tc-devstudio-copy h2{font-size:clamp(38px,10vw,55px)!important}.tc-devstudio-copy>p{font-size:15px}.tc-devstudio-scene{height:420px;width:100%;margin-top:18px}.tc-devstudio-terminal{width:100%;max-width:none;left:0;top:12%;border-radius:15px}.tc-devstudio-tabs{padding:6px 6px 0}.tc-devstudio-tabs button{padding:9px 7px;font-size:9px}.tc-devstudio-codelines{font-size:clamp(7.7px,2.1vw,10.5px);line-height:1.8}.tc-devstudio-codelines li{padding-left:39px;padding-right:8px}.tc-devstudio-codelines li::before{left:11px;font-size:8px}.tc-devstudio-editor{min-height:250px}.tc-devstudio-window-top{padding:11px 10px;font-size:9px;gap:8px}.tc-devstudio-live{font-size:7px}.tc-devstudio-status{font-size:7px;padding:9px}.tc-devstudio-mobile{display:none}.tc-devstudio-code-badge{top:2%;right:0;z-index:5;transform:rotate(4deg);padding:8px 10px;font-size:16px}.tc-devstudio-deploy{bottom:1%;right:4%}.tc-devstudio-transfer{display:none}.tc-devstudio-pipeline{display:block}.tc-devstudio-track{gap:7px;font-size:9px}.tc-devstudio-track i{width:12px}.tc-devstudio-pipeline>small{display:block;margin-top:15px}}
@media(prefers-reduced-motion:reduce){.tc-development-studio *, .tc-development-studio *::before,.tc-development-studio *::after{animation:none!important;transition:none!important}}
body[data-animation="minimal"] .tc-development-studio *,body[data-animation="minimal"] .tc-development-studio *::before,body[data-animation="minimal"] .tc-development-studio *::after{animation:none!important;transition:none!important}

/* Keep the animated app mockup visible on phones as a separate scene layer. */
@media(max-width:600px){
  .tc-devstudio-scene{height:645px}
  .tc-devstudio-terminal{top:2%}
  .tc-devstudio-mobile{display:block;bottom:0;right:calc(50% - 78px);width:156px;min-width:156px;height:218px;border-width:5px;border-radius:25px;padding:17px 11px 8px;animation-duration:9s}
  .tc-devstudio-mobile-camera{height:8px;width:43px;top:5px}
  .tc-devstudio-mobile-title>span:first-child{font-size:18px}
  .tc-devstudio-mobile-greeting{font-size:10px;margin:10px 0 8px}
  .tc-devstudio-mobile-greeting strong{font-size:15px}
  .tc-devstudio-mobile-chart{height:51px;padding:9px;gap:5px}
  .tc-devstudio-mobile-actions{margin-top:8px}
  .tc-devstudio-mobile-actions>span{min-height:37px;gap:2px;font-size:14px}
  .tc-devstudio-mobile-actions small{font-size:6px}
  .tc-devstudio-mobile-nav{margin-top:7px}
  .tc-devstudio-deploy{bottom:11%;right:0;font-size:8px;padding:7px}
  .tc-devstudio-code-badge{top:72%;left:4%;right:auto;font-size:12px;transform:rotate(-5deg)}
  .tc-devstudio-code-badge span{font-size:8px}
}