.portal-color .portal-main{max-width:none;padding-bottom:80px}.portal-color .phero-glow{width:555px;height:555px;left:610px;top:-25px;opacity:1}.portal-color .phero-art{width:428px;height:316px;right:22px;top:10px}@media(max-width:1100px){.portal-color .phero-art{display:none}.portal-color .phero-glow{opacity:.4}}.portal-color .cs-section{margin-bottom:96px}.portal-color .ramp-subhead{display:flex;align-items:center;gap:8px;padding:42px 0 14px}.portal-color .ramp-subhead:first-of-type{padding-top:0}.portal-color .ramp-subhead-bar{width:3px;height:14px;border-radius:2px;flex-shrink:0}.portal-color .ramp-subhead-dark .ramp-subhead-bar{background:#b3f131}.portal-color .ramp-subhead-print .ramp-subhead-bar{background:#292f36}.portal-color .ramp-subhead-func .ramp-subhead-bar{background:#171a1e}.portal-color .ramp-subhead-label{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px}.portal-color .ramp-subhead-dark .ramp-subhead-label{color:#b3f131}.portal-color .ramp-subhead-print .ramp-subhead-label,.portal-color .ramp-subhead-func .ramp-subhead-label{color:#747c8a}.portal-color .ramp-note{background:#171a1e;border-radius:10px;padding:20px;margin-bottom:10px}.portal-color .ramp-note-title{font-family:Space Grotesk,sans-serif;font-size:12px;line-height:1.55;color:#c7ccd4;margin:0 0 14px}.portal-color .ramp-note-title strong{color:#f0f2f5;font-weight:700}.portal-color .ramp-note-code{background:#292f36;color:#c7ccd4;font-family:Menlo,ui-monospace,monospace;font-size:11px;padding:1px 6px;border-radius:3px}.portal-color .ramp-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.portal-color .ramp-note-item{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;color:#c7ccd4;line-height:1.4}@media(max-width:720px){.portal-color .ramp-note-grid{grid-template-columns:1fr}}.portal-color .ramp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.portal-color .ramp-card{background:#171a1e;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.portal-color .ramp-card.is-hero{box-shadow:0 0 0 2px #b3f131,0 0 28px #b3f13199;z-index:1}.portal-color .ramp-card-func{height:auto}.portal-color .ramp-swatch{position:relative;aspect-ratio:1 / 1;padding:10px 12px;display:flex;flex-direction:column;justify-content:flex-end}.portal-color .ramp-card-func .ramp-swatch{min-height:96px;aspect-ratio:auto}.portal-color .ramp-swatch-step{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px;line-height:1.3}.portal-color .ramp-card.on-light .ramp-swatch-step{color:#101010}.portal-color .ramp-card:not(.on-light) .ramp-swatch-step{color:#f0f2f5}.portal-color .ramp-card-func.is-opacity .ramp-swatch{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 6px,transparent 6px 12px)!important}.portal-color .ramp-card-func.is-opacity .ramp-swatch-step{color:#747c8a}.portal-color .ramp-meta{padding:10px 12px 14px;display:flex;flex-direction:column;gap:2px}.portal-color .ramp-card-func .ramp-meta{padding:10px 12px 16px}.portal-color .ramp-meta-token{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px;color:#f0f2f5}.portal-color .ramp-card.on-light .ramp-meta-token{color:#f0f2f5}.portal-color .ramp-meta-hex{font-family:Space Grotesk,sans-serif;font-size:11px;color:#c7ccd4}.portal-color .ramp-meta-rgb{font-family:Space Grotesk,sans-serif;font-size:10px;color:#747c8a}.portal-color .ramp-meta-desc{font-family:Space Grotesk,sans-serif;font-size:10px;color:#747c8a;padding-top:2px}@media(max-width:1280px){.portal-color .ramp{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.portal-color .ramp{grid-template-columns:repeat(2,1fr)}.portal-color .ramp-note-grid{grid-template-columns:1fr}}.portal-color .neutralverse{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.portal-color .neut-card{background:#171a1e;border-radius:14px;overflow:hidden}.portal-color .neut-swatch{padding:12px;display:flex;flex-direction:column;justify-content:flex-end;min-height:96px;position:relative}.portal-color .neut-swatch.has-divider{border-bottom:1px solid #f0f2f5}.portal-color .neut-swatch-tag{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px;color:#292f36}.portal-color .neut-swatch-tag.on-mid{color:#747c8a}.portal-color .neut-meta{padding:10px 12px 14px;display:flex;flex-direction:column;gap:2px}.portal-color .neut-label{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px;color:#f0f2f5}.portal-color .neut-token{font-family:Menlo,ui-monospace,monospace;font-size:10px;color:#747c8a}.portal-color .neut-hex{font-family:Space Grotesk,sans-serif;font-size:11px;color:#c7ccd4}.portal-color .neut-rgb{font-family:Space Grotesk,sans-serif;font-size:10px;color:#747c8a}@media(max-width:980px){.portal-color .neutralverse{grid-template-columns:repeat(2,1fr)}}.portal-color .gradient-token{display:inline-flex;align-items:center;gap:10px;background:#171a1e;padding:10px 14px;border-radius:10px}.portal-color .gradient-swatch{width:44px;height:28px;border-radius:6px;background:linear-gradient(135deg,#171a1e,#292f36);border:1px solid rgba(255,255,255,.05)}.portal-color .gradient-info{display:flex;flex-direction:column}.portal-color .gradient-info code{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px;color:#f0f2f5}.portal-color .gradient-info span{font-family:Space Grotesk,sans-serif;font-size:10px;color:#747c8a}.portal-color .feedback-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.portal-color .feedback-card{background:#171a1e;border-radius:14px;overflow:hidden}.portal-color .feedback-head{padding:16px 18px;border-bottom:1px solid #292f36}.portal-color .feedback-head h3{font-family:Radio Canada Big,sans-serif;font-weight:600;font-size:.95rem;color:#f0f2f5;margin:0 0 6px}.portal-color .feedback-head span{font-family:Space Grotesk,sans-serif;font-size:11px;color:#747c8a;line-height:1.45;display:block}.portal-color .feedback-stack{display:flex;flex-direction:column}.portal-color .feedback-step{padding:14px 16px;display:grid;grid-template-columns:1fr auto;row-gap:2px;column-gap:10px;align-items:center;color:#fff;min-height:64px}.portal-color .feedback-step .step-label{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px}.portal-color .feedback-step .step-token{grid-column:1;font-family:Menlo,ui-monospace,monospace;font-size:10px;opacity:.65}.portal-color .feedback-step .step-hex{grid-row:1 / span 2;align-self:center;font-family:Space Grotesk,sans-serif;font-size:11px;opacity:.85}.portal-color .feedback-step.on-light{color:#101010}.portal-color .feedback-step.is-opacity{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 6px,transparent 6px 12px)}@media(max-width:1100px){.portal-color .feedback-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.portal-color .feedback-grid{grid-template-columns:1fr}}.portal-color .surf-grid-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.portal-color .surf-grid-glass{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portal-color .surf-card{border-radius:20px;overflow:hidden;position:relative;display:flex;flex-direction:column}.portal-color .surf-sunken{background:#0b0b0b;border:1px solid rgba(255,255,255,.04);min-height:300px}.portal-color .surf-outlined{background:transparent;border:1.5px solid #292F36;min-height:300px}.portal-color .surf-overlay{background:linear-gradient(155deg,#171a1e 35%,#292f36 120%);min-height:300px}.portal-color .surf-glass-dark,.portal-color .surf-glass-strong{min-height:280px}.portal-color .surf-inner{flex:1;display:flex;flex-direction:column;padding:20px;gap:12px;position:relative;z-index:1}.portal-color .surf-scene{position:absolute;inset:0;z-index:0}.portal-color .surf-scene-dark{background:radial-gradient(ellipse at 70% 25%,rgba(34,197,94,.18) 0%,transparent 55%),radial-gradient(ellipse at 20% 80%,rgba(179,241,49,.08) 0%,transparent 50%),linear-gradient(160deg,#060e09,#0a1410,#080d12)}.portal-color .surf-scene-strong{background:radial-gradient(ellipse at 25% 30%,rgba(115,200,232,.22) 0%,transparent 50%),radial-gradient(ellipse at 75% 70%,rgba(179,241,49,.16) 0%,transparent 50%),linear-gradient(145deg,#0a1520,#0c1c16)}.portal-color .surf-inner-glass{background:#10101066;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);flex:1;display:flex;flex-direction:column;gap:12px;padding:20px;position:relative;z-index:1}.portal-color .surf-inner-glass-strong{background:#10101094;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.portal-color .surf-head{display:flex;align-items:center;gap:8px}.portal-color .surf-icon-wrap{width:26px;height:26px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.portal-color .surf-icon-lit{background:#b3f1311a;border-color:#b3f13133}.portal-color .surf-type-label{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#747c8a;flex:1}.portal-color .surf-type-lit{color:#b3f131}.portal-color .surf-depth-pill{font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:600;color:#292f36;background:#ffffff0a;padding:3px 7px;border-radius:100px;white-space:nowrap}.portal-color .surf-depth-lit{color:#b3f1318c;background:#b3f13114}.portal-color .surf-demo{flex:1;display:flex;flex-direction:column;justify-content:center}.portal-color .sd-sunken{align-items:flex-start}.portal-color .sd-overlay-mini{background:linear-gradient(155deg,#171a1e 35%,#292f36 120%);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;width:100%}.portal-color .sd-om-head{display:flex;align-items:center;gap:6px;margin-bottom:2px}.portal-color .sd-om-dot{width:6px;height:6px;background:#b3f131;border-radius:50%}.portal-color .sd-om-line{height:4px;flex:1;background:#292f36;border-radius:2px}.portal-color .sd-om-val{font-family:Radio Canada Big,sans-serif;font-weight:700;font-size:1.4rem;color:#b3f131;line-height:1}.portal-color .sd-om-sub{font-family:Space Grotesk,sans-serif;font-size:9px;color:#747c8a}.portal-color .sd-outlined{gap:8px;justify-content:flex-start}.portal-color .sd-input-wrap{display:flex;flex-direction:column;gap:4px}.portal-color .sd-input-label-txt{font-family:Space Grotesk,sans-serif;font-size:9px;color:#747c8a}.portal-color .sd-input-box{background:transparent;border:1.5px solid #292F36;border-radius:6px;padding:0 10px;height:30px;display:flex;align-items:center}.portal-color .sd-cursor{width:1.5px;height:12px;background:#b3f131;animation:sd-blink 1.2s step-end infinite}@keyframes sd-blink{0%,to{opacity:1}50%{opacity:0}}.portal-color .sd-code-block{background:transparent;border:1.5px solid #292F36;border-radius:6px;padding:0 10px;height:30px;display:flex;align-items:center;gap:6px}.portal-color .sd-code-prompt{font-family:Menlo,monospace;font-size:10px;color:#b3f131}.portal-color .sd-code-cmd{font-family:Menlo,monospace;font-size:10px;color:#747c8a}.portal-color .sd-overlay{gap:6px}.portal-color .sd-metric-val{font-family:Radio Canada Big,sans-serif;font-weight:700;font-size:2.2rem;color:#b3f131;line-height:1}.portal-color .sd-metric-lbl{font-family:Space Grotesk,sans-serif;font-size:11px;color:#c7ccd4}.portal-color .sd-badge-active{font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:600;background:#b3f13126;color:#b3f131;padding:3px 9px;border-radius:100px;width:fit-content}.portal-color .sd-glass-panels{flex-direction:row;gap:10px}.portal-color .sd-glass-panel{flex:1;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.portal-color .sd-glass-panel-default{background:#10101066;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.06)}.portal-color .sd-glass-panel-strong{background:#10101094;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)}.portal-color .sd-gl-label{font-family:Space Grotesk,sans-serif;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c7ccd48c}.portal-color .sd-gl-num{font-family:Radio Canada Big,sans-serif;font-weight:700;font-size:1.5rem;color:#f0f2f5;line-height:1.1}.portal-color .sd-gl-sub{font-family:Space Grotesk,sans-serif;font-size:9px;color:#c7ccd473}.portal-color .surf-body{display:flex;flex-direction:column;gap:5px}.portal-color .surf-name{font-family:Radio Canada Big,sans-serif;font-weight:600;font-size:1.1rem;color:#f0f2f5;line-height:1.2}.portal-color .surf-desc{font-family:Space Grotesk,sans-serif;font-size:11px;line-height:1.5;color:#747c8a;margin:0}.portal-color .surf-foot{margin-top:auto}.portal-color .surf-css{font-family:Menlo,ui-monospace,monospace;font-size:9px;color:#747c8a;background:#ffffff0a;padding:6px 10px;border-radius:6px;display:block;word-break:break-all;line-height:1.4}.portal-color .surf-css-lit{color:#b3f13199}.portal-color .surf-glow{position:absolute;top:-50px;left:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(179,241,49,.07) 0%,transparent 70%);pointer-events:none}@media(max-width:1100px){.portal-color .surf-grid-top{grid-template-columns:repeat(2,1fr)}.portal-color .surf-grid-glass{grid-template-columns:1fr}}@media(max-width:600px){.portal-color .surf-grid-top{grid-template-columns:1fr}}.portal-color .ui-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portal-color .ui-card{background:#171a1e;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px}.portal-color .ui-card-tag{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#b3f131}@media(max-width:760px){.portal-color .ui-grid{grid-template-columns:1fr}}.portal-color .btn-row{display:flex;gap:10px;flex-wrap:wrap}.portal-color .btn{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;padding:10px 22px;border-radius:100px;border:none;cursor:pointer;transition:transform .12s,background .12s}.portal-color .btn-primary{background:#b3f131;color:#101010}.portal-color .btn-primary:hover:not(:disabled){background:#a5ef0a;transform:scale(1.03)}.portal-color .btn-primary:disabled{opacity:.4;cursor:not-allowed}.portal-color .btn-outline{background:transparent;color:#b3f131;border:1.5px solid #b3f131}.portal-color .btn-outline:hover{background:#b3f131;color:#101010}.portal-color .btn-ghost{background:transparent;color:#c7ccd4}.portal-color .btn-ghost:hover{background:#ffffff0d;color:#f0f2f5}.portal-color .btn-secondary{background:#292f36;color:#f0f2f5}.portal-color .badge-row{display:flex;gap:8px;flex-wrap:wrap}.portal-color .badge{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;padding:5px 11px;border-radius:100px}.portal-color .badge-active{background:#b3f131;color:#101010}.portal-color .badge-success{background:#22c55e2e;color:#8bdaa8}.portal-color .badge-warning{background:#cfb50429;color:#eccf07}.portal-color .badge-alert{background:#f695542e;color:#f69554}.portal-color .badge-error{background:#fb7e7e29;color:#fb7e7e}.portal-color .badge-info{background:#73c8e82e;color:#73c8e8}.portal-color .badge-pro{background:#101010;color:#b3f131;border:1px solid #b3f131}.portal-color .badge-beta{background:transparent;color:#c7ccd4;border:1px solid #292f36}.portal-color .input-field{display:flex;flex-direction:column;gap:5px}.portal-color .input-label{font-family:Space Grotesk,sans-serif;font-size:11px;color:#747c8a}.portal-color .input-field input{background:#0b0b0b;border:1px solid #292f36;border-radius:6px;padding:11px 14px;color:#f0f2f5;font-family:Space Grotesk,sans-serif;font-size:13px}.portal-color .input-field input:focus{outline:none;border-color:#b3f131}.portal-color .input-help{font-family:Space Grotesk,sans-serif;font-size:11px}.portal-color .input-help-success{color:#8bdaa8}.portal-color .input-help-error{color:#fb7e7e}.portal-color .alert{font-family:Space Grotesk,sans-serif;font-size:12px;line-height:1.5;padding:11px 14px;border-radius:6px;border-left:3px solid}.portal-color .alert strong{font-weight:600}.portal-color .alert-success{background:#22c55e1a;color:#c8e688;border-color:#22c55e}.portal-color .alert-info{background:#73c8e81a;color:#abe3f8;border-color:#73c8e8}.portal-color .alert-warning{background:#cfb5041a;color:#ffef7c;border-color:#eccf07}.portal-color .alert-alert{background:#f695541f;color:#ffb482;border-color:#f69554}.portal-color .alert-error{background:#fb7e7e1a;color:#faa4a4;border-color:#fb7e7e}.portal-color .wcag-legend{display:flex;align-items:center;gap:18px;margin-bottom:20px;background:#171a1e;padding:14px 20px;border-radius:14px}.portal-color .wcag-legend-label{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#747c8a}.portal-color .wcag-legend-items{display:flex;gap:16px}.portal-color .wcag-legend-item{display:flex;align-items:center;gap:6px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:11px;color:#f0f2f5}.portal-color .wcag-legend-dot{width:12px;height:12px;border-radius:4px;flex-shrink:0}.portal-color .wcag-table-wrap{background:#171a1e;border-radius:14px;overflow:auto}.portal-color .wcag-table{width:100%;border-collapse:collapse;font-family:Space Grotesk,sans-serif;font-size:12px}.portal-color .wcag-table th,.portal-color .wcag-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #292f36;white-space:nowrap}.portal-color .wcag-table th{font-family:Space Grotesk,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#747c8a;font-weight:700}.portal-color .wcag-table tr:last-child td{border-bottom:none}.portal-color .wcag-table .num{font-family:Menlo,ui-monospace,monospace}.portal-color .wcag-label{color:#f0f2f5;font-weight:500}.portal-color .wcag-swatch{display:inline-flex;align-items:center;gap:8px}.portal-color .wcag-swatch .dot{width:14px;height:14px;border-radius:4px;flex-shrink:0;border:1px solid rgba(255,255,255,.08)}.portal-color .wcag-swatch code{font-family:Menlo,ui-monospace,monospace;font-size:11px;color:#c7ccd4}.portal-color .wcag-aaa{color:#8bdaa8;font-weight:600}.portal-color .wcag-aa{color:#ffef7c;font-weight:600}.portal-color .wcag-fail{color:#fb7e7e;font-weight:600}.portal-color .wcag-preview{font-family:Radio Canada Big,sans-serif;font-weight:600;padding:8px 14px;border-radius:6px}.portal-color .rule60-bar{display:flex;height:14px;border-radius:100px;overflow:hidden;gap:3px;margin-bottom:18px}.portal-color .r60{font-size:0;color:transparent}.portal-color .r60-base{background:#292f36}.portal-color .r60-mid{background:#747c8a}.portal-color .r60-accent{background:#b3f131;box-shadow:0 0 12px #b3f13199}.portal-color .usecase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:24px}.portal-color .usecase-card{background:linear-gradient(157.7deg,#171a1e 37%,#292f36);border-radius:20px;padding:22px 24px;display:flex;flex-direction:column;gap:18px}.portal-color .usecase-card header h4{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:#f0f2f5;margin:0 0 4px}.portal-color .usecase-card header p{font-family:Space Grotesk,sans-serif;font-size:12px;line-height:1.5;color:#747c8a;margin:0}.portal-color .usecase-bar{display:flex;height:10px;border-radius:100px;overflow:hidden;gap:2px}.portal-color .usecase-seg{display:block;height:100%}.portal-color .usecase-seg.is-glow{box-shadow:0 0 8px #b3f13199}.portal-color .usecase-rows{list-style:none;padding:0;margin:auto 0 0;display:flex;flex-direction:column;gap:10px}.portal-color .usecase-rows li{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px}.portal-color .uc-dot{width:10px;height:10px;border-radius:3px}.portal-color .uc-dot.has-border{border:1px solid #292f36}.portal-color .uc-label{font-family:Space Grotesk,sans-serif;font-size:12px;color:#747c8a;line-height:1.4}.portal-color .uc-pct{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:13px;color:#c7ccd4}.portal-color .uc-pct.is-hero{color:#b3f131}@media(max-width:1100px){.portal-color .usecase-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.portal-color .usecase-grid{grid-template-columns:1fr}}.portal-color .rule-callouts{display:flex;flex-direction:column;gap:10px;margin:40px 0 36px}.portal-color .rule-callout{display:flex;gap:16px;align-items:flex-start;background:#171a1e;padding:16px 20px;border-radius:12px}.portal-color .rule-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.portal-color .rule-icon img{width:14px;height:14px}.portal-color .rule-icon-success{background:#71a8001f}.portal-color .rule-icon-muted{background:#747c8a26}.portal-color .rule-body h4{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:13px;color:#f0f2f5;margin:0 0 5px}.portal-color .rule-body p{font-family:Space Grotesk,sans-serif;font-size:12px;line-height:1.65;color:#747c8a;margin:0}.portal-color .rule-body p code{background:#292f36;color:#c7ccd4;font-family:Menlo,ui-monospace,monospace;font-size:11px;padding:2px 6px;border-radius:4px}.portal-color .rule-body p strong{color:#c7ccd4;font-weight:700}.portal-color .light-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portal-color .light-demo{display:flex;flex-direction:column;gap:14px}.portal-color .light-tag{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;background:#171a1e;padding:4px 12px 4px 8px;border-radius:100px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#c7ccd4}.portal-color .light-tag-dot{width:6px;height:6px;background:#747c8a;border-radius:3px}.portal-color .light-page{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000059;overflow:hidden}.portal-color .light-letterhead{height:253px;display:flex;flex-direction:column}.portal-color .light-letterhead .lh-header{background:#101010;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.portal-color .light-letterhead .lh-mark{width:28px;height:28px;background:#b3f131;border-radius:6px}.portal-color .light-letterhead .lh-brand{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.portal-color .light-letterhead .lh-brand strong{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:8px;letter-spacing:.08em;color:#c7ccd4}.portal-color .light-letterhead .lh-brand span{font-family:Space Grotesk,sans-serif;font-size:7px;color:#747c8a}.portal-color .light-letterhead .lh-body{padding:20px;flex:1;display:flex;flex-direction:column;gap:10px}.portal-color .light-letterhead .lh-body h5{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px;color:#0b0b0b;margin:0}.portal-color .light-letterhead .lh-date{font-family:Space Grotesk,sans-serif;font-size:8px;color:#747c8a;margin-bottom:8px}.portal-color .light-letterhead .lh-line{display:block;height:5px;background:#292f3614;border-radius:3px}.portal-color .light-letterhead .lh-line-2{width:80%}.portal-color .light-letterhead .lh-line-3{width:88%}.portal-color .light-letterhead .lh-line-4{width:62%;margin-bottom:8px}.portal-color .light-letterhead .lh-divider{display:block;height:1px;background:#292f361a;margin:4px 0 8px}.portal-color .light-letterhead .lh-signs{display:flex;justify-content:space-between}.portal-color .light-letterhead .lh-sign{font-family:Space Grotesk,sans-serif;font-size:7px;color:#747c8a;padding-top:6px;border-top:1px solid #292f36;width:64px}.portal-color .light-email-frame{background:#f0f2f5;padding:14px;border-radius:12px}.portal-color .light-email-frame .em-card{background:#fff;border-radius:8px;overflow:hidden}.portal-color .light-email-frame .em-header{background:#101010;padding:17px 0 15px;display:flex;align-items:center;justify-content:center;gap:10px}.portal-color .light-email-frame .em-mark{width:18px;height:18px;background:#b3f131;border-radius:4px}.portal-color .light-email-frame .em-brand{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:9px;letter-spacing:.06em;color:#f0f2f5}.portal-color .light-email-frame .em-body{padding:18px 16px;display:flex;flex-direction:column;gap:8px;align-items:stretch}.portal-color .light-email-frame .em-body h5{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px;color:#0b0b0b;margin:0}.portal-color .light-email-frame .em-body p{font-family:Space Grotesk,sans-serif;font-size:8px;line-height:1.6;color:#292f36;margin:0}.portal-color .light-email-frame .em-cta{align-self:center;background:#71a800;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:9px;padding:9px 20px;border-radius:6px;margin:6px 0}.portal-color .light-email-frame .em-foot{font-family:Space Grotesk,sans-serif;font-size:7px;color:#747c8a;text-align:center;padding-top:11px;border-top:1px solid rgba(41,47,54,.1)}.portal-color .light-signature{padding:20px 22px;display:flex;flex-direction:column;gap:12px}.portal-color .light-signature .sig-row{display:flex;gap:14px;align-items:center;padding-bottom:4px}.portal-color .light-signature .sig-avatar{width:40px;height:40px;background:#101010;border-radius:20px;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;color:#b3f131;flex-shrink:0}.portal-color .light-signature .sig-meta{display:flex;flex-direction:column;gap:1px}.portal-color .light-signature .sig-meta strong{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:12px;color:#0b0b0b}.portal-color .light-signature .sig-meta span{font-family:Space Grotesk,sans-serif;font-size:9px;color:#292f36}.portal-color .light-signature .sig-meta .sig-brand{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:8.9px;color:#71a800;padding-top:2px}.portal-color .light-signature .sig-divider{display:block;height:1px;background:#292f361a}.portal-color .light-signature .sig-contact{display:flex;flex-direction:column;gap:2px}.portal-color .light-signature .sig-contact span{font-family:Space Grotesk,sans-serif;font-size:8px;color:#747c8a;line-height:2}@media(max-width:980px){.portal-color .light-grid{grid-template-columns:1fr}}.portal-color .success-vs{margin-top:32px;border-radius:16px;overflow:hidden;border:1px solid #292f36}.portal-color .success-vs-head{padding:22px 24px 20px;background:#171a1e;border-bottom:1px solid #292f36}.portal-color .success-vs-label{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#747c8a;display:block;margin-bottom:6px}.portal-color .success-vs-title{font-family:Radio Canada Big,sans-serif;font-weight:600;font-size:1.1rem;color:#f0f2f5;margin:0 0 6px}.portal-color .success-vs-lead{font-family:Space Grotesk,sans-serif;font-size:12px;line-height:1.55;color:#747c8a;margin:0}.portal-color .success-vs-grid{display:grid;grid-template-columns:1fr 1fr}.portal-color .success-col{padding:22px 24px 26px}.portal-color .success-col-ok{background:#0d1710;border-right:1px solid #292f36}.portal-color .success-col-brand{background:#131709}.portal-color .success-col-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.portal-color .success-col-swatch{width:16px;height:16px;border-radius:4px;flex-shrink:0}.portal-color .success-col-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:12px;color:#f0f2f5}.portal-color .success-col-token{font-family:Menlo,ui-monospace,monospace;font-size:10px;color:#747c8a;margin-left:auto}.portal-color .success-col-rule{font-family:Space Grotesk,sans-serif;font-size:12px;line-height:1.55;color:#c7ccd4;margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.05)}.portal-color .success-col-rule strong{color:#f0f2f5}.portal-color .success-col-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.portal-color .success-col-list li{font-family:Space Grotesk,sans-serif;font-size:12px;color:#c7ccd4;display:flex;align-items:center;gap:8px}.portal-color .success-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.portal-color .success-dot-ok{background:#22c55e}.portal-color .success-dot-brand{background:#b3f131}@media(max-width:760px){.portal-color .success-vs-grid{grid-template-columns:1fr}.portal-color .success-col-ok{border-right:none;border-bottom:1px solid #292f36}}