@font-face{font-family:Standards;src:url('/assets/Roboto-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Standards;src:url('/assets/Roboto-Black.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
:root{color-scheme:light;--page:#f1f1f1;--sidebar:#fff;--text:#080808;--muted:#606060;--line:#ddd;--brand:#dc062b;--sidebar-width:240px;--surface:#fff;--blue:#245bf5}
:root[data-theme=dark]{color-scheme:dark;--page:#191919;--sidebar:#111;--text:#f5f5f5;--muted:#aaa;--line:#353535;--surface:#252525}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--page);color:var(--text);font-family:Standards,Roboto,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--brand);outline-offset:5px}button{color:inherit}a:hover{color:var(--text)}[hidden]{display:none!important}.skip-link{position:fixed;top:-70px;left:255px;z-index:30;padding:15px;background:var(--sidebar)}.skip-link:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--sidebar);display:flex;flex-direction:column;z-index:20}.site-name{height:76px;min-height:76px;padding:23px 25px 0;font-size:26px;font-weight:700;letter-spacing:-1px;line-height:1}.site-label{display:block;font-size:9px;font-weight:400;letter-spacing:1.45px;margin-top:7px;color:var(--muted)}.search-wrap{position:relative;height:62px;min-height:62px;display:flex;align-items:center;gap:10px;padding:0 25px;border-bottom:1px solid var(--line)}.search-wrap>svg{width:23px;min-width:23px;fill:none;stroke:var(--muted);stroke-width:1.2}.search-wrap input{width:100%;min-width:0;padding:0;border:0;border-radius:0;background:none;font-size:16px;color:var(--text);outline-offset:9px}.search-wrap input::placeholder{color:var(--muted);opacity:1}.search-wrap input::-webkit-search-cancel-button{display:none}.sidebar nav{overflow-y:auto;scrollbar-width:thin;flex:1}.nav-group{padding:19px 25px}.nav-general{border-bottom:1px solid var(--line);padding-top:18px;padding-bottom:18px}.nav-design{padding-top:16px}.nav-group>.nav-label,.nav-group>a{display:block;color:var(--muted);font-size:16px;line-height:22px;padding:10px 0}.nav-group>a:hover,.nav-group>a[aria-current]{color:var(--text)}.nav-group>a[aria-current]{font-weight:400}.subnav{margin:0 0 2px;padding-left:16px}.subnav .nav-label{display:block;line-height:22px;font-size:16px;padding:6px 0}.subnav a:hover{text-decoration:underline;text-underline-offset:4px}.theme-control{height:75px;min-height:75px;padding:0 28px 0 25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:16px}.switch{width:42px;height:22px;background:#ccc;border:0;border-radius:16px;padding:0;display:flex;align-items:center;transition:background .2s}.switch>span{width:21px;height:21px;border-radius:50%;background:#606060;display:block;transition:transform .2s,background .2s}.switch[aria-checked=true]{background:#5b2230}.switch[aria-checked=true]>span{transform:translateX(21px);background:#dc062b}main{margin-left:var(--sidebar-width)}.corner-brand{position:absolute;top:28px;right:32px;width:132px;z-index:10;line-height:0;display:block}.corner-brand tron-logo{display:block;width:100%;height:auto;aspect-ratio:496/154}.hero{width:100%;aspect-ratio:1040/455;overflow:hidden;background:#245bf5}.hero>svg{display:block;width:100%;height:100%}.section{padding:112px 9% 110px;border-bottom:1px solid var(--line)}h1{font-size:72px;line-height:1.08;letter-spacing:-1.9px;margin:10px 0 38px;font-weight:900}p{margin:0 0 24px}.lead{font-size:20px;line-height:1.48;letter-spacing:-.1px;margin:0 0 50px;color:var(--text)}.copy-columns{display:grid;grid-template-columns:1fr 1fr;gap:57px;font-size:18px;line-height:1.4;color:var(--muted)}.copy-columns p{margin:0 0 26px}.copy-columns p:last-child{margin-bottom:0}.intro{min-height:715px;padding-bottom:116px}.detail-section{padding-top:78px;padding-bottom:85px}.detail-section h2,.document h1{font-size:46px;line-height:1.15;letter-spacing:-1.1px;margin:0 0 30px}.section-lead{font-size:24px;line-height:1.4;margin-bottom:24px}.detail-section>p:not(.section-lead){max-width:620px;font-size:18px;line-height:1.5;color:var(--muted)}.curve-demo{display:flex;align-items:center;gap:40px;margin-top:50px;background:var(--surface);padding:35px}.curve-demo svg{width:58%;overflow:visible}.curve-grid{fill:none;stroke:var(--line);stroke-width:1}.curve-line{fill:none;stroke:var(--brand);stroke-width:3}.curve-point{fill:var(--brand)}.eyebrow{display:block;font-size:11px;letter-spacing:1px;color:var(--muted);margin-bottom:16px}code{font-size:13px;display:block;white-space:nowrap}.text-button{border:0;border-bottom:1px solid var(--text);background:none;padding:0 0 6px;margin-top:32px;font-size:15px}.text-button span{margin-left:25px}.interaction-demo{padding:70px 35px;background:var(--surface);display:flex;align-items:center;justify-content:center;gap:26px;margin-top:40px}.interaction-demo>button{border:1px solid var(--line);border-radius:30px;padding:15px 23px;background:var(--page);display:flex;align-items:center;gap:15px;transition:background .4s,color .4s}.interaction-demo>button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:white}.interaction-icon{font-size:24px;line-height:20px;width:20px;transition:transform .4s cubic-bezier(.2,0,0,1)}.interaction-status{font-size:14px;color:var(--muted)}.transition-demo{margin-top:40px;background:#e3ffe3;height:250px}.transition-demo button{position:relative;width:100%;height:100%;border:0;background:none;color:#101010;overflow:hidden}.transition-shape{position:absolute;top:72px;left:calc(25% - 38px);height:76px;width:76px;background:#245bf5;border-radius:50%;transition:transform .9s cubic-bezier(.2,0,0,1),border-radius .9s,background .9s}.transition-demo.is-active .transition-shape{transform:translateX(250%) rotate(90deg);border-radius:5px;background:#dc062b}.transition-caption{position:absolute;bottom:25px;left:0;width:100%;font-size:14px}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;padding:40px 9%}footer span{opacity:.6}.mobile-header{display:none}.search-results{position:absolute;z-index:30;top:54px;left:14px;min-width:245px;max-height:420px;overflow:auto;padding:8px;background:var(--sidebar);border:1px solid var(--line);box-shadow:0 8px 24px #0002}.search-results a{display:block;padding:12px;font-size:14px}.search-results a:hover,.search-results a:focus{background:var(--page)}.search-results p{padding:12px;font-size:14px;margin:0;color:var(--muted)}.document{min-height:calc(100vh - 97px);padding:126px 9% 90px}.document h1{font-size:64px;margin-bottom:35px}.document .document-lead{font-size:24px;line-height:1.4;max-width:650px}.document p{color:var(--muted);line-height:1.6;max-width:650px}.document-card{background:var(--surface);padding:40px;margin-top:45px}.document-card h2{font-size:24px;margin:0 0 24px}.document-card p:last-child{margin-bottom:0}.brand-preview{padding:90px 45px;display:flex;justify-content:center;background:var(--surface);margin-top:50px}.brand-preview tron-logo{width:330px;max-width:100%;aspect-ratio:496/154}.color-swatch{background:#dc062b;color:#fff;padding:60px 35px;margin-top:45px;font-size:22px}.color-swatch span{display:block;font-size:14px;margin-top:40px}.download-link{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.download-link span{color:var(--muted);font-size:14px}.type-sample{font-size:clamp(38px,5vw,88px);line-height:1.15;letter-spacing:-2px;color:var(--text)!important;margin:55px 0}.color-swatch code{margin-top:12px}.hero-ball{transform-origin:448px 250px}
@media(min-width:1600px){:root{--sidebar-width:268px}.section{padding-left:9%;padding-right:9%}h1{font-size:80px}.site-name{height:85px;min-height:85px}.search-wrap{height:68px;min-height:68px}.nav-group>a{padding-top:12px;padding-bottom:12px}}
@media(max-width:1150px){:root{--sidebar-width:220px}.nav-group{padding-left:24px;padding-right:20px}.section{padding:85px 8%}h1{font-size:58px}.copy-columns{gap:30px;font-size:16px}.lead{font-size:19px}.desktop-break{display:none}.intro{min-height:650px}.corner-brand{width:116px;right:25px;top:25px}.curve-demo{gap:15px;padding:25px}.curve-demo code{font-size:11px}}
@media(max-width:760px){:root{--sidebar-width:260px}.mobile-header{position:sticky;top:0;display:flex;align-items:center;gap:18px;height:72px;padding:0 22px;background:var(--sidebar);border-bottom:1px solid var(--line);z-index:15;font-size:19px;font-weight:700}.menu-toggle{height:32px;width:24px;border:0;padding:6px 0;background:none;display:flex;flex-direction:column;justify-content:space-between}.menu-toggle span{height:1.5px;width:22px;background:var(--text)}.sidebar{transform:translateX(-100%);transition:transform .3s cubic-bezier(.2,0,0,1);z-index:25}.sidebar.is-open{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:#0005;z-index:22}.corner-brand{position:fixed;top:21px;right:22px;width:96px;z-index:16}main{margin-left:0}.hero{aspect-ratio:1040/455}.hero>svg{width:100%;height:100%;object-fit:cover}.section{padding:54px 26px 60px}.intro{min-height:0}h1{font-size:46px;letter-spacing:-1.4px;margin:0 0 30px}.lead{font-size:19px;line-height:1.5;margin-bottom:35px}.copy-columns{grid-template-columns:1fr;gap:25px;font-size:16px;line-height:1.55}.copy-columns p{margin-bottom:24px}.detail-section h2{font-size:35px}.section-lead{font-size:21px}.detail-section>p:not(.section-lead){font-size:16px}.curve-demo{flex-direction:column;align-items:stretch;padding:24px;gap:22px}.curve-demo svg{width:100%}.curve-demo code{font-size:13px}.interaction-demo{flex-direction:column;gap:20px;padding:45px 20px}.transition-demo.is-active .transition-shape{transform:translateX(170%) rotate(90deg)}.document{padding:55px 26px 70px}.document h1{font-size:44px;overflow-wrap:anywhere}.document .document-lead{font-size:21px}.document-card{padding:28px}.brand-preview{padding:60px 25px}footer{padding:32px 26px;gap:20px;font-size:11px}.search-results{min-width:230px}.skip-link{left:75px}html{scroll-padding-top:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* The supplied reference defines this page; no unprovided sections are fabricated. */
.site-name{padding:24px 25px 0;display:block}.site-name tron-logo{display:block;width:112px;height:auto;aspect-ratio:496/154}.page-end{height:40px}.mobile-logo{display:block;width:96px;line-height:0}.mobile-logo tron-logo{width:100%;height:auto;aspect-ratio:496/154}.nav-label{cursor:default}.nav-label.search-match{color:var(--text);background:var(--page)}.search-results .search-result{display:block;padding:12px;font-size:14px}.search-results .search-result:hover{background:var(--page)}@media(min-width:1600px){.nav-group>.nav-label{padding-top:12px;padding-bottom:12px}}

/* Mobile remains a full-width portrait layout without a drawer or menu icon. */
@media(max-width:760px){
 .sidebar{display:none}.mobile-header{display:flex;position:sticky;top:0;align-items:center;height:72px;padding:0 24px;background:var(--sidebar);border-bottom:1px solid var(--line);z-index:15}.mobile-logo{display:block;width:112px;line-height:0}.mobile-logo tron-logo{width:100%;height:auto;aspect-ratio:496/154}main{margin-left:0}.hero{aspect-ratio:1040/455}.section{padding:54px 26px 60px}.intro{min-height:0}h1{font-size:46px;letter-spacing:-1.4px;margin:0 0 30px}.lead{font-size:19px;line-height:1.5;margin-bottom:35px}.copy-columns{grid-template-columns:1fr;gap:25px;font-size:16px;line-height:1.55}.copy-columns p{margin-bottom:24px}
}

/* The mobile brand opens the same navigation vertically, without an extra icon. */
.mobile-menu-toggle{display:block;width:112px;padding:0;border:0;background:none;line-height:0}.mobile-menu-toggle tron-logo{display:block;width:100%;height:auto;aspect-ratio:496/154}
@media(max-width:760px){
 .mobile-header{z-index:26}.sidebar{top:72px;left:0;right:0;bottom:auto;width:100%;height:calc(100dvh - 72px);max-height:calc(100dvh - 72px);display:none;transform:none;transition:none;z-index:25;border-top:1px solid var(--line)}.sidebar.is-open{display:flex;transform:none}.sidebar .site-name{display:none}.sidebar .search-wrap{height:62px;min-height:62px}.sidebar .nav-group{padding-left:26px;padding-right:26px}.sidebar nav{overscroll-behavior:contain}.sidebar .theme-control{height:65px;min-height:65px;padding-left:26px;padding-right:26px}.sidebar .search-results{min-width:calc(100% - 28px)}
}