/* Generated from tokens.json. Do not edit generated colors. */
:root,.ct-ui{
--ct-color-bg:#06060a;
--ct-color-surface:#0d0d14;
--ct-color-surface-raised:#11111a;
--ct-color-lime:#d6ff3f;
--ct-color-text:#eef0e8;
--ct-color-secondary-text:#85859a;
--ct-color-purple:#7b6ce6;
--ct-color-terra:#c05a21;
--ct-color-areia:#ede4d3;
--ct-color-warning:#ef9f27;
--ct-color-success:#3fe08a;
--ct-color-info:#85b7eb;
--ct-color-teal:#5dcaa5;
--ct-color-danger:#ff6b3d;
--ct-font-heading:'Syne',system-ui,sans-serif;
--ct-font-body:'Instrument Sans',system-ui,sans-serif;
--ct-radius-panel:24px;--ct-radius-button:13px;
--ct-border:rgba(255,255,255,.11);--ct-border-highlight:rgba(255,255,255,.22);
--ct-shadow-panel:0 24px 48px -30px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.04);
--ct-glass-fill:linear-gradient(145deg,rgba(17,17,26,.72),rgba(6,6,10,.88));--ct-glass-blur:22px;
--ct-motion-fast:160ms cubic-bezier(.2,.75,.25,1);
}

/* CredTech shared components. Host scope avoids replacing a product's page composition. */
.ct-ui{--font:var(--ct-font-body);--heading:var(--ct-font-heading);--lime:var(--ct-color-lime);--surface:var(--ct-color-surface);color:var(--ct-color-text);font-family:var(--ct-font-body);font-synthesis:none;color-scheme:dark}
.ct-ui *, .ct-ui *::before,.ct-ui *::after{box-sizing:border-box}
.ct-ui[data-ct-density="compact"]{--ct-space-content:16px}.ct-ui[data-ct-density="comfortable"]{--ct-space-content:24px}
.ct-ui .ct-heading,.ct-ui .ct-back-title{font-family:var(--ct-font-heading);font-weight:700;line-height:1.12;letter-spacing:-.035em;text-wrap:balance;margin:0 0 16px}
.ct-ui .ct-heading-hero{font-weight:800;font-size:clamp(32px,5.2vw,66px);max-width:15ch}
.ct-ui h1.ct-heading{font-size:clamp(32px,5vw,64px)}.ct-ui h2.ct-heading{font-size:clamp(24px,3vw,36px)}.ct-ui h3.ct-heading{font-size:22px}
.ct-ui .ct-number,.ct-ui [data-ct-number],.ct-ui input,.ct-ui textarea,.ct-ui select,.ct-ui button,.ct-ui svg text{font-family:var(--ct-font-body)!important;font-variant-numeric:tabular-nums}
.ct-ui span.ct-number[data-ct-number]{display:inline!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;color:inherit!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
.ct-ui .ct-label{font:500 13px/1.5 var(--ct-font-body);letter-spacing:.015em;margin:0 0 10px;color:var(--ct-color-secondary-text)}
.ct-ui .ct-caption{font:400 13px/1.65 var(--ct-font-body);color:var(--ct-color-secondary-text);margin:8px 0}
.ct-ui .ct-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:44px;padding:11px 18px;border:1px solid var(--ct-border);border-radius:var(--ct-radius-button);font:600 14px/1.35 var(--ct-font-body);background:var(--ct-color-surface);color:var(--ct-color-text);cursor:pointer;transition:transform var(--ct-motion-fast),background var(--ct-motion-fast),border-color var(--ct-motion-fast)}
.ct-ui .ct-button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--ct-color-lime)}.ct-ui .ct-button:active:not(:disabled){transform:translateY(0) scale(.985)}
.ct-ui .ct-button-primary{background:var(--ct-color-lime);border-color:var(--ct-color-lime);color:var(--ct-color-bg)}.ct-ui .ct-button-quiet{background:transparent;border-color:transparent}.ct-ui .ct-button-danger{color:var(--ct-color-danger)}
.ct-ui .ct-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.ct-ui :focus-visible{outline:2px solid var(--ct-color-lime);outline-offset:4px}
.ct-ui .ct-icon{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:inherit}
.ct-ui .ct-brand{display:inline-flex;align-items:center;gap:12px;font:600 20px var(--ct-font-body);letter-spacing:-.6px}.ct-ui .ct-brand .ct-icon{width:27px;height:27px;stroke:none}
.ct-ui .ct-surface{padding:var(--ct-space-content,24px);border:1px solid var(--ct-border);border-top-color:var(--ct-border-highlight);border-radius:var(--ct-radius-panel);background:var(--ct-color-surface);box-shadow:var(--ct-shadow-panel)}
.ct-ui .ct-surface[data-ct-material="glass"]{background:var(--ct-glass-fill);backdrop-filter:blur(var(--ct-glass-blur)) saturate(1.15);-webkit-backdrop-filter:blur(var(--ct-glass-blur)) saturate(1.15)}
.ct-ui .ct-surface[data-ct-material="terra"]{background:var(--ct-color-terra);color:var(--ct-color-areia);border-color:#ede4d33d}.ct-ui .ct-surface[data-ct-material="terra"] .ct-caption,.ct-ui .ct-surface[data-ct-material="terra"] .ct-label{color:var(--ct-color-areia)}
.ct-ui .ct-surface[data-ct-material="terra"] .ct-heading{color:var(--ct-color-areia)}
.ct-ui .ct-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ct-ui .ct-metric-value{font-family:var(--ct-font-body);font-size:clamp(26px,3vw,38px);line-height:1.15;font-weight:600;letter-spacing:-.035em}
.ct-ui .ct-status{--ct-state-color:var(--ct-color-info);display:inline-flex;align-items:center;gap:8px;color:var(--ct-state-color);font:500 13px/1.5 var(--ct-font-body)}
.ct-ui .ct-status:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:currentColor}.ct-ui [data-ct-state="success"]{--ct-state-color:var(--ct-color-success)}.ct-ui [data-ct-state="warning"],.ct-ui [data-ct-state="pending"]{--ct-state-color:var(--ct-color-warning)}.ct-ui [data-ct-state="danger"]{--ct-state-color:var(--ct-color-danger)}
.ct-ui .ct-dot{position:relative;width:220px;height:220px;display:grid;place-items:center;isolation:isolate}.ct-ui .ct-dot canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:6px;background:transparent}.ct-ui .ct-dot .dot-contact-shadow{display:none!important}
.ct-ui .ct-studio-scene{position:relative;width:100%;min-height:320px;aspect-ratio:900/490}.ct-ui .ct-studio-scene>.scene-svg{width:100%;height:100%;display:block}.ct-ui .ct-studio-dot-stage{position:absolute;inset:0;pointer-events:auto}.ct-ui .ct-studio-dot-stage .ct-dot{position:absolute;left:45%;top:12%;width:27%;height:52%;min-width:110px;min-height:110px}
.ct-ui .ct-deck-area{overflow-x:clip;overflow-y:visible;position:relative}.ct-ui .ct-field{display:grid;gap:8px;margin:12px 0;color:var(--ct-color-text);font:500 13px var(--ct-font-body)}.ct-ui .ct-field input{background:var(--ct-color-bg);border:1px solid var(--ct-border);color:inherit;border-radius:12px;min-height:44px;padding:12px;font:400 15px var(--ct-font-body)}
.ct-ui .ct-task{display:flex;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid var(--ct-border)}.ct-ui .ct-task:last-child{border-bottom:0}.ct-ui .ct-task .ct-icon{color:var(--ct-color-lime)}.ct-ui .ct-task strong{display:block;font:600 15px var(--ct-font-body)}.ct-ui .ct-task small{font:400 13px var(--ct-font-body);color:var(--ct-color-secondary-text)}
@media(max-width:600px){.ct-ui .ct-heading-hero{font-weight:700}.ct-ui .ct-surface{border-radius:20px}.ct-ui .ct-studio-scene{min-height:250px}.ct-ui .ct-studio-dot-stage .ct-dot{left:43%;top:16%}}
@media(prefers-reduced-motion:reduce){.ct-ui *, .ct-ui *::before,.ct-ui *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ct-ui .ct-button:hover{transform:none}}
.ct-ui .ct-card-copy h3{font-family:var(--ct-font-heading);font-weight:700}

/* Scoped extraction of the approved glass deck; same geometry and physics. */
:where(.ct-ui) .template-grid.deck-ready.ct-depth-deck{height:740px!important;margin:0!important;perspective:1500px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;isolation:isolate;touch-action:pan-y}
:where(.ct-ui) .ct-depth-deck:before,:where(.ct-ui) .ct-depth-deck:after{display:none!important}
:where(.ct-ui) .template-grid.ct-depth-deck .ct-glass-card{position:absolute!important;left:50%!important;top:145px!important;width:min(388px,70vw)!important;height:460px!important;min-height:0!important;max-width:none!important;padding:0!important;border:0!important;border-radius:27px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;display:block!important;transform-style:preserve-3d!important;transform-origin:50% 50%!important;transform:translateX(-50%) translate3d(var(--ct-drag-x,0px),calc(var(--ct-y,0px) + var(--ct-drag-y,0px)),var(--ct-z,0px)) rotateX(var(--ct-angle,0deg)) rotateY(calc(var(--ct-turn,0deg) + var(--ct-tilt,0deg))) rotateZ(var(--ct-drag-z,0deg)) scale(var(--ct-scale,1))!important;transition:transform 680ms cubic-bezier(.18,.78,.2,1),opacity 400ms!important;opacity:var(--ct-opacity,1)!important;z-index:var(--ct-order,1)!important;touch-action:none;will-change:transform;cursor:grab;text-align:left!important;contain:initial!important}
:where(.ct-ui) .ct-depth-deck .ct-glass-card:before,:where(.ct-ui) .ct-depth-deck .ct-glass-card:after{display:none!important}
:where(.ct-ui) .template-grid.ct-depth-deck .ct-glass-card.ct-held{transition:none!important;cursor:grabbing}
:where(.ct-ui) .ct-glass-card .ct-card-face{position:absolute;inset:0;display:flex;flex-direction:column;padding:26px 29px 24px;border-radius:inherit;border:1px solid #ffffff39;border-top-color:#ffffff69;background:linear-gradient(128deg,#ffffff06,#ffffff01 44%,#d6ff3f04),linear-gradient(145deg,#111118a1,#08090daf);box-shadow:0 30px 55px -25px #000a,inset 0 1px 0 #ffffff15,inset -1px -1px 0 #ffffff0a;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;pointer-events:none}
:where(.ct-ui) .ct-card-front{transform:translateZ(1px)}
:where(.ct-ui) .ct-card-back{transform:rotateY(180deg) translateZ(1px);align-items:center;justify-content:center;gap:34px;background:linear-gradient(145deg,#101018ee,#09090eee)!important}
:where(.ct-ui) .ct-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--font);position:relative;z-index:2}
:where(.ct-ui) .ct-material-label{font-size:9px;color:#bfc3b7;letter-spacing:2px}
:where(.ct-ui) .ct-card-index{font-size:11px;color:#9b9ba8}
:where(.ct-ui) .ct-sculpture{display:block;height:268px;flex-shrink:0;width:calc(100% + 46px);margin:-12px -23px -7px;position:relative;transform:translateZ(26px)}
:where(.ct-ui) .ct-sculpture canvas{display:block;width:100%;height:100%;background:transparent;pointer-events:none}
:where(.ct-ui) .ct-card-copy{display:block;position:relative;z-index:2}
:where(.ct-ui) .ct-depth-deck .ct-glass-card .ct-card-copy h3{font-size:22px!important;font-weight:700!important;line-height:1.12!important;max-width:none!important;margin:0 0 11px!important;letter-spacing:-.7px!important;color:#eef0e8!important}
:where(.ct-ui) .ct-depth-deck .ct-glass-card .ct-card-copy p{font-family:var(--font)!important;font-size:12px!important;line-height:1.45!important;color:#adafb6!important;max-width:none!important;margin:0!important}
:where(.ct-ui) .ct-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:12px;font-size:9px;color:#90939b;font-family:var(--font);letter-spacing:.2px}
:where(.ct-ui) .ct-card-dot,:where(.ct-ui) .ct-back-orb{flex-shrink:0;display:inline-block;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#f0ffb6,#d6ff3f 43%,#76920d 86%,#4e5d08);box-shadow:inset -.5px -1px 2px #26360036}
:where(.ct-ui) .ct-back-orb{width:70px;height:70px}
:where(.ct-ui) .ct-back-title{font-family:var(--heading);font-weight:700;font-size:24px;line-height:1.2;text-align:center;color:#eef0e8}
:where(.ct-ui) .ct-back-caption{font:10px var(--font);letter-spacing:3px;color:#989ca3}
:where(.ct-ui) .ct-glass-glint{position:absolute;inset:1px;border-radius:inherit;pointer-events:none;backface-visibility:hidden;transform:translateZ(2px);background:radial-gradient(ellipse at var(--ct-glint-x,24%) var(--ct-glint-y,0%),#ffffff12,transparent 55%);opacity:.75}
:where(.ct-ui) .deck-active .ct-card-face{border-color:#ecf4ce68;border-top-color:#fcffe499}
:where(.ct-ui) .ct-is-pulling .deck-active .ct-card-face{border-color:#d6ff3f!important;box-shadow:0 0 0 1px #d6ff3f66,0 0 58px #d6ff3f22,inset 0 0 32px #d6ff3f06}
:where(.ct-ui) .ct-deck-echo{position:absolute;left:50%;top:49px;width:350px;height:220px;border:1px solid #ffffff19;border-radius:20px;transform:translateX(-50%) rotateX(-58deg) scale(.87);transform-origin:50% 0;background:linear-gradient(150deg,#ffffff03,#ffffff00);z-index:0;pointer-events:none}
:where(.ct-ui) .ct-deck-echo.echo-far{top:13px;transform:translateX(-50%) rotateX(-59deg) scale(.73);opacity:.65}
:where(.ct-ui) .ct-deck-catch{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);color:#d6ff3f;font:9px var(--font);letter-spacing:2px;text-align:center;pointer-events:none;opacity:0;transition:opacity 180ms}
:where(.ct-ui) .ct-deck-catch i{display:block;width:165px;height:20px;border-radius:50%;box-shadow:0 0 22px #d6ff3f29;border:1px solid #d6ff3f55;margin:0 auto 12px}
:where(.ct-ui) .ct-is-pulling .ct-deck-catch{opacity:1}
:where(.ct-ui) .ct-deck-interface{position:relative;z-index:8;margin:0 auto 36px;text-align:center}
:where(.ct-ui) .ct-deck-controlrow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
:where(.ct-ui) .ct-deck-controlrow button{min-width:44px;min-height:44px;padding:10px 15px;border:1px solid #ffffff1e;border-radius:12px;background:#12121a;color:#eef0e8;font:12px var(--font);transition:background 160ms,border-color 160ms}
:where(.ct-ui) .ct-deck-controlrow button:hover{border-color:#d6ff3f60;background:#1a1d13}
:where(.ct-ui) .ct-deck-controlrow button.ct-deck-choose{background:#d6ff3f;color:#111800;border-color:#d6ff3f}
:where(.ct-ui) .ct-deck-position{width:65px;text-align:center;font:12px var(--font);color:#adafb6;letter-spacing:1px}
:where(.ct-ui) .ct-deck-instruction{font:11px/1.65 var(--font);color:#8e919c;margin:17px 0 0}
:where(.ct-ui) .ct-deck-interface button:focus-visible,:where(.ct-ui) .ct-glass-card:focus-visible{outline:2px solid #d6ff3f!important;outline-offset:5px!important}
@media (max-width:700px){:where(.ct-ui) .template-grid.deck-ready.ct-depth-deck{height:625px!important;perspective:1200px!important}
:where(.ct-ui) .template-grid.ct-depth-deck .ct-glass-card{width:min(305px,78vw)!important;height:410px!important;top:115px!important}
:where(.ct-ui) .ct-glass-card .ct-card-face{padding:22px}
:where(.ct-ui) .ct-sculpture{height:225px;margin:-9px -18px -4px;width:calc(100% + 36px)}
:where(.ct-ui) .ct-depth-deck .ct-glass-card .ct-card-copy h3{font-size:20px!important}
:where(.ct-ui) .ct-depth-deck .ct-glass-card .ct-card-copy p{font-size:11px!important}
:where(.ct-ui) .ct-deck-echo{width:260px;top:42px}
:where(.ct-ui) .ct-deck-echo.echo-far{top:10px}
:where(.ct-ui) .ct-material-label{font-size:8px;letter-spacing:1.6px}
:where(.ct-ui) .ct-deck-controlrow{gap:6px}
:where(.ct-ui) .ct-deck-controlrow button{font-size:11px;padding:10px 12px}
:where(.ct-ui) .ct-deck-position{width:50px}
:where(.ct-ui) .ct-deck-catch{bottom:-4px}
:where(.ct-ui) .ct-deck-interface{margin-bottom:30px}
:where(.ct-ui) .ct-card-bottom{font-size:8px}
:where(.ct-ui) .ct-deck-instruction{padding:0 6px}}
@media (prefers-reduced-motion:reduce){:where(.ct-ui) .ct-depth-deck .ct-glass-card,:where(.ct-ui) .ct-glass-glint,:where(.ct-ui) .ct-deck-catch{transition:none!important;will-change:auto!important}}
:where(.ct-ui) .ct-ui.reduced-motion .ct-depth-deck .ct-glass-card{transition:none!important}
:where(.ct-ui) .template-grid.ct-kinetic .ct-glass-card{transition:none!important}
:where(.ct-ui) .ct-depth-deck[data-dragging="true"] .ct-glass-card.ct-held .ct-card-face{border-top-color:#f2ffd4b0;box-shadow:0 35px 60px -24px #000b,inset 0 1px 0 #ffffff29}
:where(.ct-ui) .ct-depth-deck .ct-deck-catch{transition:opacity 160ms ease}
@media (prefers-reduced-motion:reduce){:where(.ct-ui) .ct-deck-catch{transition:none!important}}
:where(.ct-ui) .template-grid.ct-depth-deck{position:relative;display:block;}

/* Orchestrated materials: a single active glint, quiet resting surfaces.
   This extension never overwrites the approved Dot or depth-deck physics. */
.ct-ui [data-ct-reactive="material"]{position:relative;isolation:isolate;--ct-pointer-x:50%;--ct-pointer-y:50%;--ct-tilt-x:0deg;--ct-tilt-y:0deg;transition:translate 240ms cubic-bezier(.2,.7,.3,1),scale 120ms ease,border-color 220ms ease,box-shadow 240ms ease;transform:perspective(950px) rotateX(var(--ct-tilt-x)) rotateY(var(--ct-tilt-y));}
.ct-ui [data-ct-reactive="material"]:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(240px circle at var(--ct-pointer-x) var(--ct-pointer-y),rgba(238,240,232,.065),transparent 75%);transition:opacity 180ms ease;}
.ct-ui [data-ct-reactive="material"][data-ct-lit="true"]:before{opacity:1}
.ct-ui [data-ct-reactive="material"][data-ct-lit="true"]{border-color:rgba(214,255,63,.34)}
.ct-ui [data-ct-reactive="material"][data-ct-press="true"]{scale:.986}
.ct-ui [data-ct-reactive="material"]:focus-visible{outline:2px solid var(--ct-color-lime);outline-offset:5px}
.ct-ui .ct-progress-surface{border:1px solid var(--ct-border-highlight);border-radius:var(--ct-radius-panel);padding:26px;background:var(--ct-glass-fill);box-shadow:var(--ct-shadow-panel);min-width:0;overflow:hidden;--ct-progress:0;--ct-progress-ink:var(--ct-color-lime);}
.ct-ui .ct-progress-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:25px}
.ct-ui .ct-progress-head h3{font:700 20px var(--ct-font-heading);margin:0;color:var(--ct-color-text)}
.ct-ui .ct-progress-source{font:500 10px/1.5 var(--ct-font-body);color:#b9b9c7;text-align:right;max-width:22ch}
.ct-ui .ct-progress-face{display:flex;align-items:center;gap:25px}
.ct-ui .ct-progress-dial{position:relative;display:grid;place-items:center;flex:0 0 110px;width:110px;height:110px;border-radius:50%;background:conic-gradient(from -90deg,var(--ct-progress-ink) calc(var(--ct-progress)*1%),rgba(238,240,232,.09) 0);}
.ct-ui .ct-progress-dial:before{content:"";position:absolute;inset:4px;background:#0d0d14;border-radius:inherit}
.ct-ui .ct-progress-number{z-index:1;font:500 27px/1 var(--ct-font-body);font-variant-numeric:tabular-nums;color:var(--ct-color-text)}
.ct-ui .ct-progress-state{font:600 14px/1.5 var(--ct-font-body);margin:0 0 7px;color:var(--ct-color-text)}
.ct-ui .ct-progress-note{font:400 12px/1.65 var(--ct-font-body);margin:0;color:#b9b9c7;max-width:38ch}
.ct-ui .ct-progress-track{height:2px;background:rgba(238,240,232,.08);margin-top:26px;position:relative;overflow:hidden;border-radius:9px}
.ct-ui .ct-progress-track:after{content:"";position:absolute;inset:0;background:var(--ct-progress-ink);transform:scaleX(calc(var(--ct-progress)/100));transform-origin:left;transition:transform 360ms cubic-bezier(.2,.75,.25,1)}
.ct-ui [data-ct-progress-state="uncertain"]{--ct-progress-ink:var(--ct-color-warning)}
.ct-ui [data-ct-progress-state="error"]{--ct-progress-ink:var(--ct-color-danger)}
.ct-ui [data-ct-progress-state="complete"]{--ct-progress-ink:var(--ct-color-success)}
.ct-ui [data-ct-progress-state="paused"]{--ct-progress-ink:#b9b9c7}
@media(max-width:480px){.ct-ui .ct-progress-surface{padding:20px}.ct-ui .ct-progress-face{gap:17px}.ct-ui .ct-progress-dial{flex-basis:88px;width:88px;height:88px}.ct-ui .ct-progress-number{font-size:24px}.ct-ui .ct-progress-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.ct-ui [data-ct-reactive="material"]{transform:none!important;translate:none!important;scale:1!important;transition:none!important}.ct-ui [data-ct-reactive="material"]:before,.ct-ui .ct-progress-track:after{transition:none!important}}
