@font-face{font-family:SMLDisplay;src:url('brand/ClashDisplay-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:SMLDisplay;src:url('brand/ClashDisplay-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
:root{color-scheme:dark;--black:#0b0b0d;--paper:#f4f1ea;--orange:#f34d28;--accent:#ff6b45;--muted:#b7b4af;--line:#ffffff24;font-family:Arial,Helvetica,sans-serif;font-size:18px}
*{box-sizing:border-box}body{margin:0;color:var(--paper);background:var(--black);line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #ff997b;outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}.skip-link{position:fixed;top:-5rem;left:1rem;background:var(--paper);color:var(--black);padding:.6rem 1rem;z-index:10}.skip-link:focus{top:1rem}.auth-shell{min-height:100svh;display:grid;grid-template-columns:55% 45%}.brand-story{position:relative;min-height:100svh;padding:clamp(2rem,3vw,4rem);overflow:hidden;isolation:isolate;display:flex;flex-direction:column;background:#0b0b0d;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.8rem;width:max-content;max-width:100%;z-index:2}.brand img{width:52px;height:52px;object-fit:contain}.brand-name{font-family:SMLDisplay,Arial,sans-serif;font-size:1.65rem;letter-spacing:-.05em;line-height:1.15;white-space:nowrap}.brand-name strong{font-weight:500}.brand small{display:block;font-size:.65rem;color:var(--paper);letter-spacing:-.01em}.story-content{position:relative;z-index:2;margin:auto 0;max-width:49rem;padding:6rem 0 7rem}.eyebrow{font-size:.72rem;letter-spacing:.15em;line-height:1.8;font-weight:500}.signal{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:.55rem;vertical-align:middle}.story-content h1{font-family:SMLDisplay,Arial,sans-serif;font-size:clamp(3.8rem,5.5vw,7.1rem);font-weight:400;letter-spacing:-.065em;line-height:.99;margin:1.6rem 0 1.7rem;position:relative}.story-content h1 em{font-style:normal;color:var(--orange)}.story-description{font-size:1rem;color:#e2ddd5;line-height:1.8;max-width:28rem}.story-capabilities{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem;max-width:33rem}.story-capabilities span{border:1px solid #ffffff35;background:#101012bc;padding:.4rem .7rem;border-radius:2rem;font-size:.72rem;line-height:1.6}.lion-art{position:absolute;z-index:-2;width:86%;height:85%;object-fit:cover;object-position:67% 50%;right:-20%;bottom:0;opacity:.54;mask-image:linear-gradient(to right,transparent 0%,#000 38%);pointer-events:none}.brand-story::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0b0b0d26 0%,#0b0b0d12 70%),linear-gradient(0deg,#0b0b0d 0%,transparent 24%,transparent 75%,#0b0b0d 100%);pointer-events:none}.story-bottom{display:flex;justify-content:space-between;gap:1rem;font-size:.65rem;letter-spacing:.1em;border-top:1px solid var(--line);padding-top:1.25rem;z-index:2;color:#c9c5be}.edition{white-space:nowrap}.signin-panel{min-width:0;display:flex;flex-direction:column;padding:clamp(1.5rem,2.6vw,3.5rem);background:#101012}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.78rem;flex-wrap:wrap}.back-link{display:inline-flex;gap:.5rem;align-items:center;min-height:44px;color:#c4c0ba}.portal-label{font-size:.65rem;letter-spacing:.14em;color:#c4c0ba}.signin-content{width:min(100%,26rem);margin:auto; padding:4rem 0}.product-lockup{display:flex;align-items:center;gap:.75rem;font-family:SMLDisplay,Arial,sans-serif;font-size:1.2rem;font-weight:500;line-height:1.2;letter-spacing:.01em;margin-bottom:2.8rem}.product-lockup small{font-family:Arial,sans-serif;display:block;font-size:.6rem;letter-spacing:.18em;color:var(--muted);margin-top:.35rem}.product-mark{font-family:SMLDisplay,Arial,sans-serif;font-size:1.8rem;line-height:1;color:var(--accent);position:relative;border:1px solid #f34d285c;width:2.6rem;height:2.6rem;padding:.3rem .45rem;border-radius:.35rem}.product-mark span{position:absolute;right:.15rem;bottom:.25rem;font:500 .55rem/1 Arial,sans-serif}.intro-label{color:var(--muted);margin:0 0 .8rem}.signin-content h2{font-family:SMLDisplay,Arial,sans-serif;font-weight:400;font-size:clamp(2.6rem,3.3vw,4.3rem);letter-spacing:-.055em;line-height:1.05;margin:0 0 1.35rem}.signin-content h2 span{color:var(--accent)}.intro{font-size:1rem;color:#c8c3bb;margin:0 0 2rem;line-height:1.75}.auth-action{margin-top:2rem}.google-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;min-height:58px;padding:.75rem 1rem;border:1px solid #747775;border-radius:2rem;background:#fff;color:#1f1f1f;font:500 1rem/1.4 Arial,Helvetica,sans-serif;position:relative;transition:box-shadow .15s}.google-button img{flex-shrink:0;object-fit:contain;width:20px;height:20px}.google-button .button-arrow{margin-left:auto;font-size:1.2rem}.google-button>span:nth-child(2){margin-right:auto}.google-button:hover{text-decoration:none;box-shadow:0 0 0 4px #ffffff1c}.google-button[aria-disabled=true]{cursor:not-allowed}.google-button[aria-disabled=true]:hover{box-shadow:none}.account-help{font-size:.78rem;color:#b7b4af;text-align:center;line-height:1.7;margin:.85rem 0 0}.auth-status{font-size:.78rem;line-height:1.7;color:#f6ae96;text-align:center;margin:.6rem 0 0}.auth-status:empty{display:none}.privacy-note{display:flex;align-items:flex-start;gap:.65rem;border-top:1px solid var(--line);padding-top:1.4rem;margin-top:2rem}.privacy-note svg{flex-shrink:0;margin-top:.2rem;color:var(--accent)}.privacy-note p{font-size:.78rem;line-height:1.8;color:#b7b4af;margin:0}.support{font-size:.78rem;line-height:1.8;color:#b7b4af;margin-top:1.7rem}.support a{color:#f4f1ea;text-decoration:underline;text-underline-offset:4px;display:inline-block;min-height:30px}footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.7rem;line-height:1.8;color:#b7b4af}footer nav{display:flex;gap:1.2rem}footer a{display:inline-flex;align-items:center;min-height:36px}
@media(min-width:1900px){.signin-content{padding-top:4rem;padding-bottom:4rem}.story-content{padding-bottom:8rem}}
@media(max-width:1100px){.auth-shell{grid-template-columns:50% 50%}.brand-story{padding:2rem}.story-content h1{font-size:4.1rem}.story-capabilities{max-width:20rem}.signin-panel{padding:1.5rem}.lion-art{right:-31%;width:110%}.story-bottom .edition{display:none}}
@media(max-width:800px){.auth-shell{grid-template-columns:minmax(0,1fr)}.brand-story{min-height:0;padding:1.25rem 1.5rem;border-right:0;border-bottom:1px solid var(--line)}.brand img{width:42px;height:42px}.brand-name{font-size:1.45rem}.brand small{font-size:.62rem}.story-content,.story-bottom,.lion-art{display:none}.signin-panel{min-height:calc(100svh - 101px);padding:1.25rem 1.5rem}.panel-top{font-size:.75rem}.portal-label{font-size:.62rem}.signin-content{padding:2.4rem 0;width:min(100%,27rem)}.product-lockup{margin-bottom:1.8rem}.signin-content h2{font-size:3.1rem}.signin-content .intro{font-size:1rem}.eyebrow{font-size:.7rem}.google-button{min-height:58px}.account-help,.auth-status,.privacy-note p,.support{font-size:.8rem}footer{font-size:.72rem}.story-content h1{overflow-wrap:anywhere}}
@media(max-width:380px){.signin-panel{padding:1rem 1.1rem}.brand-story{padding:1rem 1.1rem}.panel-top .portal-label{display:none}.signin-content h2{font-size:2.8rem}.google-button{gap:.6rem;padding:.75rem .8rem;font-size:.95rem}.button-arrow{display:none}.google-button>span:nth-child(2){margin-right:0}footer{gap:.4rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Keep functional supporting text readable independently of the wordmark. */
.eyebrow,.story-capabilities span,.story-bottom,.panel-top,.portal-label,.account-help,.auth-status,.privacy-note p,.support,footer{font-size:max(14px,.78rem)}

/* SEM Lion's framed directional arrow, matched to the live website. */
.sml-arrow{display:inline-block;width:24px;height:24px;min-width:24px;flex:0 0 24px;vertical-align:middle;overflow:visible;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;fill:none}
.sml-arrow-frame{opacity:.38;transition:opacity .25s ease}.sml-arrow-shaft{transition:transform .25s cubic-bezier(.22,1,.36,1)}
a:hover .sml-arrow-frame,a:focus-visible .sml-arrow-frame{opacity:1}a:hover .sml-arrow-shaft,a:focus-visible .sml-arrow-shaft{transform:translate(1px,-1px)}
.support a{display:inline-flex;align-items:center;gap:.45rem}.support .sml-arrow{width:20px;height:20px;min-width:20px;flex-basis:20px}.button-arrow{display:inline-flex;align-items:center}.back-link .sml-arrow{width:20px;height:20px;min-width:20px;flex-basis:20px}
@media(prefers-reduced-motion:reduce){.sml-arrow-frame,.sml-arrow-shaft{transition:none}a:hover .sml-arrow-shaft{transform:none}}

/* Match the live website wordmark; use the actual lion asset for product branding. */
.brand-name{font:400 32px/1.1 Arial,Helvetica,sans-serif;letter-spacing:-1.3px}.brand-name strong{font-weight:800}.brand img{width:66px;height:66px}.brand small{font:400 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;margin-top:4px}.product-mark{object-fit:contain;width:52px;height:52px;flex:0 0 52px;padding:0;border:0;border-radius:0}
@media(max-width:800px){.brand img{width:58px;height:58px}.brand-name{font-size:28px}}