/* OSC AI Workspace Hotfix 9 v4: warm orange-to-ivory animated gradient with restrained tech particles.
   Business logic remains unchanged. Motion stays decorative, lightweight and is disabled for reduced-motion users. */
.ws8{
  --ws8-ink:#1e1b18;
  --ws8-dim:#615953;
  --ws8-soft:#77695e;
  --ws8-orange:#a44822;
  --ws8-stroke:rgba(77,53,36,.22);
  --ws8-white:var(--ws8-ink);
  --ws8-fade:var(--ws8-dim);
  --ws8-subtle:var(--ws8-soft);
  --ws8-accent:var(--ws8-orange);
  min-height:100svh;position:relative;isolation:isolate;overflow:hidden;
  display:flex;flex-direction:column;color:var(--ws8-ink);color-scheme:light;accent-color:var(--ws8-orange);
  font-family:Inter,"Noto Sans CJK SC","Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  background:
    radial-gradient(circle at 15% 26%,rgba(255,245,231,.58) 0%,rgba(255,245,231,0) 27%),
    linear-gradient(112deg,#ef9356 0%,#f5af74 16%,#ffd0a3 34%,#ffe8d3 53%,#fff2e8 72%,#fff9f4 86%,#ffffff 100%);
}
.ws8::before,.ws8::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  inset:-20% -14%;border-radius:48%;
  transform:translate3d(0,0,0) scale(1);
  transform-origin:center;
  will-change:transform,opacity;
}
.ws8::before{
  background:
    radial-gradient(ellipse 40% 52% at 9% 28%,rgba(255,145,70,.34) 0%,rgba(255,181,122,.2) 46%,rgba(255,207,164,.08) 66%,transparent 100%),
    radial-gradient(ellipse 32% 41% at 34% 76%,rgba(255,236,205,.42) 0%,transparent 86%);
  filter:blur(52px);opacity:.84;
  animation:ws9-ambient-warm 17s ease-in-out infinite alternate;
}
.ws8::after{
  background:
    radial-gradient(ellipse 28% 38% at 47% 24%,rgba(255,250,236,.72) 0%,rgba(255,248,232,.36) 46%,transparent 90%),
    radial-gradient(ellipse 32% 44% at 72% 72%,rgba(255,255,255,.86) 0%,rgba(255,255,255,.22) 54%,transparent 92%);
  filter:blur(68px);opacity:.76;
  animation:ws9-ambient-ivory 22s ease-in-out infinite alternate;
}
.ws9-tech-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ws9-tech-grid,.ws9-tech-orbit,.ws9-particles{position:absolute;pointer-events:none}
.ws9-tech-grid{
  inset:10% 42% 14% 6%;border-radius:38px;opacity:.52;
  background:
    linear-gradient(rgba(149,93,53,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(149,93,53,.06) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:linear-gradient(90deg,#000 0 69%,rgba(0,0,0,.42) 84%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0 69%,rgba(0,0,0,.42) 84%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);
  animation:ws9-grid-drift 28s linear infinite;
}
.ws9-tech-orbit{border:1px solid rgba(152,97,58,.12);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,241,222,.08)}
.ws9-tech-orbit--outer{left:1%;top:8%;width:min(54vw,820px);aspect-ratio:1/1;opacity:.62;transform:rotate(-12deg);animation:ws9-orbit-float 26s ease-in-out infinite alternate}
.ws9-tech-orbit--inner{left:16%;top:31%;width:min(26vw,380px);aspect-ratio:1/1;opacity:.48;transform:rotate(18deg);animation:ws9-orbit-float 18s ease-in-out infinite alternate-reverse}
.ws9-particles{inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0 66%,rgba(0,0,0,.4) 81%,transparent 100%);mask-image:linear-gradient(90deg,#000 0 66%,rgba(0,0,0,.4) 81%,transparent 100%)}
.ws9-particle{
  position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:999px;
  opacity:var(--alpha);will-change:transform,opacity;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.98) 0%,rgba(255,237,212,.94) 38%,rgba(240,164,107,.38) 72%,rgba(240,164,107,0) 100%);
  box-shadow:0 0 0 1px rgba(255,245,233,.18),0 0 15px rgba(255,190,132,.17);
  animation:ws9-particle-drift var(--dur) ease-in-out infinite alternate,ws9-particle-pulse var(--pulse) ease-in-out infinite;
  animation-delay:var(--delay),var(--delay);
}
@keyframes ws9-ambient-warm{
  0%{transform:translate3d(-2.5%,-1.8%,0) scale(1.01);opacity:.74}
  50%{transform:translate3d(2.2%,1.8%,0) scale(1.08);opacity:.91}
  100%{transform:translate3d(5.4%,-1.4%,0) scale(1.04);opacity:.78}
}
@keyframes ws9-ambient-ivory{
  0%{transform:translate3d(2.8%,1.9%,0) scale(1.03);opacity:.66}
  50%{transform:translate3d(-3.6%,-2.2%,0) scale(1.1);opacity:.84}
  100%{transform:translate3d(-4.9%,2.8%,0) scale(1.05);opacity:.72}
}
@keyframes ws9-grid-drift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(10px,-8px,0)}100%{transform:translate3d(-8px,10px,0)}}
@keyframes ws9-orbit-float{0%{transform:translate3d(0,0,0) rotate(-12deg)}100%{transform:translate3d(18px,-14px,0) rotate(-8deg)}}
@keyframes ws9-particle-drift{0%{transform:translate3d(0,0,0) scale(.9)}100%{transform:translate3d(var(--dx),var(--dy),0) scale(1.16)}}
@keyframes ws9-particle-pulse{0%,100%{opacity:var(--alpha)}50%{opacity:calc(var(--alpha) + .18)}}
.ws8 [hidden]{display:none!important}
.ws8 a,.ws8 button{font:inherit;color:inherit}
.ws8 button{cursor:pointer}
.ws8-brandline{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(24px,3.15vw,52px) clamp(28px,6.1vw,116px) 0;position:relative;z-index:2}
.ws8-brand{display:inline-flex;gap:11px;align-items:center;font-size:18px;letter-spacing:-.035em;font-weight:590;color:var(--ws8-ink)!important}
.ws8-brand strong{font-weight:790}
.ws8-brand-symbol{font-size:21px;line-height:1;color:var(--ws8-orange)!important;transform:rotate(-11deg)}
.ws8-brand-meta{font-size:10px;letter-spacing:.23em;font-weight:670;color:#776c63;white-space:nowrap}
.ws8-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:clamp(45px,5.5vw,115px);align-items:stretch;flex:1;max-width:1850px;width:100%;margin:auto;padding:clamp(30px,4vw,68px) clamp(28px,6.1vw,116px) clamp(26px,3vw,52px)}
.ws8-story{min-width:0;display:flex;flex-direction:column;align-self:stretch;justify-content:center}
.ws8-story-body{padding:0}
.ws8-kicker{display:flex;align-items:center;gap:11px;margin:0 0 clamp(21px,2.3vw,35px);font-size:10px;line-height:1.5;font-weight:770;letter-spacing:.155em;color:#6f4b35}
.ws8-kicker-rule{width:22px;height:1px;flex-shrink:0;background:var(--ws8-orange)}
.ws8-hero-title{font-size:clamp(48px,4.7vw,91px);font-weight:850;line-height:1.23;letter-spacing:-.055em;margin:0;max-width:100%;color:#1b1a18;white-space:nowrap}
.ws8-hero-title span{display:block;color:var(--ws8-orange)}
.ws8-description{font-size:clamp(14px,1.01vw,17px);line-height:1.92;letter-spacing:.015em;color:#554d45;margin:clamp(22px,2.35vw,36px) 0 0;max-width:660px;text-wrap:pretty}
.ws8-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:0 29px;max-width:620px;width:100%;margin-top:clamp(28px,3vw,48px);border-top:1px solid var(--ws8-stroke);border-bottom:1px solid var(--ws8-stroke)}
.ws8-capability{display:flex;align-items:flex-start;gap:15px;min-width:0;padding:18px 3px 17px 0}
.ws8-capability:nth-child(-n+2){border-bottom:1px solid var(--ws8-stroke)}
.ws8-capability:nth-child(odd){position:relative}
.ws8-capability:nth-child(odd)::after{content:"";position:absolute;width:1px;right:-15px;top:17px;bottom:17px;background:rgba(77,53,36,.17)}
.ws8-capability-index{flex-shrink:0;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;color:#a9653c;font-size:10px;letter-spacing:.02em;margin-top:5px}
.ws8-capability div{display:flex;flex-direction:column;gap:5px;min-width:0}
.ws8-capability strong{font-size:clamp(13px,1vw,16px);line-height:1.45;font-weight:730;letter-spacing:.025em}
.ws8-capability div span{color:#776b62;font-size:12px;letter-spacing:.08em;line-height:1.5}
.ws8-story-foot{margin:clamp(28px,3.8vw,60px) 0 0;font-size:10px;line-height:1.65;font-weight:710;letter-spacing:.21em;color:#82644e}
.ws8-auth-region{width:100%;max-width:470px;justify-self:end;align-self:center;min-width:0}
.ws8-auth-content{width:100%;padding:19px 0 21px}
.ws8-view{width:100%;animation:ws8-enter .26s cubic-bezier(.2,.7,.3,1) both}
.ws8-heading{margin-bottom:36px}
.ws8-eyebrow{font-size:10px;letter-spacing:.2em;font-weight:760;color:#aa5b31}
.ws8-heading h2{font-size:clamp(31px,2.55vw,43px);line-height:1.2;margin:16px 0 12px;letter-spacing:-.05em;font-weight:790;color:#1c1a19}
.ws8-heading p{margin:0;color:#615952;font-size:13px;line-height:1.85;max-width:430px}
.ws8-field{display:flex;flex-direction:column;margin:0 0 23px;gap:4px}
.ws8-field label{font-size:10px;line-height:1.5;font-weight:760;letter-spacing:.18em;color:rgba(30,27,24,.8)}
.ws8-field input{background:transparent!important;border:0!important;border-radius:0!important;border-bottom:1px solid rgba(59,45,34,.35)!important;box-shadow:none!important;color:#171717!important;width:100%;min-height:47px;padding:10px 1px 9px;font-size:16px;line-height:1.5;outline:0!important;transition:border-color .2s ease,background-color .2s ease;caret-color:#171717}
.ws8-field input::placeholder{color:rgba(55,49,45,.48)}
.ws8-field input:focus{border-bottom-color:#9b4723!important;box-shadow:0 1px 0 rgba(155,71,35,.22)!important}
.ws8-field input:-webkit-autofill,.ws8-field input:-webkit-autofill:focus{-webkit-text-fill-color:#171717!important;transition:background-color 9999s ease-in-out 0s!important;caret-color:#171717}
.ws8-submitrow{display:flex;align-items:center;gap:18px;margin:29px 0 17px}
.ws8-submit{width:48px;height:48px;display:grid;place-items:center;border:1.5px solid #25201c!important;border-radius:50%;background:transparent!important;color:#171717!important;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;flex-shrink:0}
.ws8-submit>span{font-size:21px;font-weight:300;transform:translate(-1px,-1px);line-height:1;color:#171717!important}
.ws8-submit:hover,.ws8-submit:focus-visible{background:rgba(231,158,103,.19)!important;transform:translateX(3px);outline:2px solid transparent;box-shadow:0 0 0 4px rgba(155,71,35,.08)}
.ws8-submit:disabled{opacity:.46;cursor:wait;transform:none}
.ws8-submitlabel{font-size:13px;color:#2d2621;font-weight:710;letter-spacing:.055em}
.ws8-policy{display:flex;align-items:flex-start;gap:10px;color:#675c55;font-size:11px;line-height:1.8;cursor:pointer;margin:19px 0 0}
.ws8-policy input{margin:4px 0 0;width:15px;height:15px;flex-shrink:0;accent-color:var(--ws8-orange)}
.ws8-links{display:flex;gap:16px;align-items:center;margin-top:28px;font-size:12px;color:#49403a}
.ws8-links button{border:0;background:none;padding:0;color:inherit;text-decoration:none;transition:color .18s}
.ws8-links button:hover,.ws8-links button:focus-visible{color:var(--ws8-orange);text-decoration:underline;text-underline-offset:4px;outline:none}
.ws8-links span{color:rgba(35,27,23,.37)}
.ws8-feedback{min-height:16px;color:#94381c;margin:12px 0 0;line-height:1.5;font-size:12px;font-weight:650}
.ws8-notice{font-size:12px;color:#49392d;background:rgba(255,255,255,.35);border-left:2px solid rgba(184,92,39,.7);padding:10px 14px;margin:0 0 16px;line-height:1.65}
.ws8-caption{font-size:12px;line-height:1.7;color:#6c6158;margin:15px 0 0}
.ws8-bottom{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(28px,6.1vw,116px) clamp(18px,2.9vw,38px);font-size:11px;color:#77685c}
.ws8-bottom nav{display:flex;gap:22px;align-items:center}.ws8-bottom a:hover{color:var(--ws8-orange);text-decoration:underline;text-underline-offset:4px}
.ws8-view[data-view="register"] .ws8-heading{margin-bottom:20px}
.ws8-view[data-view="register"] .ws8-field{margin-bottom:10px}
.ws8-view[data-view="register"] .ws8-field input{min-height:39px;font-size:14px;padding:6px 1px}
.ws8-view[data-view="register"] .ws8-submitrow{margin:14px 0 8px}
.ws8-view[data-view="register"] .ws8-submit{width:46px;height:46px}
.ws8-view[data-view="register"] .ws8-policy{margin-top:9px}
.ws8-view[data-view="register"] .ws8-links{margin-top:14px}
@keyframes ws8-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media (min-width:1700px){.ws8-main{gap:110px}.ws8-description{max-width:700px}}
@media (max-width:1320px){.ws8-main{gap:clamp(30px,3.4vw,60px)}.ws8-hero-title{font-size:clamp(43px,4.65vw,70px)}.ws8-capabilities{margin-top:26px}.ws8-capability{padding-top:15px;padding-bottom:14px}}
@media (max-width:1050px){.ws8-main{grid-template-columns:minmax(0,56fr) minmax(0,44fr);gap:32px;padding-left:5vw;padding-right:5vw}.ws8-brandline,.ws8-bottom{padding-left:5vw;padding-right:5vw}.ws8-hero-title{font-size:clamp(39px,4.5vw,57px)}.ws8-kicker{font-size:9px;letter-spacing:.095em}.ws8-description{font-size:13px}.ws8-capability{gap:9px}.ws8-capability div span{font-size:11px}.ws9-tech-grid{inset:12% 40% 14% 5%}.ws9-tech-orbit--outer{width:min(58vw,680px)}.ws9-tech-orbit--inner{left:18%;top:34%;width:min(30vw,300px)}}
@media (max-width:780px){
 .ws8{overflow:clip}.ws8::after{display:none}.ws8::before{filter:blur(26px);opacity:.66}
 .ws9-tech-grid,.ws9-tech-orbit--outer{display:none}.ws9-tech-orbit--inner{left:52%;top:7%;width:160px;opacity:.22}.ws9-particles{opacity:.72}.ws9-particle:nth-child(n+13){display:none}
 .ws8-brandline{padding:24px 25px 0}.ws8-brand-meta{display:none}
 .ws8-main{display:flex;flex-direction:column;gap:27px;align-items:stretch;padding:37px 25px 26px}
 .ws8-story{min-height:auto}.ws8-story-body{padding:0}
 .ws8-kicker{font-size:9px;letter-spacing:.10em;margin-bottom:18px}
 .ws8-hero-title{font-size:clamp(32px,7.8vw,59px);line-height:1.26;letter-spacing:-.045em}
 .ws8-description{font-size:13px;line-height:1.78;margin-top:20px;max-width:640px}
 .ws8-capabilities{margin-top:22px;max-width:100%;gap:0 20px}
 .ws8-capability{padding:13px 0 12px;gap:10px}
 .ws8-capability:nth-child(odd)::after{right:-11px;top:14px;bottom:14px}
 .ws8-capability strong{font-size:13px}.ws8-capability-index{font-size:9px}
 .ws8-story-foot{margin-top:22px;font-size:9px;letter-spacing:.15em}
 .ws8-auth-region{max-width:100%;align-self:stretch;border-top:1px solid rgba(64,44,29,.17)}
 .ws8-auth-content{padding:31px 0 12px;max-width:560px}
 .ws8-heading{margin-bottom:23px}.ws8-heading h2{font-size:30px;margin:10px 0}
 .ws8-bottom{padding:4px 25px 27px;display:grid;gap:9px;font-size:10px}
 .ws8-bottom nav{gap:20px}
}
@media (max-width:380px){.ws8-brand{font-size:16px}.ws8-hero-title{font-size:31px}.ws8-capability strong{font-size:12px}.ws8-field input{font-size:14px}.ws8-bottom{font-size:9px}.ws8-kicker{font-size:8px}.ws9-particle:nth-child(n+10){display:none}}
@media (prefers-reduced-motion:reduce){.ws8::before,.ws8::after,.ws8-view,.ws9-tech-grid,.ws9-tech-orbit,.ws9-particle{animation:none!important}.ws8::before,.ws8::after,.ws9-particle{will-change:auto;transform:none}.ws9-tech-grid,.ws9-tech-orbit,.ws9-particles{opacity:.22}.ws8-submit,.ws8-links button,.ws8-field input{transition:none}}
.ws8 .ws8-links button:focus-visible,.ws8 .ws8-submit:focus-visible{outline:2px solid var(--ws8-orange)!important;outline-offset:4px}
.ws8 .ws8-policy input:focus-visible{outline:2px solid var(--ws8-orange);outline-offset:2px}


/* Hotfix 9 v5: explicit policy consent dialog, without resetting form values. */
.ws9-consent-overlay[hidden]{display:none!important}
.ws9-consent-overlay{
 position:fixed;inset:0;z-index:5000;display:grid;place-items:center;
 padding:24px;background:rgba(31,27,23,.36);backdrop-filter:blur(12px);
 -webkit-backdrop-filter:blur(12px);
}
.ws9-consent-dialog{
 width:min(100%,440px);padding:clamp(26px,4vw,36px);
 background:linear-gradient(140deg,#fffaf5 0%,#ffffff 85%);
 border:1px solid rgba(118,74,50,.14);border-radius:22px;
 box-shadow:0 24px 90px rgba(52,30,19,.23),0 1px 5px rgba(52,30,19,.06);
 color:#221d19;outline:none;
}
.ws9-consent-eyebrow{display:block;color:#9d4e25;font-weight:780;letter-spacing:.16em;font-size:10px;margin-bottom:14px}
.ws9-consent-dialog h2{font-size:clamp(21px,2.4vw,26px);line-height:1.35;letter-spacing:-.02em;margin:0 0 12px;font-weight:770}
.ws9-consent-dialog p{font-size:14px;line-height:1.9;color:#665b51;margin:0}
.ws9-consent-actions{display:flex;gap:12px;margin-top:28px;justify-content:flex-end}
.ws9-consent-actions button{border-radius:12px;padding:12px 20px;border:1px solid #b8a89c;line-height:1.2;font-size:13px;font-weight:710;cursor:pointer;min-height:44px}
.ws9-consent-cancel{background:transparent;color:#49423b}
.ws9-consent-confirm{background:#a44822;color:#fff;border-color:#a44822!important}
.ws9-consent-actions button:focus-visible{outline:3px solid #f2b38a;outline-offset:2px}
.ws9-consent-confirm:hover{background:#873a1b}
@media(max-width:480px){.ws9-consent-overlay{padding:16px}.ws9-consent-dialog{border-radius:17px;padding:24px}.ws9-consent-actions{display:grid;grid-template-columns:1fr 1fr}.ws9-consent-actions button{padding:11px 8px}}
.ws8 .ws9-consent-confirm{color:#fff}
.ws8 .ws9-consent-cancel{color:#49423b}

/* Hotfix 9 v6: original user-supplied SVG replaces the oversized submit arrows.
   Visually compact, with a 44px accessible click target and no heavy circular outline. */
.ws8 .ws8-submit,
.ws8 .ws8-view[data-view="register"] .ws8-submit {
  width:44px;height:44px;min-width:44px;min-height:44px;
  border:0!important;border-radius:12px!important;
  padding:0!important;display:grid;place-items:center;
  background:transparent!important;box-shadow:none!important;
  color:#515151!important;
  transition:background-color .18s ease,transform .18s ease;
}
.ws8 .ws8-submit .ws8-submit-icon{
  display:block;flex-shrink:0;width:32px;height:32px;
  color:#515151;fill:currentColor;pointer-events:none;
}
.ws8 .ws8-submit:hover,
.ws8 .ws8-submit:focus-visible {
  background:rgba(164,72,34,.09)!important;
  box-shadow:none!important;transform:translateX(1px);
}
.ws8 .ws8-submit:active {transform:translateX(1px) scale(.96)}
.ws8 .ws8-submit:disabled {opacity:.46;transform:none;cursor:wait}
@media (prefers-reduced-motion:reduce){
  .ws8 .ws8-submit{transition:none!important;transform:none!important}
}


/* Hotfix 9 v7: SVG and visible copy form ONE accessible submit button.
   Its SVG hit area remains 44x44 and the SVG remains 32x32. */
.ws8 .ws8-submit,
.ws8 .ws8-view[data-view="register"] .ws8-submit {
  width:max-content!important;
  height:44px!important;
  min-width:0!important;
  min-height:44px!important;
  max-width:100%;
  display:inline-flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:0 14px 0 0!important;
  border:0!important;
  border-radius:12px!important;
  text-align:left;
  background:transparent!important;
}
.ws8 .ws8-submit>.ws8-submit-hit-icon {
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  font-size:initial!important;
  font-weight:initial!important;
  line-height:normal!important;
  transform:none!important;
  pointer-events:none;
}
.ws8 .ws8-submit .ws8-submit-icon{
  width:32px!important;
  height:32px!important;
}
.ws8 .ws8-submit>.ws8-submitlabel {
  display:block;
  flex:0 1 auto;
  min-width:0;
  color:#2d2621;
  font-size:13px;
  font-weight:710;
  letter-spacing:.055em;
  white-space:nowrap;
  pointer-events:none;
}
.ws8 .ws8-submit:hover,
.ws8 .ws8-submit:focus-visible {
  background:rgba(164,72,34,.09)!important;
}
.ws8 .ws8-submit:disabled{opacity:.46;cursor:wait;transform:none}
@media(max-width:380px){.ws8 .ws8-submit{gap:8px;padding-right:9px!important}.ws8 .ws8-submit>.ws8-submitlabel{font-size:12px}}


/* Hotfix 9 v8: clear ambient motion, visible (but restrained) technology layer,
   matching hover/focus/active behavior for all unified submit buttons. */
.ws8{
 background:
  radial-gradient(ellipse at 13% 18%,rgba(255,219,168,.48),transparent 47%),
  linear-gradient(110deg,#f6a265 0%,#ffc291 21%,#ffdfbe 45%,#fff0dd 67%,#fffaf4 85%,#fff 100%);
 background-size:125% 118%,145% 112%;
 background-position:10% 42%,0% 50%;
 animation:ws9-v8-base-flow 17s ease-in-out infinite alternate;
}
/* These layers must be ABOVE the base gradient, not behind it. */
.ws8::before,.ws8::after{z-index:0;pointer-events:none}
.ws8::before{
 background:
  radial-gradient(ellipse 36% 45% at 14% 42%,rgba(255,137,55,.68) 0%,rgba(255,166,93,.42) 34%,rgba(255,203,150,.19) 63%,transparent 84%),
  radial-gradient(ellipse 27% 34% at 44% 65%,rgba(253,190,132,.32) 0%,transparent 82%);
 filter:blur(36px);opacity:.76;
 animation:ws9-v8-orange-drift 14s cubic-bezier(.45,0,.55,1) infinite alternate;
}
.ws8::after{
 background:
  radial-gradient(ellipse 28% 36% at 45% 30%,rgba(255,254,227,.95) 0%,rgba(255,250,228,.56) 38%,transparent 87%),
  radial-gradient(ellipse 22% 39% at 26% 74%,rgba(255,218,178,.43) 0%,transparent 85%);
 filter:blur(42px);opacity:.68;
 animation:ws9-v8-ivory-drift 19s cubic-bezier(.48,0,.52,1) infinite alternate;
}
.ws9-tech-bg{z-index:0;pointer-events:none;overflow:hidden}
.ws9-tech-grid{
 opacity:.72;
 background:
  linear-gradient(rgba(164,85,34,.085) 1px,transparent 1px),
  linear-gradient(90deg,rgba(164,85,34,.085) 1px,transparent 1px);
 background-size:42px 42px;
}
.ws9-tech-orbit{border-color:rgba(149,75,28,.21)}
.ws9-particle{
 background:radial-gradient(circle at 35% 35%,#fff 0%,#ffe7cb 32%,rgba(175,79,22,.72) 69%,rgba(175,79,22,.03) 100%);
 box-shadow:0 0 0 1px rgba(149,77,27,.26),0 0 19px rgba(255,149,75,.40);
 filter:drop-shadow(0 0 5px rgba(185,91,38,.29));
}
.ws8-brandline,.ws8-main,.ws8-bottom{position:relative;z-index:2}
@keyframes ws9-v8-base-flow{
  0%{background-position:10% 42%,0% 50%}
  48%{background-position:82% 56%,53% 50%}
  100%{background-position:32% 38%,100% 50%}
}
@keyframes ws9-v8-orange-drift{
  0%{transform:translate3d(-7%,-2%,0) scale(.96);opacity:.65}
  48%{transform:translate3d(7%,3%,0) scale(1.15);opacity:.94}
  100%{transform:translate3d(12%,-3%,0) scale(1.04);opacity:.82}
}
@keyframes ws9-v8-ivory-drift{
  0%{transform:translate3d(8%,3%,0) scale(.95);opacity:.7}
  50%{transform:translate3d(-8%,-4%,0) scale(1.1);opacity:.96}
  100%{transform:translate3d(-13%,4%,0) scale(1.01);opacity:.76}
}
/* Hover specificity must equal/exceed the special register-view rule. */
.ws8 .ws8-submit:hover,
.ws8 .ws8-submit:focus-visible,
.ws8 .ws8-view[data-view="register"] .ws8-submit:hover,
.ws8 .ws8-view[data-view="register"] .ws8-submit:focus-visible{
 background:rgba(166,72,30,.18)!important;
 box-shadow:0 2px 13px rgba(147,66,26,.12)!important;
 transform:translate3d(3px,-1px,0);
}
.ws8 .ws8-submit:active,
.ws8 .ws8-view[data-view="register"] .ws8-submit:active{
 background:rgba(166,72,30,.23)!important;
 transform:translate3d(2px,0,0) scale(.97);
}
.ws8 .ws8-submit:focus-visible,
.ws8 .ws8-view[data-view="register"] .ws8-submit:focus-visible{
 outline:2px solid #9b4c25!important;
 outline-offset:3px;
}
.ws8 .ws8-submit:disabled,
.ws8 .ws8-view[data-view="register"] .ws8-submit:disabled{
 opacity:.46;transform:none;background:transparent!important;
 box-shadow:none!important;cursor:wait;
}
.ws8,.ws8 *,.ws8 *::before,.ws8 *::after{box-sizing:border-box}
/* A purely textual list of application categories, deliberately not links. */
.ws8-platforms{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 15px;color:#665a51}
.ws8-platforms span{white-space:nowrap;cursor:default}
.ws8-platforms span+span::before{content:"/";margin-right:15px;color:rgba(83,68,56,.32)}
@media(max-width:780px){
 .ws8::before{filter:blur(28px)}
 .ws9-tech-bg{opacity:.7}
 .ws8-platforms{justify-content:flex-start;gap:6px 12px}
 .ws8-platforms span+span::before{margin-right:12px}
}
@media(max-width:380px){
 .ws8-platforms span+span::before{display:none}
 .ws8-platforms{gap:7px 14px}
}
@media(prefers-reduced-motion:reduce){
 .ws8,.ws8::before,.ws8::after,.ws9-tech-bg,.ws9-tech-grid,.ws9-tech-orbit,.ws9-particles,.ws9-particle{animation:none!important;transition:none!important}
 .ws8::before,.ws8::after{will-change:auto;transform:none!important}
 .ws8 .ws8-submit{transition:none!important}
}

@media (max-width:1500px){.ws8-bottom{flex-wrap:wrap}.ws8-platforms{max-width:100%}}
@media (max-width:780px){.ws8-platforms{justify-content:flex-start;max-width:100%;line-height:1.65}}


/* Hotfix 9 v9: stronger animated orange-to-ivory motion with subtle “results” telemetry.
   Keeps the existing business logic and only enriches the sign-in visual system. */
.ws8-story{position:relative}
.ws8-story-body{position:relative;z-index:1}
.ws8{background:
  radial-gradient(ellipse at 11% 19%,rgba(255,176,94,.62),transparent 46%),
  radial-gradient(ellipse at 31% 74%,rgba(255,216,173,.46),transparent 38%),
  linear-gradient(111deg,#ef8b3f 0%,#f5a55c 14%,#ffc484 33%,#ffe0bb 54%,#fff0df 73%,#fff8f1 88%,#ffffff 100%)!important;
  background-size:145% 132%,118% 118%,160% 124%!important;
  background-position:6% 38%,24% 74%,0% 50%!important;
  animation:ws9-v9-base-flow 11s cubic-bezier(.42,0,.24,1) infinite alternate!important;
}
.ws8::before{
  background:
    radial-gradient(ellipse 41% 51% at 12% 40%,rgba(255,120,28,.88) 0%,rgba(255,154,74,.54) 33%,rgba(255,199,145,.22) 61%,transparent 82%),
    radial-gradient(ellipse 28% 32% at 44% 67%,rgba(254,189,108,.42) 0%,transparent 82%)!important;
  filter:blur(26px)!important;opacity:.92!important;
  animation:ws9-v9-orange-drift 8.5s cubic-bezier(.37,0,.26,1) infinite alternate!important;
}
.ws8::after{
  background:
    radial-gradient(ellipse 30% 38% at 49% 28%,rgba(255,255,237,.98) 0%,rgba(255,248,220,.68) 41%,transparent 86%),
    radial-gradient(ellipse 24% 41% at 22% 78%,rgba(255,214,161,.54) 0%,transparent 84%)!important;
  filter:blur(34px)!important;opacity:.84!important;
  animation:ws9-v9-ivory-drift 10.5s cubic-bezier(.41,0,.28,1) infinite alternate!important;
}
.ws9-tech-bg{z-index:0!important;opacity:1}
.ws9-tech-bg::before,.ws9-tech-bg::after{content:"";position:absolute;pointer-events:none}
.ws9-tech-bg::before{
  inset:-8% 40% 9% -10%;
  background:radial-gradient(ellipse at 24% 40%,rgba(255,196,121,.38) 0%,rgba(255,214,168,.16) 34%,transparent 70%);
  filter:blur(18px);opacity:.95;animation:ws9-v9-sweep 7.8s ease-in-out infinite alternate;
}
.ws9-tech-bg::after{
  inset:0 46% 0 2%;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.28) 24%,rgba(255,198,133,.16) 36%,transparent 54%);
  opacity:.72;transform:translate3d(-10%,0,0) skewX(-16deg);filter:blur(2px);animation:ws9-v9-scan 6.8s ease-in-out infinite;
}
.ws9-tech-grid{opacity:.9!important;background-size:38px 38px!important;animation:ws9-grid-drift 16s linear infinite!important}
.ws9-tech-orbit{border-color:rgba(155,77,30,.28)!important;box-shadow:inset 0 0 0 1px rgba(255,243,229,.18)!important}
.ws9-tech-orbit--outer{opacity:.82!important;animation:ws9-v9-orbit-outer 18s ease-in-out infinite alternate!important}
.ws9-tech-orbit--inner{opacity:.72!important;animation:ws9-v9-orbit-inner 12s ease-in-out infinite alternate!important}
.ws9-particles{-webkit-mask-image:linear-gradient(90deg,#000 0 78%,rgba(0,0,0,.55) 88%,transparent 100%)!important;mask-image:linear-gradient(90deg,#000 0 78%,rgba(0,0,0,.55) 88%,transparent 100%)!important}
.ws9-particle{box-shadow:0 0 0 1px rgba(149,77,27,.33),0 0 24px rgba(255,141,54,.52)!important;filter:drop-shadow(0 0 8px rgba(184,79,26,.34))!important;animation:ws9-particle-drift var(--dur) ease-in-out infinite alternate,ws9-v9-particle-pulse calc(var(--pulse) * .8) ease-in-out infinite!important}

.ws9-impact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;max-width:720px}
.ws9-impact-card{
  position:relative;display:flex;align-items:flex-start;gap:12px;min-width:0;
  padding:14px 14px 13px;border-radius:18px;
  border:1px solid rgba(152,94,55,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,249,241,.14));
  box-shadow:0 12px 34px rgba(173,101,47,.10);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  animation:ws9-v9-card-float 6.2s ease-in-out infinite;
}
.ws9-impact-card:nth-child(2){animation-delay:-2.2s}
.ws9-impact-card:nth-child(3){animation-delay:-4s}
.ws9-impact-icon{
  width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;
  border-radius:12px;background:rgba(255,242,227,.72);color:#a04d24;
  box-shadow:inset 0 0 0 1px rgba(160,77,36,.08);
}
.ws9-impact-icon svg{width:20px;height:20px;display:block}
.ws9-impact-copy{display:flex;flex-direction:column;min-width:0;gap:4px;flex:1}
.ws9-impact-copy strong{font-size:12px;line-height:1.3;font-weight:760;color:#47372a;letter-spacing:.035em}
.ws9-impact-copy b{font-size:23px;line-height:1;font-weight:820;letter-spacing:-.03em;color:#1e1a17}
.ws9-impact-copy span{font-size:11px;line-height:1.45;color:#7a6759;letter-spacing:.03em}
.ws9-impact-meter{position:relative;display:block;height:4px;border-radius:999px;background:rgba(160,77,36,.11);overflow:hidden;margin-top:5px}
.ws9-impact-meter em{position:absolute;inset:0 auto 0 0;display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f0a055 0%,#cb622d 100%);box-shadow:0 0 10px rgba(202,98,45,.26);animation:ws9-v9-meter 2.8s ease-out infinite alternate}
.ws9-impact-card--efficiency .ws9-impact-meter em{width:74%}
.ws9-impact-card--quality .ws9-impact-meter em{width:86%;animation-delay:-.6s}
.ws9-impact-card--performance .ws9-impact-meter em{width:68%;animation-delay:-1.1s}

@keyframes ws9-v9-base-flow{0%{background-position:8% 36%,24% 78%,0% 50%}35%{background-position:74% 48%,40% 66%,56% 48%}70%{background-position:30% 24%,10% 90%,88% 56%}100%{background-position:86% 40%,44% 58%,100% 50%}}
@keyframes ws9-v9-orange-drift{0%{transform:translate3d(-8%,-2%,0) scale(.94);opacity:.76}50%{transform:translate3d(8%,4%,0) scale(1.18);opacity:1}100%{transform:translate3d(16%,-3%,0) scale(1.02);opacity:.86}}
@keyframes ws9-v9-ivory-drift{0%{transform:translate3d(10%,2%,0) scale(.92);opacity:.74}50%{transform:translate3d(-8%,-5%,0) scale(1.14);opacity:1}100%{transform:translate3d(-16%,5%,0) scale(1.02);opacity:.84}}
@keyframes ws9-v9-sweep{0%{transform:translate3d(-8%,0,0) scale(.96);opacity:.58}50%{transform:translate3d(8%,-2%,0) scale(1.05);opacity:.95}100%{transform:translate3d(16%,2%,0) scale(1.08);opacity:.72}}
@keyframes ws9-v9-scan{0%{transform:translate3d(-18%,0,0) skewX(-16deg);opacity:0}18%{opacity:.55}50%{transform:translate3d(34%,0,0) skewX(-16deg);opacity:.8}100%{transform:translate3d(92%,0,0) skewX(-16deg);opacity:0}}
@keyframes ws9-v9-orbit-outer{0%{transform:translate3d(0,0,0) rotate(-12deg) scale(.98)}50%{transform:translate3d(18px,-14px,0) rotate(-6deg) scale(1.03)}100%{transform:translate3d(28px,8px,0) rotate(-2deg) scale(1.06)}}
@keyframes ws9-v9-orbit-inner{0%{transform:translate3d(0,0,0) rotate(18deg) scale(.96)}50%{transform:translate3d(10px,-12px,0) rotate(24deg) scale(1.05)}100%{transform:translate3d(18px,6px,0) rotate(28deg) scale(1.08)}}
@keyframes ws9-v9-particle-pulse{0%,100%{opacity:calc(var(--alpha) + .06);transform:scale(.96)}50%{opacity:calc(var(--alpha) + .42);transform:scale(1.18)}}
@keyframes ws9-v9-card-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
@keyframes ws9-v9-meter{0%{transform:scaleX(.68);transform-origin:left center;opacity:.76}100%{transform:scaleX(1);transform-origin:left center;opacity:1}}
@media(max-width:1200px){.ws9-impact{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}.ws9-impact-card:last-child{grid-column:1/-1;max-width:300px}}
@media(max-width:780px){.ws9-impact{grid-template-columns:1fr;max-width:100%;gap:12px}.ws9-impact-card:last-child{grid-column:auto;max-width:none}.ws9-tech-bg::after{inset:6% 16% auto 0;height:34%}.ws9-tech-grid{inset:8% 15% 22% 0!important;opacity:.64!important}}
@media(max-width:420px){.ws9-impact-copy b{font-size:20px}.ws9-impact-card{padding:13px 12px;border-radius:16px}.ws9-impact-icon{width:34px;height:34px;flex-basis:34px}.ws9-impact-icon svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.ws9-tech-bg::before,.ws9-tech-bg::after,.ws9-impact-card,.ws9-impact-meter em{animation:none!important}}


/* Hotfix 9 v10: keep warm flowing light, remove grid/line/ring/dot background ornaments. */
.ws9-tech-bg{z-index:0;overflow:hidden;pointer-events:none}
.ws9-tech-grid,.ws9-tech-orbit,.ws9-particles,.ws9-particle{display:none!important}
.ws9-tech-bg::before{
  content:"";position:absolute;inset:-12% 32% -6% -10%;pointer-events:none;
  background:radial-gradient(ellipse 55% 60% at 36% 51%,rgba(255,227,188,.49) 0%,rgba(255,221,184,.23) 55%,transparent 89%)!important;
  filter:blur(32px)!important;opacity:.76;
  animation:ws9-v10-warm-light 10s ease-in-out infinite alternate!important;
}
.ws9-tech-bg::after{
  content:"";position:absolute;inset:-8% 35% -10% 2%;pointer-events:none;
  background:radial-gradient(ellipse 36% 50% at 50% 48%,rgba(255,255,250,.72) 0%,rgba(255,245,226,.25) 51%,transparent 90%)!important;
  filter:blur(46px)!important;opacity:.8;
  animation:ws9-v10-ivory-light 12s ease-in-out infinite alternate!important;
}
@keyframes ws9-v10-warm-light{
  0%{transform:translate3d(-7%,-3%,0) scale(.96);opacity:.64}
  100%{transform:translate3d(12%,4%,0) scale(1.12);opacity:.9}
}
@keyframes ws9-v10-ivory-light{
  0%{transform:translate3d(11%,3%,0) scale(.98);opacity:.76}
  100%{transform:translate3d(-12%,-3%,0) scale(1.11);opacity:.98}
}
/* Odometer digits roll in each metric while the cards stay in place. */
.ws9-impact-card{animation:none!important;transform:none!important}
.ws9-odometer{position:relative;display:inline-block;font-size:23px;line-height:1;font-weight:820;letter-spacing:-.03em;color:#1e1a17;font-variant-numeric:tabular-nums;white-space:nowrap}
.ws9-odometer-visual{display:inline-flex;align-items:baseline;justify-content:flex-start}
.ws9-odometer-symbol{display:inline-block;line-height:1em}
.ws9-odometer-slot{position:relative;display:inline-block;overflow:hidden;vertical-align:bottom;height:1em;line-height:1em;width:.63em;text-align:center}
.ws9-odometer-reel{display:flex;flex-direction:column;animation:ws9-v10-odometer-roll 9s cubic-bezier(.32,.75,.28,1) infinite;animation-delay:var(--ws9-delay,0s);will-change:transform}
.ws9-odometer-reel>span{display:block;flex:0 0 1em;height:1em;line-height:1em;text-align:center}
.ws9-odometer-static{display:none}
@keyframes ws9-v10-odometer-roll{
  0%,9%{transform:translate3d(0,0,0)}
  43%,88%{transform:translate3d(0,calc(var(--ws9-end) * -1em),0)}
  100%{transform:translate3d(0,0,0)}
}
.ws9-impact-note{margin:9px 0 0;color:#796454;font-size:10px;line-height:1.4;letter-spacing:.02em}
/* Unified submit: only a gentle background on hover; do not move, resize or wobble. */
.ws8 .ws8-submit,
.ws8 .ws8-view[data-view="register"] .ws8-submit{
 transform:none!important;box-shadow:none!important;filter:none!important;
 transition:background-color .18s ease!important;
}
.ws8 .ws8-submit:hover:not(:disabled),
.ws8 .ws8-view[data-view="register"] .ws8-submit:hover:not(:disabled){
 background:rgba(164,72,34,.16)!important;transform:none!important;box-shadow:none!important;
}
.ws8 .ws8-submit:active,
.ws8 .ws8-view[data-view="register"] .ws8-submit:active{
 transform:none!important;box-shadow:none!important;
}
.ws8 .ws8-submit:focus-visible,
.ws8 .ws8-view[data-view="register"] .ws8-submit:focus-visible{
 transform:none!important;box-shadow:none!important;outline:2px solid #9b4c25!important;outline-offset:3px;
}
.ws8 .ws8-submit:disabled,
.ws8 .ws8-view[data-view="register"] .ws8-submit:disabled{
 background:transparent!important;transform:none!important;opacity:.46;cursor:wait;
}
@media(max-width:420px){.ws9-odometer{font-size:20px}}
@media(prefers-reduced-motion:reduce){
 .ws9-odometer-reel{animation:none!important;transform:translate3d(0,calc(var(--ws9-end) * -1em),0)!important;will-change:auto}
 .ws9-tech-bg::before,.ws9-tech-bg::after{animation:none!important;transform:none!important;filter:blur(38px)!important}
 .ws8 .ws8-submit{transition:none!important}
}

/* Hotfix 9 v11: restore only gentle animated light streaks; keep orbits, particles, grid hidden. */
.ws11-streams{position:absolute;inset:0 36% 0 0;overflow:hidden;pointer-events:none;z-index:1;opacity:.94}
.ws11-stream{position:absolute;display:block;height:2px;width:clamp(190px,29vw,550px);pointer-events:none;opacity:0;
 background:linear-gradient(90deg,transparent 0%,rgba(255,247,226,.0) 10%,rgba(255,250,232,.96) 42%,rgba(210,107,43,.39) 62%,transparent 100%);
 box-shadow:0 0 8px 2px rgba(255,208,157,.28),0 0 24px rgba(228,125,56,.13);
 transform-origin:center;animation:ws11-streak-travel var(--streak-time,9s) cubic-bezier(.35,0,.25,1) infinite;
 animation-delay:var(--streak-delay,0s);
}
.ws11-stream--one{left:0%;top:20%;transform:rotate(-24deg);--streak-time:9s;--streak-delay:-1.4s}
.ws11-stream--two{left:4%;top:43%;width:clamp(180px,23vw,420px);transform:rotate(-24deg);--streak-time:11s;--streak-delay:-6s}
.ws11-stream--three{left:15%;top:65%;width:clamp(200px,26vw,490px);transform:rotate(-24deg);--streak-time:12.5s;--streak-delay:-3.3s}
.ws11-stream--four{left:30%;top:31%;width:clamp(140px,17vw,340px);height:1px;transform:rotate(-24deg);--streak-time:14s;--streak-delay:-8.4s}
@keyframes ws11-streak-travel{
  0%{transform:translate3d(-130px,58px,0) rotate(-24deg) scaleX(.88);opacity:0}
  15%{opacity:.78}
  50%{transform:translate3d(85px,-50px,0) rotate(-24deg) scaleX(1.04);opacity:.82}
  85%{opacity:.52}
  100%{transform:translate3d(235px,-120px,0) rotate(-24deg) scaleX(1.12);opacity:0}
}
/* Two times the original v10 odometer font size, including narrow screens. */
.ws8 .ws9-odometer{font-size:46px!important;line-height:1!important}
/* Existing general card rule makes all descendant spans 11px; override it for the number reels. */
.ws8 .ws9-odometer span{font-size:1em!important;line-height:1em!important}
.ws8 .ws9-impact-copy{min-width:0}
.ws8 .ws9-impact-card{min-width:0}
@media(max-width:1050px){.ws11-streams{inset:0 28% 0 0}.ws11-stream{opacity:.8}}
@media(max-width:780px){.ws11-streams{inset:0 0 42% 0;opacity:.72}.ws11-stream--three,.ws11-stream--four{display:none}}
@media(max-width:420px){.ws8 .ws9-odometer{font-size:40px!important}.ws11-stream{width:210px}}
@media(prefers-reduced-motion:reduce){.ws11-stream{animation:none!important;opacity:.20!important;transform:rotate(-24deg)!important}}


/* Hotfix 9 v12: remove streak lines, strengthen warm ambient glow, restore medium odometer sizing, remove extra hint text. */
.ws11-streams,.ws11-stream{display:none!important}
.ws8{
  background:
    radial-gradient(ellipse at 12% 18%,rgba(255,170,86,.70),transparent 40%),
    radial-gradient(ellipse at 30% 74%,rgba(255,215,173,.55),transparent 34%),
    linear-gradient(112deg,#f6b16b 0%,#ffd4a9 24%,#fff2df 56%,#fffaf4 100%)!important;
}
.ws8::before,.ws8::after{display:block!important;opacity:1!important;filter:blur(52px)!important;will-change:transform,opacity!important}
.ws8::before{
  inset:-12% auto auto -16%!important;
  width:min(66vw,920px)!important;height:min(70vw,940px)!important;
  background:
    radial-gradient(ellipse 46% 54% at 16% 42%,rgba(255,118,22,.95) 0%,rgba(255,151,68,.68) 30%,rgba(255,194,130,.26) 58%,transparent 82%),
    radial-gradient(ellipse 24% 30% at 45% 68%,rgba(255,196,117,.52) 0%,transparent 80%)!important;
  animation:ws12-aurora-left 16s ease-in-out infinite alternate!important;
}
.ws8::after{
  inset:auto -10% -18% auto!important;
  width:min(48vw,720px)!important;height:min(50vw,760px)!important;
  background:
    radial-gradient(ellipse 34% 44% at 48% 28%,rgba(255,255,244,.99) 0%,rgba(255,250,227,.82) 36%,rgba(255,240,215,.28) 62%,transparent 86%),
    radial-gradient(ellipse 24% 40% at 22% 74%,rgba(255,211,156,.58) 0%,transparent 82%)!important;
  animation:ws12-aurora-right 18s ease-in-out infinite alternate!important;
}
.ws9-tech-bg{z-index:0!important;opacity:1!important;overflow:hidden!important}
.ws9-tech-bg::before,
.ws9-tech-bg::after{content:"";position:absolute;pointer-events:none;display:block;filter:blur(42px)!important;will-change:transform,opacity}
.ws9-tech-bg::before{
  inset:2% auto auto 6%!important;width:min(44vw,640px)!important;height:min(34vw,460px)!important;
  background:radial-gradient(ellipse at 34% 44%,rgba(255,208,148,.68) 0%,rgba(255,227,191,.34) 44%,transparent 76%)!important;
  animation:ws12-core-wave 12s ease-in-out infinite alternate!important;
}
.ws9-tech-bg::after{
  inset:auto 8% 0 auto!important;width:min(38vw,520px)!important;height:min(28vw,360px)!important;
  background:radial-gradient(ellipse at 50% 46%,rgba(255,255,249,.88) 0%,rgba(255,244,219,.34) 48%,transparent 82%)!important;
  animation:ws12-core-wave-b 14s ease-in-out infinite alternate!important;
}
@keyframes ws12-aurora-left{
  0%{transform:translate3d(-2%,1%,0) scale(1);opacity:.94}
  35%{transform:translate3d(4%,-2%,0) scale(1.06);opacity:1}
  70%{transform:translate3d(8%,4%,0) scale(1.11);opacity:.92}
  100%{transform:translate3d(12%,1%,0) scale(1.05);opacity:.98}
}
@keyframes ws12-aurora-right{
  0%{transform:translate3d(0,0,0) scale(.98);opacity:.9}
  30%{transform:translate3d(-5%,-3%,0) scale(1.04);opacity:1}
  68%{transform:translate3d(-8%,4%,0) scale(1.08);opacity:.94}
  100%{transform:translate3d(-4%,8%,0) scale(1.03);opacity:.98}
}
@keyframes ws12-core-wave{
  0%{transform:translate3d(0,0,0) scale(.96);opacity:.74}
  50%{transform:translate3d(8%,-3%,0) scale(1.08);opacity:.92}
  100%{transform:translate3d(14%,4%,0) scale(1.02);opacity:.76}
}
@keyframes ws12-core-wave-b{
  0%{transform:translate3d(0,0,0) scale(.94);opacity:.56}
  50%{transform:translate3d(-6%,5%,0) scale(1.08);opacity:.84}
  100%{transform:translate3d(-12%,-3%,0) scale(1);opacity:.62}
}
.ws8 .ws9-impact-note{display:none!important}
.ws8 .ws9-odometer{font-size:23px!important;line-height:1!important}
.ws8 .ws9-odometer span{font-size:1em!important;line-height:1em!important}
@media(max-width:420px){.ws8 .ws9-odometer{font-size:20px!important}}
@media(max-width:780px){
  .ws8::before{filter:blur(44px)!important;opacity:.92!important}
  .ws8::after{filter:blur(40px)!important;opacity:.86!important}
  .ws9-tech-bg::before,.ws9-tech-bg::after{filter:blur(30px)!important}
}
@media(prefers-reduced-motion:reduce){
  .ws8::before,.ws8::after,.ws9-tech-bg::before,.ws9-tech-bg::after{animation:none!important;transform:none!important}
}

/* Hotfix 9 v13: soft diagonal white ambient sweep. No thin lines or particles. */
.ws8 .ws9-tech-bg .ws13-light-sweep{
  position:absolute;display:block;z-index:2;pointer-events:none;
  top:-42%;left:-40%;width:clamp(280px,31vw,570px);height:184%;
  border-radius:46%;transform-origin:50% 50%;
  background:linear-gradient(90deg,
    transparent 0%,rgba(255,255,255,.055) 15%,
    rgba(255,255,255,.24) 29%,rgba(255,255,255,.72) 44%,
    rgba(255,255,255,.91) 50%,rgba(255,255,255,.56) 59%,
    rgba(255,255,255,.15) 77%,transparent 100%);
  filter:blur(15px);opacity:0;
  transform:translate3d(-10vw,0,0) rotate(22deg);
  will-change:transform,opacity;
  animation:ws13-diagonal-sweep 11.5s ease-in-out infinite;
}
@keyframes ws13-diagonal-sweep{
  0%,5%{transform:translate3d(-13vw,0,0) rotate(22deg);opacity:0}
  15%{opacity:.78}
  47%{opacity:.96}
  75%{opacity:.76}
  95%,100%{transform:translate3d(148vw,0,0) rotate(22deg);opacity:0}
}
@media(max-width:780px){
  .ws8 .ws9-tech-bg .ws13-light-sweep{
    width:65vw;min-width:260px;top:-22%;height:150%;
    filter:blur(18px);animation-duration:13s;
  }
}
@media(prefers-reduced-motion:reduce){
  .ws8 .ws9-tech-bg .ws13-light-sweep{
    animation:none!important;opacity:0!important;will-change:auto!important;
  }
}


/* OSC AI Workspace Hotfix 9 v14 · paper + mint design system.
   VISUAL ONLY: JS, forms, submit handlers and auth backends are unchanged. */
.ws8 {
  --ws8-ink:#173f3f;
  --ws8-dim:#375e5a;
  --ws8-soft:#567f78;
  --ws8-orange:#5ba89c;
  --ws8-stroke:rgba(23,63,63,.18);
  --ws8-white:#173f3f;
  --ws8-fade:#426761;
  --ws8-subtle:#5e837d;
  --ws8-accent:#5ba89c;
  color:#173f3f!important;
  accent-color:#5ba89c!important;
  background:
    radial-gradient(ellipse at 12% 21%,rgba(170,220,205,.64) 0%,rgba(170,220,205,0) 46%),
    radial-gradient(ellipse at 44% 79%,rgba(226,243,238,.72) 0%,rgba(226,243,238,0) 50%),
    linear-gradient(110deg,#e2f3ee 0%,#edf6f1 28%,#f8f8f4 64%,#ffffff 100%)!important;
  background-size:145% 135%,126% 126%,145% 118%!important;
  background-position:10% 43%,30% 70%,0% 50%!important;
}
/* Ink-wash halos: retained motion, cooler green palette. */
.ws8::before{
  background:
    radial-gradient(ellipse 46% 54% at 18% 43%,rgba(91,168,156,.62) 0%,rgba(170,220,205,.55) 32%,rgba(226,243,238,.16) 67%,transparent 85%),
    radial-gradient(ellipse 28% 32% at 44% 72%,rgba(170,220,205,.45) 0%,transparent 82%)!important;
  filter:blur(52px)!important;
}
.ws8::after{
  background:
    radial-gradient(ellipse 38% 45% at 47% 36%,rgba(255,255,255,.94) 0%,rgba(226,243,238,.66) 44%,transparent 88%),
    radial-gradient(ellipse 28% 40% at 30% 72%,rgba(170,220,205,.46) 0%,transparent 83%)!important;
  filter:blur(58px)!important;
}
/* The artwork is a static, nearly transparent fiber texture on the visual layer. */
.ws9-tech-bg{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23173f3f%22%20stroke-width%3D%220.55%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.033%22%3E%3Cpath%20d%3D%22M8%2015l12%202M49%206l7%205M88%2011l-9%203M26%2045l11-4M76%2039l13%202M109%2058l-7%208M18%2078l9%201M54%2069l-4%2012M82%2091l12-1M36%20111l5-6M103%20113l8-3%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%235ba89c%22%20opacity%3D%220.033%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%22105%22%20r%3D%22.8%22%2F%3E%3Ccircle%20cx%3D%2262%22%20cy%3D%2223%22%20r%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%2294%22%20cy%3D%2254%22%20r%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2286%22%20r%3D%22.65%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;
  background-repeat:repeat!important;
  background-size:120px 120px!important;
  opacity:1!important;
}
.ws9-tech-bg::before{
  background:radial-gradient(ellipse at 35% 45%,rgba(91,168,156,.25) 0%,rgba(170,220,205,.16) 42%,transparent 78%)!important;
}
.ws9-tech-bg::after{
  background:radial-gradient(ellipse at 48% 44%,rgba(255,255,255,.85) 0%,rgba(226,243,238,.30) 54%,transparent 88%)!important;
}
/* Keep diagonal moving white beam from v13, including original animation timings. */
.ws8 .ws9-tech-bg .ws13-light-sweep{
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.035) 16%,rgba(255,255,255,.22) 34%,rgba(255,255,255,.64) 50%,rgba(255,255,255,.24) 70%,transparent 100%)!important;
}
/* Typography and fine horizontal dividers. */
.ws8 .ws8-brand,.ws8 .ws8-brand strong,
.ws8 .ws8-hero-title,.ws8 .ws8-heading h2,
.ws8 .ws8-capability strong,.ws8 .ws9-impact-copy b{color:#173f3f!important}
.ws8 .ws8-hero-title span{color:#438a7f!important}
.ws8 .ws8-brand-symbol{color:#5ba89c!important;background:transparent!important}
.ws8 .ws8-kicker-rule{background:#5ba89c!important}
.ws8 .ws8-kicker,.ws8 .ws8-eyebrow,.ws8 .ws9-consent-eyebrow{color:#367b70!important}
.ws8 .ws8-description,.ws8 .ws8-heading p,.ws8 .ws8-caption,
.ws8 .ws8-capability div span,.ws8 .ws8-policy,
.ws8 .ws9-impact-copy span{color:#496e68!important}
.ws8 .ws8-story-foot,.ws8 .ws8-bottom,.ws8 .ws8-brand-meta,
.ws8 .ws8-platforms,.ws8 .ws8-capability-index{color:#5c8980!important}
.ws8 .ws8-capabilities{border-color:rgba(23,63,63,.18)!important}
.ws8 .ws8-capability{border-color:rgba(23,63,63,.18)!important}
.ws8 .ws8-capability:nth-child(odd)::after{background:rgba(23,63,63,.13)!important}
.ws8 .ws8-platforms span+span::before{color:rgba(23,63,63,.24)!important}
.ws8 .ws8-auth-region{border-color:rgba(23,63,63,.16)!important}
/* Inputs stay underlined and transparent—no new form card or layout shift. */
.ws8 .ws8-field label{color:#173f3f!important}
.ws8 .ws8-field input{
  color:#173f3f!important;
  border-bottom-color:rgba(23,63,63,.34)!important;
  caret-color:#173f3f!important;
  background:transparent!important;
}
.ws8 .ws8-field input::placeholder{color:rgba(23,63,63,.49)!important}
.ws8 .ws8-field input:focus{
  border-bottom-color:#5ba89c!important;
  box-shadow:0 1px 0 rgba(91,168,156,.26)!important;
}
.ws8 .ws8-field input:-webkit-autofill,
.ws8 .ws8-field input:-webkit-autofill:focus{-webkit-text-fill-color:#173f3f!important;caret-color:#173f3f!important}
.ws8 .ws8-policy input{accent-color:#5ba89c!important}
.ws8 .ws8-links,.ws8 .ws8-links button{color:#173f3f!important}
.ws8 .ws8-links button:hover,.ws8 .ws8-links button:focus-visible{color:#408a7e!important}
.ws8 .ws8-links span{color:rgba(23,63,63,.32)!important}
.ws8 .ws8-feedback{color:#173f3f!important}
.ws8 .ws8-notice{color:#173f3f!important;background:rgba(226,243,238,.58)!important;border-left-color:#5ba89c!important}
/* Keep one unified submit button with 44px icon hit area and 32px SVG. */
.ws8 .ws8-submit,.ws8 .ws8-view[data-view="register"] .ws8-submit{
  color:#173f3f!important;background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.ws8 .ws8-submit .ws8-submit-icon,.ws8 .ws8-submit>.ws8-submitlabel{color:#173f3f!important}
.ws8 .ws8-submit:hover,.ws8 .ws8-submit:focus-visible,
.ws8 .ws8-view[data-view="register"] .ws8-submit:hover,
.ws8 .ws8-view[data-view="register"] .ws8-submit:focus-visible{
  background:rgba(170,220,205,.50)!important;
  box-shadow:none!important;
  transform:none!important;
}
.ws8 .ws8-submit:active,.ws8 .ws8-view[data-view="register"] .ws8-submit:active{
  background:rgba(91,168,156,.24)!important;transform:none!important;
}
.ws8 .ws8-submit:focus-visible,.ws8 .ws8-view[data-view="register"] .ws8-submit:focus-visible,
.ws8 .ws8-links button:focus-visible,.ws8 .ws8-policy input:focus-visible{
  outline-color:#5ba89c!important;
}
/* Light paper-inspired results panels, never solid heavy cards. */
.ws8 .ws9-impact-card{
  background:linear-gradient(155deg,rgba(255,255,255,.79),rgba(226,243,238,.45))!important;
  border-color:rgba(91,168,156,.17)!important;
  box-shadow:0 12px 32px rgba(23,63,63,.065),0 1px 1px rgba(23,63,63,.025)!important;
}
.ws8 .ws9-impact-icon{color:#5ba89c!important;background:rgba(226,243,238,.92)!important;box-shadow:inset 0 0 0 1px rgba(91,168,156,.16)!important}
.ws8 .ws9-impact-copy strong{color:#173f3f!important}
.ws8 .ws9-odometer,.ws8 .ws9-odometer span{color:#173f3f!important}
.ws8 .ws9-impact-meter{background:rgba(91,168,156,.18)!important}
.ws8 .ws9-impact-meter em{background:linear-gradient(90deg,#aadccd,#5ba89c)!important;box-shadow:0 0 8px rgba(91,168,156,.15)!important}
/* Form consent dialog: same green paper palette, identical markup and handlers. */
.ws8 .ws9-consent-overlay{background:rgba(23,63,63,.32)!important}
.ws8 .ws9-consent-dialog{
  color:#173f3f!important;background:linear-gradient(140deg,#ffffff,#e2f3ee)!important;
  border-color:rgba(23,63,63,.14)!important;
  box-shadow:0 24px 85px rgba(23,63,63,.19)!important;
}
.ws8 .ws9-consent-dialog h2{color:#173f3f!important}
.ws8 .ws9-consent-dialog p{color:#426b65!important}
.ws8 .ws9-consent-cancel{border-color:rgba(23,63,63,.3)!important;color:#173f3f!important;background:transparent!important}
.ws8 .ws9-consent-cancel:hover{background:rgba(170,220,205,.42)!important}
.ws8 .ws9-consent-confirm{background:#173f3f!important;border-color:#173f3f!important;color:#ffffff!important}
.ws8 .ws9-consent-confirm:hover{background:#28635b!important}
.ws8 .ws9-consent-actions button:focus-visible{outline-color:#5ba89c!important}
@media(prefers-reduced-motion:reduce){
  .ws8 .ws9-tech-bg .ws13-light-sweep{animation:none!important;opacity:0!important}
}

/* Override legacy :not(:disabled) hover selector at matching specificity. */
.ws8 .ws8-submit:hover:not(:disabled),
.ws8 .ws8-view[data-view="register"] .ws8-submit:hover:not(:disabled){
 background:rgba(170,220,205,.5)!important;
 transform:none!important;
 box-shadow:none!important;
}

/* OSC AI Workspace · Hotfix 9 v15 · user-supplied SVG brand symbol.
   Visual-only update. Keeps logotype, link destination, forms and auth handlers unchanged. */
.ws8 .ws8-brand .ws8-brand-symbol{
  display:inline-block!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  transform:none!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%221200%22%20viewBox%3D%2268%2029%20780%20820%22%3E%3Cg%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22blueFace%22%20x1%3D%220.13%22%20y1%3D%220.74%22%20x2%3D%220.79%22%20y2%3D%220.03%22%20objectBoundingBox%3D%22true%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2354B4EF%22%2F%3E%3Cstop%20offset%3D%220.52%22%20stop-color%3D%22%2356A3F4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2363A8F7%22%2F%3E%3C%2FlinearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%22blueFold%22%20x1%3D%220.05%22%20y1%3D%220.08%22%20x2%3D%220.98%22%20y2%3D%220.82%22%20objectBoundingBox%3D%22true%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%232845A0%22%2F%3E%3Cstop%20offset%3D%220.50%22%20stop-color%3D%22%23355AC8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23466FF0%22%2F%3E%3C%2FlinearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%22greenFace%22%20x1%3D%220.13%22%20y1%3D%220.15%22%20x2%3D%220.82%22%20y2%3D%220.9%22%20objectBoundingBox%3D%22true%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2369BA50%22%2F%3E%3Cstop%20offset%3D%220.48%22%20stop-color%3D%22%238CD660%22%2F%3E%3Cstop%20offset%3D%220.78%22%20stop-color%3D%22%23A5E878%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2387D960%22%2F%3E%3C%2FlinearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%22greenFold%22%20x1%3D%220.08%22%20y1%3D%220.08%22%20x2%3D%220.88%22%20y2%3D%220.93%22%20objectBoundingBox%3D%22true%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23387E36%22%2F%3E%3Cstop%20offset%3D%220.56%22%20stop-color%3D%22%234A9B3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2378C453%22%2F%3E%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%21--%20Upper%20deep-blue%20inner%20ribbon%20--%3E%0A%3Cpath%20fill%3D%22url%28%23blueFold%29%22%20d%3D%22M%20259%2C372%20C%20315%2C250%20424%2C161%20527%2C126%20C%20635%2C87%20722%2C103%20789%2C180%20L%20814%2C205%20Q%20820%2C213%20812%2C223%20L%20702%2C311%20Q%20679%2C330%20657%2C311%20C%20592%2C245%20503%2C225%20434%2C244%20C%20361%2C262%20312%2C301%20272%2C350%20Z%22%2F%3E%0A%3C%21--%20Broad%20sky-blue%20outer%20ribbon%20--%3E%0A%3Cpath%20fill%3D%22url%28%23blueFace%29%22%20d%3D%22M%20188%2C679%20C%20127%2C624%2096%2C539%2096%2C447%20C%2092%2C309%20148%2C202%20244%2C127%20C%20334%2C57%20451%2C47%20501%2C57%20C%20621%2C57%20718%2C97%20782%2C170%20C%20734%2C124%20689%2C116%20645%2C119%20C%20534%2C116%20431%2C165%20350%2C247%20C%20316%2C281%20292%2C317%20274%2C347%20C%20218%2C424%20174%2C506%20174%2C582%20C%20171%2C619%20178%2C652%20188%2C679%20Z%22%2F%3E%0A%3C%21--%20Lower%20lime%20green%20inner%20ribbon%20--%3E%0A%3Cpath%20fill%3D%22url%28%23greenFold%29%22%20d%3D%22M%20312%2C548%20C%20389%2C628%20462%2C645%20520%2C633%20C%20570%2C625%20605%2C601%20648%2C564%20C%20666%2C545%20691%2C546%20709%2C563%20L%20811%2C657%20Q%20823%2C670%20811%2C685%20C%20773%2C744%20734%2C762%20683%2C763%20C%20524%2C762%20389%2C671%20312%2C548%20Z%22%2F%3E%0A%3C%21--%20Lower%20outer%20spring-green%20ribbon%20--%3E%0A%3Cpath%20fill%3D%22url%28%23greenFace%29%22%20d%3D%22M%20274%2C347%20C%20247%2C410%20252%2C491%20313%2C554%20C%20358%2C628%20435%2C692%20526%2C727%20C%20615%2C762%20705%2C771%20767%2C743%20C%20703%2C816%20605%2C831%20501%2C826%20C%20387%2C822%20293%2C790%20229%2C730%20C%20184%2C688%20169%2C633%20174%2C576%20C%20178%2C488%20219%2C409%20274%2C347%20Z%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E")!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}
@media (max-width:480px){
  .ws8 .ws8-brand .ws8-brand-symbol{
    flex-basis:30px!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }
}